<body>
<div id='login'>
<form id='cred' name='cred'>
- <label for='jid'>JID:</label>
+ <label for='jid'>JID:</label><br/>
<input type='text' id='jid' />
<br />
- <label for='pass'>Password:</label>
+ <label for='pass'>Password:</label><br/>
<input type='password' id='pass' />
+ <br />
<input type='submit' id='connect' value='connect' />
</form>
</div>
-<div id='query'>
- <form id='queryForm' name='queryForm'>
- <label for='queryJID'>Query:</label>
- <input type='text' id='queryJID' />
- <input type='submit' value='Query' />
- </form>
-</div>
+<div id='main'>
+ <div id='query'>
+ <form id='queryForm' name='queryForm'>
+ <label for='queryJID'>Query:</label>
+ <input type='text' id='queryJID' />
+ <input type='submit' value='Query' />
+ </form>
+ </div>
-<div id='output'></div>
+ <div id='output'></div>
+</div>
<div id='log_container'>
<a id='log_toggle' href='#'>Status Log :</a>
var type = $(this).attr("type");
if($(this).attr("label")) {
$("<label/>").text($(this).attr("label")).attr("for", $(this).attr("var")).appendTo(fieldset);
+ $("<br/>").appendTo(fieldset);
}
switch(type) {
case "hidden":
item = $("<input type='checkbox'/>");
break;
case "text-multi":
- item = $("<textarea/>");
+ item = $("<textarea rows='10' cols='70'/>");
break;
case "text-single":
item = $("<input type='text'/>");
item = $("<input type='text'/>").attr("readonly",true);
break;
case "jid-multi":
- item = $("<textarea/>");
+ item = $("<textarea rows='10' cols'70'/>");
break;
case "jid-single":
item = $("<input type='text'/>");
item.attr("id", $(this).attr("var"));
}
fieldset.append(item);
- fieldset.append("<br/>");
+ if (type != "hidden")
+ fieldset.append("<br/>");
});
$(elem).append(form);
}
$('#query').hide();
pass.show();
jid.show();
- $('label').show();
+ $('#cred label').show();
+ $('#cred br').show();
$('#output').empty();
}
pass.hide();
jid.hide();
$('#cred label').hide();
+ $('#cred br').hide();
}
$(document).ready(function () {
margin-right: 0.5em
}
-.df-item {
- margin: 0.25em
+input, textarea {
+ margin: 0.25em;
+ margin-left: 1em
}
#log_container {
#query {
display: none
}
+
+#login{
+ float: left;
+ margin-right: 2em
+}
+
+#cred input[type="submit"] {
+ margin-left: 0em
+}
+
+#main {
+ float: left
+}
+
+#log_container {
+ clear: both
+}