Style corrections and added tooltips.

diff --git a/htdocs/cgi-bin/main.cgi b/htdocs/cgi-bin/main.cgi
index d5563279c3d6685dd03fa146599832776dd6cfec..7b619e727d5c167efc538f4191a7b43ed0c754d5 100755 (executable)
--- a/htdocs/cgi-bin/main.cgi
+++ b/htdocs/cgi-bin/main.cgi
@@ -127,8 +127,11 @@ my $stmt    = "SELECT rowid, ID_CAT, DATE, LOG, AMMOUNT FROM LOG ORDER BY rowid
 $st = $db->prepare( $stmtCat );
 $rv = $st->execute() or die or die "<p>Error->"& $DBI::errstri &"</p>";
 
-my $cats = qq(<select   class="ui-widget-content" id="ec" name="ec" onFocus="toggleVisibility('cat_desc')"
- onBlur="toggleVisibility('cat_desc')" onScroll="helpSelCategory(this)" onChange="updateSelCategory(this)">
+my $cats = qq(<select   class="ui-widget-content" id="ec" name="ec" 
+ onFocus="toggleVisibility('cat_desc')" 
+ onBlur="toggleVisibility('cat_desc')" 
+ onScroll="helpSelCategory(this);updateSelCategory(this)" 
+ onChange="updateSelCategory(this)">
                                                        <option value="0">---</option>\n);
 
 
@@ -431,7 +434,7 @@ $tbl .= '<tr class="r0"><td><a href="#top">&#x219F;</a></td><td colspan="5" alig
 
 my $frm = qq(<a name="top"></a>
 <form id="frm_entry" action="main.cgi" onSubmit="return formValidation();">
-       <table class="tbl" border="1" width="$PRC_WIDTH%">
+       <table class="tbl" border="0" width="$PRC_WIDTH%">
        <tr class="r0"><td colspan="3"><b>* LOG ENTRY FORM *</b></td></tr>      
        <tr>
        <td style="text-align:right;  vertical-align:top">Date:</td>
@@ -447,7 +450,7 @@ $cats
        </tr>
        <tr><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%;" onFocus="toggleVisibility('cat_desc',true)"></textarea>
+                       <textarea id="el" name="log" rows="3" style="float:left; width:99%;" onChange="toggleVisibility('cat_desc',true)"></textarea>
                </td>   
        </tr>
                <tr><td style="text-align:right"><a id="to_bottom" href="#bottom" title="Go to bottom of page.">&#x21A1;</a>&nbsp;Ammount:</td>

diff --git a/htdocs/cgi-bin/wsrc/main.css b/htdocs/cgi-bin/wsrc/main.css
index dda847a510a8312f04292ad3b4880b353b1ee04d..dbde0b7beb2ac5adf233faf6638c52c0c1d80b7a 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.css
+++ b/htdocs/cgi-bin/wsrc/main.css
@@ -130,7 +130,7 @@ img {
     padding: 5px;
     text-align: center;
     background: #ccffff;
-    margin-top: 20px;
+    margin-top: 15px;
     width: 280px;
     text-decoration-style: wavy;
 }

diff --git a/htdocs/cgi-bin/wsrc/main.js b/htdocs/cgi-bin/wsrc/main.js
index 42b34539ea2ea25fb0e1df4606f94c1dd1a940cb..ad3481218ab4af801efa1eab3bcfe1c2acfa355d 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.js
+++ b/htdocs/cgi-bin/wsrc/main.js
@@ -11,8 +11,46 @@ function loadedBody(toggle) {
     if (toggle) {
         toggleSearch(document.getElementById("btn_srch"));
     }
-
-
+    $('#ed').poshytip({
+        content: "Select here date and time of your log.",
+        className: 'tip-yellowsimple',
+        showTimeout: 1,
+        alignTo: 'target',
+        alignX: 'center',
+        alignY: 'bottom',
+        offsetY: 5,
+        allowTipHover: false
+    });
+    $('#ec').poshytip({
+        content: "Select here the category for your log.",
+        className: 'tip-yellowsimple',
+        showTimeout: 1,
+        alignTo: 'target',
+        alignX: 'center',
+        alignY: 'bottom',
+        offsetY: 5,
+        allowTipHover: false
+    });
+    $('#el').poshytip({
+        content: "This is your log entry can't be empty.",
+        className: 'tip-yellowsimple',
+        showOn: 'focus',
+        alignTo: 'target',
+        alignX: 'left',
+        alignY: 'center',
+        offsetX: 5,
+        showTimeout: 100
+    });
+    $('#am').poshytip({
+        content: "Symbolic ammount in your local or preferred currency. Can be left empty.",
+        className: 'tip-yellowsimple',
+        showOn: 'focus',
+        alignTo: 'target',
+        alignX: 'left',
+        alignY: 'center',
+        offsetX: 5,
+        showTimeout: 100
+    });
     $('#ed').datetimepicker({
         dateFormat: 'yy-mm-dd',
         timeFormat: 'HH:mm:ss',
@@ -22,6 +60,8 @@ function loadedBody(toggle) {
         firstDay: 1
     });
 
+
+
     $("input[type=submit], input[type=reset], .ui-widget-content, button").button();