Team:UGent/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<!-- // Copyright 2006-2007 javascript-array.com -->
-
<script type="text/javascript">
+
-
// Copyright 2006-2007 javascript-array.com
+
-
 
+
-
var timeout = 500;
+
-
var closetimer = 0;
+
-
var ddmenuitem = 0;
+
-
 
+
-
// open hidden layer
+
-
function mopen(id)
+
-
{
+
-
// cancel close timer
+
-
mcancelclosetime();
+
-
 
+
-
// close old layer
+
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
-
 
+
-
// get new layer and show it
+
-
ddmenuitem = document.getElementById(id);
+
-
ddmenuitem.style.visibility = 'visible';
+
-
 
+
-
}
+
-
// close showed layer
+
-
function mclose()
+
-
{
+
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
-
}
+
-
 
+
-
// go close timer
+
-
function mclosetime()
+
-
{
+
-
closetimer = window.setTimeout(mclose, timeout);
+
-
}
+
-
 
+
-
// cancel close timer
+
-
function mcancelclosetime()
+
-
{
+
-
if(closetimer)
+
-
{
+
-
window.clearTimeout(closetimer);
+
-
closetimer = null;
+
-
}
+
-
}
+
-
 
+
-
// close layer when click-out
+
-
document.onclick = mclose;
+
-
</script>
+
-
</head>
+
-
<style>#sddm
+
-
{ margin: 0;
+
-
padding: 0;
+
-
z-index: 30}
+
-
 
+
-
#sddm li
+
-
{ margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
float: left;
+
-
font: bold 11px arial}
+
-
 
+
-
#sddm li a
+
-
{ display: block;
+
-
margin: 0 1px 0 0;
+
-
padding: 4px 10px;
+
-
width: 60px;
+
-
background: #5970B2;
+
-
color: #FFF;
+
-
text-align: center;
+
-
text-decoration: none}
+
-
 
+
-
#sddm li a:hover
+
-
{ background: #49A3FF}
+
-
 
+
-
#sddm div
+
-
{ position: absolute;
+
-
visibility: hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #EAEBD8;
+
-
border: 1px solid #5970B2}
+
-
 
+
-
#sddm div a
+
-
{ position: relative;
+
-
display: block;
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
width: auto;
+
-
white-space: nowrap;
+
-
text-align: left;
+
-
text-decoration: none;
+
-
background: #EAEBD8;
+
-
color: #2875DE;
+
-
font: 11px arial}
+
-
 
+
-
#sddm div a:hover
+
-
{ background: #49A3FF;
+
-
color: #FFF}
+
-
</style>
+
-
 
+
-
<!-- CSS for Drop Down Tabs Menu #1 -->
+
<ul id="sddm">
<ul id="sddm">
-
     <li><a href="#"  
+
     <li><a href="href="https://2013.igem.org/Team:UGent">Home</a></li>
-
         onmouseover="mopen('m1')"  
+
    <li><a href="https://2013.igem.org/Team:UGent/Team"  
-
         onmouseout="mclosetime()">Home</a>
+
         onmouseover="mopen('m2')"  
-
         <div id="m1"  
+
         onmouseout="mclosetime()">Team</a>
 +
         <div id="m2"  
             onmouseover="mcancelclosetime()"  
             onmouseover="mcancelclosetime()"  
             onmouseout="mclosetime()">
             onmouseout="mclosetime()">
-
         <a href="#">HTML/CSS</a>
+
         <a href="https://2013.igem.org/Team:UGent/Undergrads">Undergrads</a>
-
        <a href="#">DHTML Menu</a>
+
         <a href="https://2013.igem.org/Team:UGent/Instructors">Instructors</a>
-
         <a href="#">JavaScript</a>
+
         </div>
         </div>
     </li>
     </li>
-
     <li><a href="#"  
+
     <li><a href="href="https://2013.igem.org/Team:UGent/Project">Project</a></li>
 +
    <li><a href="href="https://2013.igem.org/Team:UGent/Notebook">Notebook</a></li>
 +
    <li><a href="https://2013.igem.org/Team:UGent/Labwork"  
         onmouseover="mopen('m2')"  
         onmouseover="mopen('m2')"  
-
         onmouseout="mclosetime()">Download</a>
+
         onmouseout="mclosetime()">Team</a>
         <div id="m2"  
         <div id="m2"  
             onmouseover="mcancelclosetime()"  
             onmouseover="mcancelclosetime()"  
             onmouseout="mclosetime()">
             onmouseout="mclosetime()">
-
         <a href="#">ASP Server-side</a>
+
         <a href="https://2013.igem.org/Team:UGent/Experiments">Experiments</a>
-
         <a href="#">Pulldown navigation</a>
+
         <a href="https://2013.igem.org/Team:UGent/CloneManager">CloneManager</a>
-
         <a href="#">AJAX Drop Submenu</a>
+
         <a href="https://2013.igem.org/Team:UGent/Labjournal">Labjournal</a>
-
        <a href="#">DIV Cascading </a>
+
         </div>
         </div>
     </li>
     </li>
-
     <li><a href="#">Order</a></li>
+
     <li><a href="href="https://2013.igem.org/Team:UGent/HumanOutreach">Human Outreach</a></li>
-
     <li><a href="#">Help</a></li>
+
     <li><a href="href="https://2013.igem.org/Team:UGent/Safety">Safety</a></li>
-
     <li><a href="#">Contact</a></li>
+
     <li><a href="href="https://2013.igem.org/Team:UGent/Attributions">Attributions</a></li>
 +
    <li></html>[[File:UGent_2013_logoiGEMTrans.png|25px|link=https://igem.org/Main_Page|alt=Alt text|iGEM Homepage]]<html></span></li>
</ul>
</ul>
<div style="clear:both"></div>
<div style="clear:both"></div>
</html>
</html>

Revision as of 09:55, 14 August 2013

Retrieved from "http://2013.igem.org/Team:UGent/Templates/Navigation"