if($isPUBViewMode){$eh = ""}
else{$eh='<th>Edit</th>'}
my $log_output =qq(<FORM id="frm_log" action="data.cgi" onSubmit="return formDelValidation();">
-<TABLE class="tbl" border="0" width=").&Settings::pagePrcWidth.qq(%">
+<TABLE id="main_table" style="visibility:hidden" class="tbl" border="0" width=").&Settings::pagePrcWidth.qq(%">
<tr class="hdr">
<th>Date</th>
<th>Time</th>
<button type="button" onclick="return setNow();">Now</button>
<button type="reset" onclick="setNow();resetDoc(); return true;">Reset</button>
- <span id="cat_desc" name="cat_desc">Enter log...</span>
+ <span id="cat_desc" name="cat_desc">Please Wait...</span>
Category:
</tr>
<tr class="collpsd"><td style="text-align:right; vertical-align:top;">Log:</td>
<td id="al" colspan="2" style="text-align:top;">
- <textarea id="el" name="log" rows="3" style="float:left; width:99%;" onChange="toggleVisibility('cat_desc',true)"></textarea>
+ <textarea id="el" name="log" rows="5" style="float:left; width:99%;" onChange="toggleVisibility('cat_desc',true)"></textarea>
</td>
</tr>
<tr class="collpsd" style="text-align:right; vertical-align:top;">
<a id="menu_close" href="#"><span class="ui-icon ui-icon-heart" style="float:none;"></span></a>
</div>
<hr>
- <a class="a_" onclick="return toggle('#div_log',true);">Log</a><br>
+ <a id="Log_btn" class="a_" onclick="return toggle('#div_log',true, '#el');" title="Click to enter a log.">Log</a><br>
<a href="#" title="TOP" onclick="return submitTop();" ><span class="ui-icon ui-icon-triangle-1-w" style="float:none;"></span></a>
<a href="#" title="PREVIOUS" onclick="return submitPrev($log_rc_prev, $rec_limit);"><span class="ui-icon ui-icon-arrowthick-1-w" style="float:none;"></span></a>
<a href="#" title="NEXT" onclick="return submitNext($log_cur_id, $rec_limit);"><span class="ui-icon ui-icon-arrowthick-1-e" style="float:none;"></span></a>
className: 'tip-yellowsimple',
showOn: 'focus',
alignTo: 'target',
- alignX: 'left',
- alignY: 'center',
- offsetX: 5,
- showTimeout: 50,
- allowTipHover: true
+ alignX: 'center',
+ alignY: 'bottom'
});
$('#am').poshytip({
content: "Symbolic amount in your local or preferred currency. Can be left empty.",
offsetX: 5,
showTimeout: 100
});
+
+ $('#Log_btn').poshytip({
+ content: "Clicking the Log button is naturally the next move.",
+ className: 'tip-yellowsimple',
+ showOn: 'none',
+ alignTo: 'target',
+ alignX: 'left',
+ alignY: 'center',
+ offsetX: 15
+ });
+ $('#Log_btn').poshytip('show');
+ setTimeout(function() { $('#Log_btn').poshytip('hide'); }, 5000);
+
$('#am').click(function(e){
e.preventDefault();
let v = $('#am').val();
if(event.which === 13) {
$(this).next().focus();
}
- });
+ });
setPageSessionTimer(expires);
-
$(function() {
$( "#rs_keys, #rs_keys2" ).autocomplete({
source: AUTOWORDS
source: AUTOWORDS
});
});
-
+ $('#main_table').css('visibility', 'visible');
display("Log page is ready!", 5);
}
return false;
}
-function toggle(id, mtoggle) {
+function toggle(id, mtoggle, focus_point) {
//Menu button untoggle it up first. Complex interaction situation.
if(mtoggle){
if(!$(id+" .collpsd").is(":visible")){
$(id).toggle();
}
$("html, body").animate({ scrollTop: 0 }, "fast");
+ if(focus_point){
+ setTimeout(function(){$(focus_point).focus()}, 100);
+ }
return false;
}