[Nuiton-web-commits] r151 - trunk/nuiton-struts2/src/main/resources/template/css_xhtml

1 Dec 2011

Author: athimel
Date: 2011-12-01 18:09:08 +0100 (Thu, 01 Dec 2011)
New Revision: 151

Url: http://nuiton.org/repositories/revision/nuiton-web/151

Log:
Evolution #1808 - Help tag now working

Modified:
   trunk/nuiton-struts2/src/main/resources/template/css_xhtml/help.ftl

Modified: trunk/nuiton-struts2/src/main/resources/template/css_xhtml/help.ftl
===================================================================

--- trunk/nuiton-struts2/src/main/resources/template/css_xhtml/help.ftl	2011-12-01 16:17:57 UTC (rev 150)
+++ trunk/nuiton-struts2/src/main/resources/template/css_xhtml/help.ftl	2011-12-01 17:09:08 UTC (rev 151)
@@ -1,40 +1,38 @@
 <div id="idHelpKey${parameters.helpKey}">
+    <!-- Note : Your page need to implement the way doc will be retrieved through a "pushHelpToHtml" method-->
     <script type="text/javascript">
         $(document).ready( function() {
             var helpZone = $('#${parameters.helpZone}');
             var initialHtml;
+
+            function pushDocToHelpZone(docTitle, docContent) {
+                if (!docTitle && !docContent) {
+                    hideHelp();
+                } else {
+                    var result =
+                        "<dl>" + docTitle + "</dl>" +
+                        "<dd>" + docContent + "</dd>";
+                    helpZone.html(result);
+                }
+            }
+
             function showHelp() {
                 initialHtml = helpZone.html();
-                helpZone.html(getHelpAsHtml("${parameters.helpKey}"));
+                // User must define its own "pushHelpToHtml" method
+                pushHelpToHtml("${parameters.helpKey}", pushDocToHelpZone);
             }
             function hideHelp() {
                 helpZone.html(initialHtml);
             }
 
             /* select, text, text areas and password fields */
-            $('#idHelpKey${parameters.helpKey} input').focus(
-                function() {
-                    showHelp();
-                }
-            );
-            $('#idHelpKey${parameters.helpKey} input').blur(
-                function() {
-                    hideHelp();
-                }
-            );
+            $('#idHelpKey${parameters.helpKey} input, #idHelpKey${parameters.helpKey} select').focus(showHelp);
+            $('#idHelpKey${parameters.helpKey} input, #idHelpKey${parameters.helpKey} select').blur(hideHelp);
 
             /* radio buttons, check-boxes */
             var fieldsNeedingHelpWhenMouseOver =
-                    $('#idHelpKey${parameters.helpKey} input[type=radio], #idHelpKey${parameters.helpKey} input[type=checkbox], #idHelpKey${parameters.helpKey} input[type=submit], #idHelpKey${parameters.helpKey} label');
-            fieldsNeedingHelpWhenMouseOver.mouseover(
-                function() {
-                    showHelp();
-                }
-            );
-            fieldsNeedingHelpWhenMouseOver.mouseout(
-                function() {
-                    hideHelp();
-                }
-            );
+                    $('#idHelpKey${parameters.helpKey} input[type=radio], #idHelpKey${parameters.helpKey} input[type=checkbox], #idHelpKey${parameters.helpKey} input[type=submit], #idHelpKey${parameters.helpKey} label, #idHelpKey${parameters.helpKey} select');
+            fieldsNeedingHelpWhenMouseOver.mouseover(showHelp);
+            fieldsNeedingHelpWhenMouseOver.mouseout(hideHelp);
         });
     </script>
\ No newline at end of file

    

[Nuiton-web-commits] r151 - trunk/nuiton-struts2/src/main/resources/template/css_xhtml

athimel＠users.nuiton.org