Difference between revisions of "Template:Team:TU Eindhoven/Menu HTML"

 
(205 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<!--<div id="contentmenu">
 
<!--<div id="contentmenu">
 
     <div id="contentpanel" onclick="toggle_hide()">
 
     <div id="contentpanel" onclick="toggle_hide()">
Line 7: Line 8:
 
     </div>
 
     </div>
 
</div>-->
 
</div>-->
 +
 +
  
 
<div id="menuwrapper">
 
<div id="menuwrapper">
 +
<div id="menuTotal">
 +
 +
<a id="menuigemlogo" target="_blank" href="https://2015.igem.org/Main_Page"></a>
 +
 
     <div id="menu">
 
     <div id="menu">
−
        <a id="menuigemlogo" target="_blank" href="https://2015.igem.org/Main_Page"><img id="igem_logo" src="https://static.igem.org/mediawiki/2015/1/16/TU_Eindhoven_iGEM_Logo.png" /></a>
+
     
 
         <a id="menu1" href="https://2015.igem.org/Team:TU_Eindhoven">
 
         <a id="menu1" href="https://2015.igem.org/Team:TU_Eindhoven">
 
         <img src="https://static.igem.org/mediawiki/2015/b/bb/TU_Eindhoven_menu_home.png" />
 
         <img src="https://static.igem.org/mediawiki/2015/b/bb/TU_Eindhoven_menu_home.png" />
 
         Home</a>
 
         Home</a>
−
         <div id="menu2" style="cursor: default;">
+
         <a id="menu2" href="https://2015.igem.org/Team:TU_Eindhoven/Team">
 
         <img src="https://static.igem.org/mediawiki/2015/5/56/TU_Eindhoven_menu_team.png"/>  
 
         <img src="https://static.igem.org/mediawiki/2015/5/56/TU_Eindhoven_menu_team.png"/>  
−
         Team</div>
+
         Team</a>
−
         <div id="menu3" style="cursor: default;">
+
         <a id="menu3" href="https://2015.igem.org/Team:TU_Eindhoven/Project">
 
         <img src="https://static.igem.org/mediawiki/2015/1/1a/TU_Eindhoven_menu_project.png"/>  
 
         <img src="https://static.igem.org/mediawiki/2015/1/1a/TU_Eindhoven_menu_project.png"/>  
−
         Project</div>
+
         Project</a>
−
         <a id="menu4" href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices">
+
         <a id="menu4" href="https://2015.igem.org/Team:TU_Eindhoven/ResultsHome">
 +
        <img src="https://static.igem.org/mediawiki/2015/0/00/TU_Eindhoven_menu_results.png "/>
 +
        Results</a>
 +
        <a id="menu5" href="https://2015.igem.org/Team:TU_Eindhoven/Modeling">
 +
        <img src="https://static.igem.org/mediawiki/2015/1/1d/TU_Eindhoven_menu_modeling.png"/>
 +
        Modeling</a>
 +
        <a id="menu6" href="https://2015.igem.org/Team:TU_Eindhoven/Practices">
 
         <img src="https://static.igem.org/mediawiki/2015/f/f0/TU_Eindhoven_menu_policypractice.png"/>
 
         <img src="https://static.igem.org/mediawiki/2015/f/f0/TU_Eindhoven_menu_policypractice.png"/>
 
         Policy Practices</a>
 
         Policy Practices</a>
−
         <a id="menu5" href="https://2015.igem.org/Team:TU_Eindhoven/Team/Sponsors">
+
         <a id="menu7" href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations">
 +
        <img src="https://static.igem.org/mediawiki/2015/5/53/TU_Eindhoven_menu_collaborations.png"/>
 +
        Collaborations</a>
 +
        <a id="menu8" href="https://2015.igem.org/Team:TU_Eindhoven/Team/Sponsors">
 
         <img src="https://static.igem.org/mediawiki/2015/1/14/TU_Eindhoven_menu_sponsors.png"/>
 
         <img src="https://static.igem.org/mediawiki/2015/1/14/TU_Eindhoven_menu_sponsors.png"/>
 
         Sponsors</a>
 
         Sponsors</a>
−
         <!--<a id="menu4" href="https://2015.igem.org/Team:TU_Eindhoven/Achievements">Achievements</a>
+
         <a id="menu9" href="https://2015.igem.org/Team:TU_Eindhoven/Safety">
−
         <a id="menu5" href="https://2015.igem.org/Team:TU_Eindhoven/Modeling">Modeling</a>
+
         <img src="https://static.igem.org/mediawiki/2015/1/10/TU_Eindhoven_menu_safety.png"/>
−
         <a id="menu6" href="https://2015.igem.org/Team:TU_Eindhoven/Notebook">Notebook</a>-->
+
         Safety</a>
−
<div id="facebookandtwitter">      
+
    </div>
 +
 
 +
<div id="FBTwit">
 
<a target="_blank" id="menutwitter" href="https://twitter.com/Eindhoven_iGEM"> <img id="twitter_logo"    src="https://static.igem.org/mediawiki/2015/2/26/TU_Eindhoven_menu_twitter.png" /> </a>
 
<a target="_blank" id="menutwitter" href="https://twitter.com/Eindhoven_iGEM"> <img id="twitter_logo"    src="https://static.igem.org/mediawiki/2015/2/26/TU_Eindhoven_menu_twitter.png" /> </a>
 
         <a target="_blank" id="menufacebook" href="https://www.facebook.com/EindhoveniGEM"> <img id="facebook_logo" src="https://static.igem.org/mediawiki/2015/8/82/TU_Eindhoven_menu_facebook.png" /> </a>
 
         <a target="_blank" id="menufacebook" href="https://www.facebook.com/EindhoveniGEM"> <img id="facebook_logo" src="https://static.igem.org/mediawiki/2015/8/82/TU_Eindhoven_menu_facebook.png" /> </a>
 
</div>
 
</div>
  
−
 
−
    </div>
 
 
</div>
 
</div>
 
<div id="submenuwrapper">
 
<div id="submenuwrapper">
 +
 
     <div id="submenu">
 
     <div id="submenu">
−
        <div id="sub2"><a id="sub2a" href="https://2015.igem.org/Team:TU_Eindhoven/Team/Members">Team members</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Team/Supervisors">Supervisors</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Team/Acknowledgements">Acknowledgements</a></div> <!--<a href="https://2015.igem.org/Team:TU_Eindhoven/Team/Sponsors">Sponsors</a></div>
 
−
        <div id="sub3"><a id="sub3a" href="https://2015.igem.org/Team:TU_Eindhoven/Project/Background">Background</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Abstract">Abstract</a></div>
 
−
        <div id="sub4"><a id="sub4a" href="https://2015.igem.org/Team:TU_Eindhoven/Achievements/Safety">Safety</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Achievements/Main_Results">Main Results</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Achievements/Future_Prospects">Future Prospects</a></div>
 
−
        <div id="sub5"><a id="sub5a" href="#">Modeling</a></div>
 
−
    -->
 
−
<div id="sub3"><a id="sub3a" href="https://2015.igem.org/Team:TU_Eindhoven/Project/Abstract">Abstract</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Timeline">Timeline</a></div>
 
−
    </div>
 
−
</div>
 
  
−
<script>
+
        <div id="sub2"><a id="sub2a" href="https://2015.igem.org/Team:TU_Eindhoven/Team/Members">Team members</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Team/Supervisors">Supervisors</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Attributions">Attributions</a></div>
−
    $(document).ready(function() {
+
−
        var a = 0;
+
−
        $("#twitter_logo,#twitter").hover(
+
−
            function() {
+
−
                $("#twitter").css("z-index", "2");
+
−
            },
+
−
            function() {
+
−
                $("#twitter").css("z-index", "-1");
+
−
            });
+
  
−
         $("#facebook_logo,#facebook").hover(
+
         <div id="sub3"><a id="sub3a" href="https://2015.igem.org/Team:TU_Eindhoven/Description">Description</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Design">Design</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Expression_System">Expression System</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Experimental_Approach">Experimental Approach</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Project/Protocols">Protocols</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Notebook">Timeline</a></div>
−
            function() {
+
−
                $("#facebook").css("z-index", "2");
+
−
            },
+
−
            function() {
+
−
                $("#facebook").css("z-index", "-1");
+
−
            });
+
  
−
         $("#menu1").hover(
+
         <div id="sub4"><a id="sub4a" href="https://2015.igem.org/Team:TU_Eindhoven/Parts">Parts</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Results">Results</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Achievements">Medal Motivation</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Measurement">Interlab Study</a></div>
−
            function() {
+
       
−
                a = 1;
+
         <div id="sub5"><a id="sub5a" href="https://2015.igem.org/Team:TU_Eindhoven/Modeling/Approach">Approach</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Modeling/Script">Script</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Modeling/Results">Results</a></div>
−
            });
+
−
        $("#menu2").hover(
+
−
            function() {
+
−
                a = 2;
+
−
            });
+
−
        $("#menu3").hover(
+
−
            function() {
+
−
                a = 3;
+
−
            });
+
−
         $("#menu4").hover(
+
−
            function() {
+
−
                a = 4;
+
−
            });
+
−
        $("#menu5").hover(
+
−
            function() {
+
−
                a = 5;
+
−
            });
+
  
−
         $("#submenuwrapper").hover(
+
         <div id="sub6"><a id="sub6a" href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Human_Outreach">Outreach</a><a style="width:12%;" href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Application_scenarios">Application Scenarios</a><a
−
            function() {
+
href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Stakeholders">Stakeholders</a><a
−
                $("#submenu").css("height", "60px");
+
href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Regulations">Regulations</a></div>
−
                switch (a) {
+
−
                    case 1:
+
−
                        $("#menu1").css("color", "#9DC671");
+
−
                        break;
+
−
                    case 2:
+
−
                        $("#menu2").css("color", "#9DC671");
+
−
                        break;
+
−
                    case 3:
+
−
                        $("#menu3").css("color", "#9DC671");
+
−
                        break;
+
−
                    case 4:
+
−
                        $("#menu4").css("color", "#9DC671");
+
−
                        break;
+
−
                    case 5:
+
−
                        $("#menu5").css("color", "#9DC671");
+
−
                        break;
+
−
                }
+
−
            },
+
−
            function() {
+
−
                $("#submenu").css("height", "0");
+
−
                $("#menu2,#menu3,#menu4,#menu5").css("color", "#004415");
+
−
            });
+
  
−
        $("#menu1,#menu2,#menu3,#menu4,#menu5").hover(
+
        <div id="sub7"><a id="sub7a" href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations/CloningGuide">Cloning Guide</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations/Collaboration_Attributions">Collaboration Attributions</a></div>
−
            function() {
+
−
                //reset alles en display dan alleen de juiste
+
−
                $("#menu1,#menu2,#menu3,#menu4,#menu5").css("color", "#004415");
+
−
                $("#sub2,#sub3,#sub4,#sub5").css("display", "none");
+
−
                switch (a) {
+
−
                    case 1:
+
−
                        $("#menu1").css("color", "#9DC671");
+
−
                        break;
+
−
                    case 2:
+
−
                        $("#menu2").css("color", "#9DC671");
+
−
                        $("#sub2").css("display", "block");
+
−
                        $("#submenu").css("height", "60px");
+
−
                        break;
+
−
                    case 3:
+
−
                        $("#menu3").css("color", "#9DC671");
+
−
                        $("#sub3").css("display", "block");
+
−
                        $("#submenu").css("height", "60px");
+
−
                        break;
+
−
                    case 4:
+
−
                        $("#menu4").css("color", "#9DC671");
+
−
                        $("#sub4").css("display", "block");
+
−
                        break;
+
−
                    case 5:
+
−
                        $("#menu5").css("color", "#9DC671");
+
−
                        $("#sub5").css("display", "block");
+
−
                        break;
+
−
                }
+
−
            },
+
−
            function() {
+
−
                $("#menu1,#menu2,#menu3,#menu4,#menu5").css("color", "#004415");
+
−
                $("#submenu").css("height", "0");
+
−
            });
+
  
−
        ! function(d, s, id) {
+
        <div id="sub9"><a id="sub9a" href="https://2015.igem.org/Team:TU_Eindhoven/Safety/Lab">Lab Safety</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Safety/Project">Project Safety</a><a href="https://2015.igem.org/Team:TU_Eindhoven/Safety/LabEquipment">Lab Equipment</a></div>
−
            var js, fjs = d.getElementsByTagName(s)[0],
+
    </div>
−
                p = /^http:/.test(d.location) ? 'http' : 'https';
+
−
            if (!d.getElementById(id)) {
+
−
                js = d.createElement(s);
+
−
                js.id = id;
+
−
                js.src = p + "://platform.twitter.com/widgets.js";
+
−
                fjs.parentNode.insertBefore(js, fjs);
+
−
            }
+
−
        }(document, "script", "twitter-wjs");
+
−
        (function(d, s, id) {
+
−
            var js, fjs = d.getElementsByTagName(s)[0];
+
−
            if (d.getElementById(id)) return;
+
−
            js = d.createElement(s);
+
−
            js.id = id;
+
−
            js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&amp;version=v2.3";
+
−
            fjs.parentNode.insertBefore(js, fjs);
+
−
        }(document, 'script', 'facebook-jssdk'));
+
  
 +
   
 +
</div>
  
−
        //Content Menu
+
</div>
−
        if (sessionStorage.hidden == "" || sessionStorage.hidden == "1") {
+
−
            direct_hide();
+
−
        }
+
−
    });
+
−
 
+
−
    function toggle_hide() {
+
−
        document.getElementById("contentmenu").style.transition = "transform 0.5s";
+
−
        if (sessionStorage.hidden != "1") {
+
−
            document.getElementById("contentmenu").style.transform = "translateX(-90%) scale(1,0.4)";
+
−
            document.getElementById("contentarrow").style.transform = "rotate(0deg)";
+
−
            sessionStorage.hidden = "1";
+
−
        } else {
+
−
            document.getElementById("contentmenu").style.transform = "translateX(0) scale(1,1)";
+
−
            document.getElementById("contentarrow").style.transform = "rotate(180deg)";
+
−
            sessionStorage.hidden = "0";
+
−
        }
+
−
    }
+
−
 
+
−
    function direct_hide() {
+
−
        document.getElementById("contentarrow").style.transform = "rotate(0deg)";
+
−
        document.getElementById("contentmenu").style.transform = "translateX(-90%) scale(1,0.4)";
+
−
    }
+
−
</script>
+
  
 
</html>
 
</html>

Latest revision as of 15:52, 20 November 2015