Changeset 23320 for trunk/themes/default/template/index.tpl

Timestamp:

Jun 18, 2013, 12:29:55 PM (11 years ago)

Author:

mistic100

Message:

feature:2928 Factorize JS code for switchBox
switchBox("selector for link", "selector for box");

File:

• trunk/themes/default/template/index.tpl (modified) (3 diffs)

trunk/themes/default/template/index.tpl

@@ +1 @@
+{combine_script id='core.switchbox' load='footer' require='jquery' path='themes/default/js/switchbox.js'}
 {$MENUBAR}
+
 
 {if isset($errors) or isset($infos)}
@@ -25 +27 @@
                         {/foreach}
                 </div>
-                {footer_script require='jquery'}{literal}
-jQuery("#sortOrderLink").click(function() {
-        var elt = jQuery("#sortOrderBox");
-        elt.css("left", Math.min( jQuery(this).offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
-                .css("top", jQuery(this).offset().top + jQuery(this).outerHeight(true))
-                .toggle();
-});
-jQuery("#sortOrderBox").on("mouseleave", function() {
-        jQuery(this).hide();
-});
-                {/literal}{/footer_script}
+                {footer_script require='core.switchbox'}switchBox("#sortOrderLink", "#sortOrderBox");{/footer_script}
                 {/strip}</li>
 {/if}
@@ -52 +44 @@
                         {/foreach}
                 </div>
-                {footer_script require='jquery'}{literal}
-jQuery("#derivativeSwitchLink").click(function() {
-        var elt = jQuery("#derivativeSwitchBox");
-        elt.css("left", Math.min( jQuery(this).offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
-                .css("top", jQuery(this).offset().top + jQuery(this).outerHeight(true))
-                .toggle();
-});
-jQuery("#derivativeSwitchBox").on("mouseleave", function() {
-        jQuery(this).hide();
-});
-                {/literal}{/footer_script}
+                {footer_script require='core.switchbox'}switchBox("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
                 {/strip}</li>
 {/if}