Sprites für das Menü verwenden.

[mfinanz.git] / templates / webpages / menu / menu.html
diff --git a/templates/webpages/menu/menu.html b/templates/webpages/menu/menu.html

index 01e2bb4540befd4c2f3c3894e9e6097d7447902f..efe5d9a8717e3830b4dfacec57be9f07e723c8f0 100644 (file)
--- a/templates/webpages/menu/menu.html
+++ b/templates/webpages/menu/menu.html
@@ -1,15 +1,30 @@
  [%- USE L %]
+[%- USE HTML %]
  <body class="menu">
  
  <div id='html-menu'>
  [%- FOREACH item IN sections %]
   <div id='mi[% item.item_id %]' class='mi [% item.spacer %] [% item.class %]'>[%- IF item.href %]
-  <a href="[% item.href | html %]" class='ml' target='[% item.target %]'><span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span></a>[%- ELSE %]
-  <span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span>[%- END %]
+  <a href="[% item.href | html %]" class='ml' target='[% item.target %]'><span class="mii ms"><div class="[% item.img %]"></div></span><span class='mic'>[% item.label %]</span></a>[%- ELSE %]
+  <span class="mii ms"><div class="[% item.img %]"></div></span><span class='mic'>[% item.label %]</span>[%- END %]
   </div>
  [%- END %]
  </div>
  <script type='text/javascript'>
+  function make_img(i){
+    var img=$('<img>');
+    $.each(i, function(k,v){ img.attr(k,v) });
+    return img;
+  }
+  function make_menu_item(b){
+    var span1 = $('<span class="mii ms">').append(make_img(b.img));
+    var span2 = '<span class="mic">' + b.label + '</span>';
+    var a = $('<a class="ml">').append(span1, span2);
+    if (b.href) a.attr('href', b.href);
+    if (b.target) a.attr('target', b.target);
+    var mi = $('<div class="mi">').addClass(b.cl).addClass(b.spacer).attr('id', b.item_id).append(a);
+    $('#html-menu').append(mi);
+  }
    $(function(){
      $('#html-menu div.i, #html-menu div.sm').hide();
      $('#html-menu div.m').each(function() {