my $tbl =
qq(<form id="frm_log" action="remove.cgi" onSubmit="return formDelValidation();">
<table class="tbl" border="0" width="$PRC_WIDTH%">
-<tr class="hdr">
+<tr class="r0">
<th class="tbl">Date</th>
<th class="tbl">Time</th>
<th class="tbl">Log</th><th>#</th>
}
$tbl .=
-'<tr class="r0"><td><a id="floating_menu_close" href="#" onclick="return showFloatingMenu();"><span class="ui-icon ui-icon-heart"></span></a>
+'<tr class="r0"><td><a id="menu_close" href="#" onclick="return showFloatingMenu();"><span class="ui-icon ui-icon-heart"></span></a>
<a href="#top">↟</a></td><td colspan="5" align="right">
<input type="hidden" name="datediff" id="datediff" value="0"/>
<input type="submit" value="Date Diff Selected" onclick="return dateDiffSelected()"/>
my $frm = qq(<a name="top"></a>
<form id="frm_entry" action="main.cgi" onSubmit="return formValidation();">
<table class="tbl" border="0" width="$PRC_WIDTH%">
- <tr class="r0"><td colspan="3"><b>* LOG ENTRY FORM *</b></td></tr>
+ <tr class="r0"><td colspan="3"><b>* LOG ENTRY FORM *</b>
+ <a id="log_close" href="#" onclick="return hideLog();"><span class="ui-icon ui-icon-heart" style="float:right;"></span></td></tr>
<tr>
- <td style="text-align:right; vertical-align:top">Date:</td>
+ <td style="text-align:right; vertical-align:top; width:10%;">Date:</td>
<td id="al" colspan="1" style="text-align:top; vertical-align:top"><input id="ed" type="text" name="date" size="18" value=")
. $today->ymd . " "
. $today->hms . qq(">
<div class="hdr" style="marging=0;padding:0px;">
<a id="to_top" href="#top" title="Go to top of page."><span class="ui-icon ui-icon-arrowthick-1-n"></span></a>
<a id="to_bottom" href="#bottom" title="Go to bottom of page."><span class="ui-icon ui-icon-arrowthick-1-s"></span></a>
-<a id="floating_menu_close" href="#"><span class="ui-icon ui-icon-heart"></span></a>
+<a id="menu_close" href="#" onclick="return showFloatingMenu();"><span class="ui-icon ui-icon-heart"></span></a>
</div>
<hr>
<a class="a_" href="stats.cgi">Stats</a><hr>
<a class="a_" href="login_ctr.cgi?logout=bye">LOGOUT</a>
</div>
- <div>\n$frm\n</div>\n<br>\n
+ <div id="div_log">\n$frm\n</div>\n<br>\n
<div id="div_srh">$srh</div>
<div>\n$tbl\n</div><br>
<div><a class="a_" href="stats.cgi">View Statistics</a></div><br>
MNU_SCROLLING = true;
}
});
- $("#floating_menu_close").poshytip({
+ $("#menu_close").poshytip({
className: 'tip-yellowsimple',
showOn: 'focus',
alignX: 'left',
alignY: 'bottom',
});
- $("#floating_menu_close").click(function() {
- //$("#floating_menu").effect("shake", {}, 1000, function() {
- $("#floating_menu").effect("drop", { direction: "down" }, 1500, function() {
- $("#floating_menu").hide();
+ $("#menu_close").click(function() {
+ $("#menu").effect("shake", {}, 1000, function() {
+ $("#menu").effect("drop", { direction: "down" }, 1500, function() {
+ $("#menu").hide();
})
- // })
+ })
});
- $("#log_submit").addEventListener("click", encodeText);
+ $("#log_submit").click(encodeText);
- var lst = $("#cat_lst");
- var children = lst.childNodes;
- for (var i = 0; i < children.length; i++) {
- _MAP.set(children[i].id, children[i].innerHTML);
+ var kidz = $("#cat_lst").children();
+ for (var i = 0; i < kidz.length; i++) {
+ _MAP.set(kidz[i].id, kidz[i].innerHTML);
}
$('#ec').show();
}
function showFloatingMenu() {
- $("#floating_menu").toggle();
+ $("#menu").show();
+ $("#div_log").toggle();
return false;
}
+function hideLog(){
+ $("#div_log").hide(); return false;
+}
function encodeText(el) {
var el = $("#frm_entry");