Changeset 1335


Ignore:
Timestamp:
Sep 8, 2010, 5:36:13 PM (10 years ago)
Author:
popeye
Message:

Menu dynamique

Location:
cpc/trunk/project
Files:
1 added
3 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • cpc/trunk/project/apps/frontend/templates/layout.php

    r1333 r1335  
    151151      $('#header_pass').attr('value', '______________');
    152152    }
     153        // Menu
     154        selected = $("a[class='selected']").parent().attr("id");
     155        retourMenu = 0;
     156        delayRetourMenu = 100;
     157
     158        $(".menu_navigation a").mouseover(function() {
     159          if(retourMenu) { window.clearTimeout(retourMenu); }
     160          $(".menu_navigation a").removeClass("selected");
     161          for (i=1; i<=3; i++) { $('#sous_menu_'+i).css("display", "none"); }
     162          if ($(this).parent().attr("id") == "item2") { $(this).attr("class", "selected"); $('#sous_menu_1').css("display", "block"); }
     163          if ($(this).parent().attr("id") == "item3") { $(this).attr("class", "selected"); $('#sous_menu_2').css("display", "block"); }
     164          if ($(this).parent().attr("id") == "item4") { $(this).attr("class", "selected"); $('#sous_menu_3').css("display", "block"); }
     165        });
     166       
     167        function setOriginalMenu() {
     168          $(".menu_navigation a").removeClass("selected");
     169          for (i=1; i<=3; i++) { $('#sous_menu_'+i).css("display", "none"); }
     170          if (selected == "item2") { $("#item2 a").attr("class", "selected"); $('#sous_menu_1').css("display", "block"); }
     171          if (selected == "item3") { $("#item3 a").attr("class", "selected"); $('#sous_menu_2').css("display", "block"); }
     172          if (selected == "item4") { $("#item4 a").attr("class", "selected"); $('#sous_menu_3').css("display", "block"); }
     173        }
     174       
     175        $("#sous_menu_1, #sous_menu_2, #sous_menu_3").mouseover(function() {
     176          if(retourMenu) { window.clearTimeout(retourMenu); }
     177        });
     178               
     179        $(".menu_navigation a, #sous_menu_1, #sous_menu_2, #sous_menu_3").mouseout(function() {
     180          if(retourMenu) { window.clearTimeout(retourMenu); }
     181          retourMenu = window.setTimeout(setOriginalMenu, delayRetourMenu);
     182        });
     183        // fin menu
     184       
    153185  });
    154186</script>
  • cpc/trunk/project/web/css/xneth/style.css

    r1333 r1335  
    458458.menu_navigation a {
    459459  display:block;
    460   height:35px;
     460  height:30px;
    461461  font: 13pt Georgia, Tahoma, Geneva, Arial, Sans-serif;
    462462  padding-top:5px;
     
    464464  text-align:center;
    465465}
    466 
    467466.gris {   
    468467  color:#3c3c3c;
     
    623622  width:1060px;
    624623  height:21px;
    625   background: url('images/sous_menu_1.png');
     624  background: url('images/sous_menu_combined.png');
    626625  }
    627626 
     
    630629  width:1060px;
    631630  height:21px;
    632   background: url('images/sous_menu_2.png');
     631  background: url('images/sous_menu_combined.png') 0 -21px;
    633632  }
    634633 
     
    637636  width:1060px;
    638637  height:21px;
    639   background: url('images/sous_menu_3.png');
     638  background: url('images/sous_menu_combined.png') 0 -42px;
    640639  }
    641640
Note: See TracChangeset for help on using the changeset viewer.