< div id="loginUserDlg">
  < div class="hd">Login< /div>
  < div class="bd">
    < form id="loginUserForm" method="POST" action="rpc.php">
    < label for="userid">User id:< /label>< input type="text" name="id" size="26"/>
    < label for="userpwd">Password:< /label>< input type="password" name="pwd" size="26"/>
    < input type="hidden" id="action" name="action" value="login">< /input>
    < /form>
  < /div>
< /div>

YAHOO.people.container.loginUser = new YAHOO.widget.Dialog("loginUserDlg",
  { width : "210px",
    context: ["buttonContainer", "br", "br"],
    draggable: true,
    visible : false,
    buttons : [ { text:"Login", handler:handleSubmit, isDefault:true },
                { text:"Cancel", handler:handleCancel }
              ]
  }
);

YAHOO.people.container.loginUser.render();

< div id="addUserDlg">
  < div class="hd">New Marker Data< /div>
  < div class="bd">
  < !-- TabView markup goes here -->
  < /div>
< /div>

YAHOO.people.container.addUser = new YAHOO.widget.Dialog("addUserDlg",
  { width : "290px",
    context: ["buttonContainer", "br", "br"],
    draggable: true,
    visible : false,
    buttons : [ { text:"Submit", handler:handleSubmit, isDefault:true },
                { text:"Cancel", handler:handleCancel }
              ]
  }
);

YAHOO.people.container.addUser.render();

YAHOO.people.container.addUser.callback =
  { success: handleMarkers, failure: handleFailure };
YAHOO.people.container.loginUser.callback =
  { success: handleLoginSuccess, failure: handleFailure };

< div id="tabContainer" class="yui-navset">
  < ul class="yui-nav">
  < li class="selected">< a href="#addTab">< em>Add< /em>< /a>< /li>
  < li>< a href="#langTab">< em>Language< /em>< /a>< /li>
  < li>< a href="#latLongTab">< em>Lat & Long< /em>< /a>< /li>
  < /ul>
  < div class="yui-content">
    < div id="addTab">< /div>
    < div id="langTab">< /div>
    < div id="latLongTab">< /div>
  < /div>
< /div>

var tabView = new YAHOO.widget.TabView('tabContainer');

< input type="input" id="langSearch" name="langSearch" size="36">< /input>
< div id="langResults">< /div>

var oDS = new YAHOO.widget.DS_XHR("http://www.lerdorf.com/people/rpc.php", [","]);
oDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
oDS.scriptQueryParam = "q";
oDS.scriptQueryAppend = "action=lang";

var langAutoComp = new YAHOO.widget.AutoComplete("langSearch","langResults", oDS);
langAutoComp.animVert = true;
langAutoComp.animSpeed = 0.2;