X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=templates%2Fcore%2Fplwizard.tpl;h=095765d4ab9a47d0bfbd5d5ea8cc6178875b02e6;hb=295d4c48a12e49274135d9f781862a45e5b8c5dc;hp=3a0d2ad5c33d098afe24bf3443c11cfd2973d484;hpb=0b14f91d0a35ef3228101b9740164582a266ce04;p=platal.git

diff --git a/templates/core/plwizard.tpl b/templates/core/plwizard.tpl
index 3a0d2ad..095765d 100644
--- a/templates/core/plwizard.tpl
+++ b/templates/core/plwizard.tpl
@@ -19,16 +19,59 @@
 {*  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA               *}
 {*                                                                        *}
 {**************************************************************************}
+{javascript name="jquery"}
+<script type="text/javascript">//<![CDATA[
+  {if ($stateless || $id gt $current) && $wiz_ajax}
+  {literal}
+  function changePage(obj, id)
+  {
+    var myUrl = obj.href;
+    $.ajax({ url: myUrl + "/ajax",
+             global: false,
+             dataTye: 'html',
+             error: function(request, error) {
+                      document.location = myUrl;
+                    },
+             success: function(data) {
+                        $(".wiz_content").fadeOut('normal',
+                            function() {
+                              $(".wiz_tab").removeClass("active");
+                              $("#wiz_tab_" + id).addClass("active");
+                              $(".wiz_content").html(data).fadeIn('normal');
+                            });
+                      }
+          });
+    return false;
+  }
+  {/literal}
+  {else}
+  {literal}
+  function changePage(obj)
+  {
+    return true;
+  }
+  {/literal}
+  {/if}
+//]]></script>
 
 <div class="wizard" style="clear: both">
   <div class="wiz_header">
     {foreach from=$pages item=title key=id}
-    <div class="wiz_tab {if $id eq $current}active{/if} {if !$stateless && $current gt $id}grayed{/if}"
-         style="float: left; width: {$tab_width}%">
-      {if $stateless || $id gt $current}<a href="{$wiz_baseurl}/{$lookup[$id]}">{/if}
-      {$title}
-      {if $stateless || $id gt $current}</a>{/if}
-    </div>
+    {if $stateless || $id gt $current}
+    {assign var=tag value="a"}
+    {else}
+    {assign var=tag value="div"}
+    {/if}
+    <{$tag} class="wiz_tab {if $id eq $current}active{/if} {if !$stateless && $current gt $id}grayed{/if}"
+            style="display: block; float: left; width: {$tab_width}%; vertical-align: middle"
+            id="wiz_tab_{$lookup[$id]}"
+            {if $tag eq "a"}
+            href="{$wiz_baseurl}/{$lookup[$id]}"
+            onclick="return changePage(this, '{$lookup[$id]}')"
+            {/if}
+            >
+      <span style="vertical-align: middle">{$title}</span>
+    </{$tag}>
     {/foreach}
     <div style="clear: both"></div>
   </div>