]> lifelog.hopto.org Git - LifeLog.git/commitdiff
Fix. tooltips.
authorWill Budic <redacted>
Tue, 3 Oct 2023 09:40:38 +0000 (20:40 +1100)
committerWill Budic <redacted>
Tue, 3 Oct 2023 09:40:38 +0000 (20:40 +1100)
htdocs/cgi-bin/main.cgi
htdocs/cgi-bin/wsrc/main.js

index 4ddb1fe8a381e6c1e7baedc4c4e9bdc2d4597453..879695390a9edeb74ff4cf2d05a112945c84fff8 100755 (executable)
@@ -300,7 +300,7 @@ my $currsymb = &Settings::currenySymbol;
 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>
@@ -850,7 +850,7 @@ my $frm = qq(
        &nbsp;<button type="button" onclick="return setNow();">Now</button>
                        &nbsp;<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>
 
                        &nbsp;&nbsp;&nbsp;Category:&nbsp;
 
@@ -865,7 +865,7 @@ my $frm = qq(
        </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;">
@@ -1073,7 +1073,7 @@ else{
         <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>
index c7c41d6004cf3ab1aa56bfb0f8236a2c7015d573..5c752182bd3e5f1a8fa99321eff0f5825eda3bc6 100644 (file)
@@ -93,11 +93,8 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
         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.",
@@ -109,6 +106,19 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
         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();
@@ -365,12 +375,11 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
         if(event.which === 13) {
           $(this).next().focus();
         }
-      });
+    });
 
 
     setPageSessionTimer(expires);
 
-
     $(function() {
         $( "#rs_keys, #rs_keys2" ).autocomplete({
             source: AUTOWORDS
@@ -409,7 +418,7 @@ function onBodyLoad(toggle, locale, tz, today, expires, rs_cur, log_limit) {
             source: AUTOWORDS
             });
     });
-
+    $('#main_table').css('visibility', 'visible');
     display("Log page is ready!", 5);
 
 }
@@ -828,7 +837,7 @@ function show(id) {
     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")){
@@ -846,6 +855,9 @@ function toggle(id, mtoggle) {
         $(id).toggle();
     }
     $("html, body").animate({ scrollTop: 0 }, "fast");
+    if(focus_point){
+        setTimeout(function(){$(focus_point).focus()}, 100);
+    }
     return false;
 }