Template:INSA-Lyon/menuA

From 2011.igem.org

(Difference between revisions)
 
(101 intermediate revisions not shown)
Line 4: Line 4:
#menu {  
#menu {  
-
     width: 220px ;  
+
     width: 170px ; /*220*/
     background:white;
     background:white;
     }
     }
Line 10: Line 10:
#menu ul {  
#menu ul {  
     padding: 0;  
     padding: 0;  
-
     width: 200px;  
+
     width: 150px;  
     border:0px solid;  
     border:0px solid;  
     margin:0px;  
     margin:0px;  
Line 19: Line 19:
     color:#008000  ;  
     color:#008000  ;  
     position:relative;  
     position:relative;  
-
     list-style: none; /*on enleve les icones de liste */  
+
     list-style: none; /*on enleve les icones de liste*/  
-
     width: 200px
+
     width: 150; /*200*/
     border-bottom: 10px solid;  
     border-bottom: 10px solid;  
     border-top : 10px solid ;
     border-top : 10px solid ;
Line 51: Line 51:
     font-weight :bold;
     font-weight :bold;
     font-size : large;
     font-size : large;
-
    }
 
-
 
-
#menu ul.niveau1 li.sousmenu:active ul.niveau2 {
 
-
    display:block;
 
     }
     }
Line 67: Line 63:
</style>
</style>
 +
 +
<script type="text/javascript">
<script type="text/javascript">
-
function afficheMenu(obj){
+
window.onload = montre('submenu0');
-
var idMenu    = obj.id;
+
var opened = false;
-
var idSousMenu = 'sous' + idMenu;
+
-
var sousMenu  = document.getElementById(idSousMenu);
+
function montre(id) {
-
+
  document.getElementById('submenu0').style.display='none';
-
/*****************************************************/
+
  var d = document.getElementById(id);
-
/** si le sous-menu correspondant au menu cliqué   **/
+
   if (d) {
-
/** est caché alors on l'affiche, sinon on le cache **/
+
      if(opened == d) {
-
/*****************************************************/
+
        opened = false;
-
if(sousMenu.style.display == "none"){
+
        d.style.display='none';
-
sousMenu.style.display = "block";
+
      } else {
-
}
+
        opened = d;
-
else{
+
        d.style.display='block';
-
sousMenu.style.display = "none";
+
      }
-
}
+
  }
}
}
-
    </script>
+
</script>
<div id="menu">
<div id="menu">
   <ul class="niveau1">  
   <ul class="niveau1">  
 +
     <li><a href="/Team:Lyon-INSA-ENS" title="go to home">Home</a></li>  
     <li><a href="/Team:Lyon-INSA-ENS" title="go to home">Home</a></li>  
-
             
+
<ul id="submenu0" style='display:none;'>
-
     <li class="sousmenu" onclick="afficheMenu(this)"><a href="/Team:Lyon-INSA-ENS/Team" title="go to about us">About us</a>  
+
  </ul>
-
         <ul class="niveau2">
+
 
-
           <li><a href="/Team:Lyon-INSA-ENS/Team/Students" title="go to students">Students & Supervisors</a></li>  
+
     <li> <a class="sousmenu" onclick="javascript:montre('submenu1');"> About us</a>  
-
           <li><a href="/Team:Lyon-INSA-ENS/Team/Insa" title="go to students">The INSA</a></li>  
+
         <ul id="submenu1" style='display:none;'>
-
           <li><a href="/Team:Lyon-INSA-ENS/Team/ENS" title="go to students">The ENS</a></li>  
+
           <li><a href="/Team:Lyon-INSA-ENS/Team/Students" title="go to team">Team</a></li>  
 +
           <li><a href="/Team:Lyon-INSA-ENS/Team/Insa" title="go to INSA">INSA</a></li>  
 +
           <!-- <li><a href="/Team:Lyon-INSA-ENS/Team/ENS" title="go to students">ENS</a></li>  
           <li><a href="/Team:Lyon-INSA-ENS/Team/Lyon" title="go to discover Lyon">Discover Lyon</a></li>
           <li><a href="/Team:Lyon-INSA-ENS/Team/Lyon" title="go to discover Lyon">Discover Lyon</a></li>
-
           <li><a href="/Team:Lyon-INSA-ENS/Team/Gallery" title="go to students">Gallery</a></li>  
+
           <li><a href="/Team:Lyon-INSA-ENS/Team/Gallery" title="go to students">Gallery</a></li> -->
 +
        </ul>
 +
    </li>
 +
    <li> <a class="sousmenu" onclick="javascript:montre('submenu2');"> Project</a>
 +
        <ul id="submenu2" style='display:none;'>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Project/Introduction" title="go to Introduction">Introduction</a></li>
 +
      <!--    <li><a href="/Team:Lyon-INSA-ENS/Project/Issue" title="go to Issue">Issue</a></li>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Project/Human practices" title="go to Human practices">Human practice</a>      </li>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Project/Reglementary" title="go to Reglementary Aspects">Reglementary Aspects</a></li> -->
 +
        </ul>
 +
    </li>
 +
         
 +
    <!--  <li> <a class="sousmenu" onclick="javascript:montre('submenu3');"> Realization</a>
 +
        <ul id="submenu3" style='display:none;'>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Realisation/Experiment" title="go to experiment plan">Experiments schedule</a></li>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Realisation/Parts" title="go to Parts">Parts</a></li>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Realisation/Notebook" title="go to Notebook">Notebook</a></li>
 +
        </ul>
 +
    </li>-->
 +
 
 +
 
 +
    <li><a class="sousmenu" onclick="javascript:montre('submenu4');">Communication</a>
 +
        <ul id="submenu4" style='display:none;'>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Communication/Conferences" title="go to conferences">Conferences</a></li>
 +
          <li><a href="/Team:Lyon-INSA-ENS/Communication/Events" title="go to events">Events</a></li>  
         </ul>
         </ul>
     </li>
     </li>
-
    <li><a href="/Team:Lyon-INSA-ENS/Parts" title="go to parts">Parts</a></li>
 
-
    <li><a href="#" title="go to project">Project</a></li>
 
     <li><a href="/Team:Lyon-INSA-ENS/Sponsors" title="go to sponsors">Sponsors</a></li>  
     <li><a href="/Team:Lyon-INSA-ENS/Sponsors" title="go to sponsors">Sponsors</a></li>  
-
    <li><a href="/Team:Lyon-INSA-ENS/Communication">Communication</a></li>
 
     <li><a href="/Team:Lyon-INSA-ENS/Contact">Contact us</a></li>
     <li><a href="/Team:Lyon-INSA-ENS/Contact">Contact us</a></li>
-
 
-
   
 
</ul>
</ul>
</div>
</div>
</html>
</html>

Latest revision as of 09:37, 4 July 2011