Team:UGent/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
-
<script type="text/javascript">
 
-
// Copyright 2006-2007 javascript-array.com
 
-
var timeout = 500;
+
<td  colspan ="2" height="100" width="1200px">
-
var closetimer = 0;
+
    </html>[[File:UGent_2013_Banner.jpg|center|1170px|link=https://2013.igem.org/Team:UGent]]<html>
-
var ddmenuitem = 0;
+
  </td>
 +
</tr>
 +
<tr align="center" bgcolor="#F9BD05">
 +
  <td colspan ="2" width="1200px">
-
// open hidden layer
+
<!-- // Copyright 2006-2007 javascript-array.com -->
-
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="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>
+
         <a href="https://igem.org/Team.cgi">Official team page</a>
         </div>
         </div>
     </li>
     </li>
-
     <li><a href="#"  
+
     <li><a href="https://2013.igem.org/Team:UGent/Project"
-
         onmouseover="mopen('m2')"  
+
         onmouseover="mopen('m3')"  
-
         onmouseout="mclosetime()">Download</a>
+
         onmouseout="mclosetime()">Project</a>
-
         <div id="m2"  
+
         <div id="m3"  
             onmouseover="mcancelclosetime()"  
             onmouseover="mcancelclosetime()"  
             onmouseout="mclosetime()">
             onmouseout="mclosetime()">
-
         <a href="#">ASP Server-side</a>
+
         <a href="https://2013.igem.org/Team:UGent/LiteratureStudy">Literature Study</a>
-
         <a href="#">Pulldown navigation</a>
+
         <a href="https://2013.igem.org/Team:UGent/Parts">Parts</a>
-
         <a href="#">AJAX Drop Submenu</a>
+
         <a href="https://2013.igem.org/Team:UGent/Results">Results</a>
-
         <a href="#">DIV Cascading </a>
+
          
         </div>
         </div>
     </li>
     </li>
-
     <li><a href="#">Order</a></li>
+
     <li><a href="https://2013.igem.org/Team:UGent/Notebook">Notebook</a></li>
-
     <li><a href="#">Help</a></li>
+
     <li><a href="https://2013.igem.org/Team:UGent/Labwork"
-
     <li><a href="#">Contact</a></li>
+
        onmouseover="mopen('m4')"
 +
        onmouseout="mclosetime()">Labwork</a>
 +
        <div id="m4"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2013.igem.org/Team:UGent/Experiments">Experiments</a>
 +
        <a href="https://2013.igem.org/Team:UGent/CloneManager">CloneManager</a>
 +
        <a href="https://2013.igem.org/Team:UGent/Labjournal">Labjournal</a>
 +
        </div>
 +
    </li>
 +
     <li><a href="https://2013.igem.org/Team:UGent/SocialAspects"
 +
        onmouseover="mopen('m5')"
 +
        onmouseout="mclosetime()">Social Aspects</a>     
 +
        <div id="m5"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2013.igem.org/Team:UGent/HumanOutreach">Human Outreach</a>
 +
        <a href="https://2013.igem.org/Team:UGent/Ethics">Ethics</a>
 +
        <a href="https://2013.igem.org/Team:UGent/Survey">Survey</a>
 +
        <a href="https://2013.igem.org/Team:UGent/Press">Press</a>
 +
        </div>
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:UGent/Safety">Safety</a></li>
 +
    <li><a href="https://2013.igem.org/Team:UGent/Achievements">Achievements</a></li>
 +
    <li><a href="https://2013.igem.org/Team:UGent/Attributions">Attributions</a></li>
 +
    <li><a href="https://2013.igem.org" target="_blank"><img src="https://static.igem.org/mediawiki/2013/1/1b/UGent_2013_logoiGEMTrans.png" width="40" alt="iGEM.org" /></a></li>
</ul>
</ul>
<div style="clear:both"></div>
<div style="clear:both"></div>
 +
 +
  </td>
 +
</tr>
 +
<tr>
 +
<td VALIGN="top">
 +
<br>
</html>
</html>

Latest revision as of 02:04, 4 October 2013

UGent 2013 Banner.jpg

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