Ajaxify the main tabs

[memories.git] / templates / photo / view

diff --git a/templates/photo/view b/templates/photo/view
index 3950ce6b5a566d2d04a59d0ee988fede5c988234..0285d7584966b04dc91d1bb8c0131ebb10b0e678 100644 (file)
--- a/templates/photo/view
+++ b/templates/photo/view
@@ -84,11 +84,18 @@ photo.uploader %] </a>
 </div>
 [% END %]
 
+<script>
+function select_tab(name) {
+    document.getElementsByClassName("active").each(function (x) { x.removeClassName("active")});
+    new Ajax.Updater("content","[%base%]/photo/"+name+"/[%photo.id%]",
+      { method: "get" }
+    )
+    $(name).addClassName("active");
+}
+</script>
 [% MACRO do_tab(tabname, label) BLOCK; %]
 <li>
-    [% IF tab == tabname %]<a class="active">
-    [% ELSE %]<a href="[%url%]?scale=[%size%]&active=[%tabname%]"> 
-    [% END %]
+    <a [% IF tab == tabname %] class="active" [% END %] id="[%tabname%]" href="javascript:select_tab('[%tabname%]')">
     [%label%]</a>
 </li>
 [% END %]
@@ -100,12 +107,7 @@ photo.uploader %] </a>
     [%do_tab("similar", "Similar photos") %]
 </ul>
 <div id="content">
-[%
-IF request.params.active == "tagedit"; INCLUDE tagedit; 
-ELSIF request.params.active == "exif"; INCLUDE exif;
-ELSIF request.params.active == "similar"; INCLUDE similar;
-ELSE;                                  INCLUDE comment; END;
-%]
+[% INCLUDE comment %]
 </div>
 [%
 INCLUDE footer;