Template:Team:Paris Saclay/incl menu

From 2013.igem.org

(Difference between revisions)
(var ke)
(var ke)
Line 1: Line 1:
<html>
<html>
-
<script>
+
<style>
-
window.addEventListener('load', initmenu, false);
+
.psmenu ul ul {
-
 
+
display: none;
-
var menulst= new Array();
+
-
 
+
-
function initmenu()
+
-
{
+
-
    //alert(wgPageName)
+
-
    var mnu= document.getElementById('psmenu');
+
-
    mnu_node(mnu);
+
}
}
-
function mnu_node(mnu, level= 0, parent= undefined)
+
.psmenu ul li:hover > ul {
-
{
+
display: block;
-
    var sn= mnu.childNodes;
+
}
-
    var lastitem= undefined;
+
-
 
+
-
    if(mnu.nodeName == "SPAN") //sous-menu
+
-
    {
+
-
        if(parent == undefined) //pas de parent : afficher dans tous les cas
+
-
        {
+
-
            mnu.style.display= "block";
+
-
        }
+
-
        else //a un parent
+
-
        {
+
-
            mnu.style.display= "none";
+
-
            parent.addEventListener("mouseover", function(){mnu.style.display="block"}, false);
+
-
            parent.addEventListener("mouseout",  function(){mnu.style.display="none"},  false);
+
-
        }
+
-
    }
+
-
 
+
-
    for(var i= 0 ; i < sn.length ; ++i)
+
-
    {
+
-
        var child= sn[i];
+
-
        if(child.nodeName == "SPAN") //subnode
+
-
        {
+
-
            mnu_node(child, level+1, lastitem);
+
-
            lastitem= undefined;
+
-
        }
+
-
        else if(child.nodeName == "A") //link
+
-
        {
+
-
            lastitem= child;
+
-
            child.ps_parent= parent;
+
-
        }
+
-
    }
+
-
}
+
-
 
+
-
</script>
+
-
 
+
-
<style>
+
-
#psmenu
+
-
{
+
-
}
+
</style>
</style>
 +
<nav class="psmenu">
 +
<ul>
 +
<li><a href="#">Home</a></li>
 +
<li><a href="#">Tutorials</a>
 +
<ul>
 +
<li><a href="#">Photoshop</a></li>
 +
<li><a href="#">Illustrator</a></li>
 +
<li><a href="#">Web Design</a>
 +
<ul>
 +
<li><a href="#">HTML</a></li>
 +
<li><a href="#">CSS</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Articles</a>
 +
<ul>
 +
<li><a href="#">Web Design</a></li>
 +
<li><a href="#">User Experience</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Inspiration</a></li>
 +
</ul>
 +
</nav>
-
 
-
 
-
<div id="psmenu">
 
-
 
-
<span>
 
-
<a href="lien1">lien1</a>
 
-
    <a href="lien1.1">lien1.1</a>
 
-
    <span>
 
-
    <a href="lien1.2">lien1.2</a>
 
-
        <a href="lein1.2.1">lien1.2.1</a>
 
-
    </span>
 
-
</span>
 
-
<a href="lien2">lien2</a>
 
-
 
-
</div>
 
</html>
</html>

Revision as of 23:45, 23 July 2013

Retrieved from "http://2013.igem.org/Template:Team:Paris_Saclay/incl_menu"