templates/webpages/menu/menu.html

   1 [%- USE L %]
   2 [%- USE HTML %]
   3 <body class="menu">
   4
   5 <div id='html-menu'>
   6 [%- FOREACH item IN sections %]
   7  <div id='mi[% item.item_id %]' class='mi [% item.spacer %] [% item.class %]'>[%- IF item.href %]
   8   <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 %]
   9   <span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span>[%- END %]
  10  </div>
  11 [%- END %]
  12 </div>
  13 <script type='text/javascript'>
  14   function make_img(i){
  15     var img=$('<img>');
  16     $.each(i, function(k,v){ img.attr(k,v) });
  17     return img;
  18   }
  19   function make_menu_item(b){
  20     var span1 = $('<span class="mii ms">').append(make_img(b.img));
  21     var span2 = '<span class="mic">' + b.label + '</span>';
  22     var a = $('<a class="ml">').append(span1, span2);
  23     if (b.href) a.attr('href', b.href);
  24     if (b.target) a.attr('target', b.target);
  25     var mi = $('<div class="mi">').addClass(b.cl).addClass(b.spacer).attr('id', b.item_id).append(a);
  26     $('#html-menu').append(mi);
  27   }
  28   $(function(){
  29     $('#html-menu div.i, #html-menu div.sm').hide();
  30     $('#html-menu div.m').each(function() {
  31       $(this).click(function(){
  32         $('#html-menu div.mi').not('div.m').not('[id^=' + $(this).attr('id') + '_]').hide();
  33         $('#html-menu div.mi[id^=' + $(this).attr('id') + '_]').toggle();
  34       });
  35     });
  36   });
  37 </script>
  38 </body>
  39 </html>