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

Timestamp:

Jun 22, 2013, 6:44:48 AM (11 years ago)

Author:

rvelices

Message:

feature 2928: fctorize switchBox (now js is loaded async + also apply to the calendar type links on index page)

File:

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

trunk/themes/default/template/index.tpl

@@ -1 @@
-{combine_script id='core.switchbox' load='footer' require='jquery' path='themes/default/js/switchbox.js'}
+{combine_script id='core.switchbox' load='async' require='jquery' path='themes/default/js/switchbox.js'}
 {$MENUBAR}
 
@@ -27 +27 @@
                         {/foreach}
                 </div>
-                {footer_script require='core.switchbox'}switchBox("#sortOrderLink", "#sortOrderBox");{/footer_script}
+                {footer_script}(SwitchBox=window.SwitchBox||[]).push("#sortOrderLink", "#sortOrderBox");{/footer_script}
                 {/strip}</li>
 {/if}
@@ -44 +44 @@
                         {/foreach}
                 </div>
-                {footer_script require='core.switchbox'}switchBox("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
+                {footer_script}(SwitchBox=window.SwitchBox||[]).push("#derivativeSwitchLink", "#derivativeSwitchBox");{/footer_script}
                 {/strip}</li>
 {/if}
@@ -102 +102 @@
 {if isset($chronology_views)}
 <div class="calendarViews">{'View'|@translate}:
-        <a id="calendarViewSwitchLink" href="javascript:toggleCalendarViewsBox()">
+        <a id="calendarViewSwitchLink" href="#">
         {foreach from=$chronology_views item=view}{if $view.SELECTED}{$view.CONTENT}{/if}{/foreach}
-        </a> 
+        </a>
         <div id="calendarViewSwitchBox" class="switchBox">
                 {foreach from=$chronology_views item=view name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
@@ -110 +110 @@
                 {/foreach}
         </div>
-        {footer_script require='jquery'}{literal}
-function toggleCalendarViewsBox() {
-        var elt = jQuery("#calendarViewSwitchBox")
-                , ePos = jQuery("#calendarViewSwitchLink");
-        elt.css("left", Math.min( ePos.offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
-                .css("top", ePos.offset().top + ePos.outerHeight(true))
-                .toggle();
-};
-jQuery("#calendarViewSwitchBox").on("mouseleave", function() {
-        jQuery(this).hide();
-});
-        {/literal}{/footer_script}
+        {footer_script}(SwitchBox=window.SwitchBox||[]).push("#calendarViewSwitchLink", "#calendarViewSwitchBox");{/footer_script}
 </div>
 {/if}