Changeset 1335

Timestamp:

Sep 8, 2010, 5:36:13 PM (10 years ago)

Author:

popeye

Message:

Menu dynamique

Location:

cpc/trunk/project

Files:

• apps/frontend/templates/layout.php (modified) (1 diff)
• web/css/xneth/images/menu_item1.png (modified) (previous)
• web/css/xneth/images/sous_menu_1.png (deleted)
• web/css/xneth/images/sous_menu_2.png (deleted)
• web/css/xneth/images/sous_menu_3.png (deleted)
• web/css/xneth/images/sous_menu_combined.png (added)
• web/css/xneth/style.css (modified) (5 diffs)

cpc/trunk/project/apps/frontend/templates/layout.php

@@ -151 +151 @@
       $('#header_pass').attr('value', '______________');
     }
+        // Menu
+        selected = $("a[class='selected']").parent().attr("id");
+        retourMenu = 0;
+        delayRetourMenu = 100;
+
+        $(".menu_navigation a").mouseover(function() {
+          if(retourMenu) { window.clearTimeout(retourMenu); }
+          $(".menu_navigation a").removeClass("selected");
+          for (i=1; i<=3; i++) { $('#sous_menu_'+i).css("display", "none"); }
+          if ($(this).parent().attr("id") == "item2") { $(this).attr("class", "selected"); $('#sous_menu_1').css("display", "block"); }
+          if ($(this).parent().attr("id") == "item3") { $(this).attr("class", "selected"); $('#sous_menu_2').css("display", "block"); }
+          if ($(this).parent().attr("id") == "item4") { $(this).attr("class", "selected"); $('#sous_menu_3').css("display", "block"); }
+        });
+        
+        function setOriginalMenu() {
+          $(".menu_navigation a").removeClass("selected");
+          for (i=1; i<=3; i++) { $('#sous_menu_'+i).css("display", "none"); }
+          if (selected == "item2") { $("#item2 a").attr("class", "selected"); $('#sous_menu_1').css("display", "block"); }
+          if (selected == "item3") { $("#item3 a").attr("class", "selected"); $('#sous_menu_2').css("display", "block"); }
+          if (selected == "item4") { $("#item4 a").attr("class", "selected"); $('#sous_menu_3').css("display", "block"); }
+        }
+        
+        $("#sous_menu_1, #sous_menu_2, #sous_menu_3").mouseover(function() {
+          if(retourMenu) { window.clearTimeout(retourMenu); }
+        });
+                
+        $(".menu_navigation a, #sous_menu_1, #sous_menu_2, #sous_menu_3").mouseout(function() {
+          if(retourMenu) { window.clearTimeout(retourMenu); }
+          retourMenu = window.setTimeout(setOriginalMenu, delayRetourMenu);
+        });
+        // fin menu
+        
   });
 </script>

cpc/trunk/project/web/css/xneth/style.css

@@ -458 +458 @@
 .menu_navigation a {
   display:block;
-  height:35px;
+  height:30px;
   font: 13pt Georgia, Tahoma, Geneva, Arial, Sans-serif;
   padding-top:5px;
@@ -464 +464 @@
   text-align:center;
 }
-
 .gris {   
   color:#3c3c3c;
@@ -623 +622 @@
   width:1060px;
   height:21px;
-  background: url('images/sous_menu_1.png');
+  background: url('images/sous_menu_combined.png');
   }
   
@@ -630 +629 @@
   width:1060px;
   height:21px;
-  background: url('images/sous_menu_2.png');
+  background: url('images/sous_menu_combined.png') 0 -21px;
   }
   
@@ -637 +636 @@
   width:1060px;
   height:21px;
-  background: url('images/sous_menu_3.png');
+  background: url('images/sous_menu_combined.png') 0 -42px;
   }