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

 
(253 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<div id="contentmenu">
+
 
−
    <div id="contentpanel" onclick="toggle_hide()">
+
<!--<div id="contentmenu">
−
         <img src="http://simpleicon.com/wp-content/uploads/arrow-19.png" id="arrow_menu" />
+
    <div id="contentpanel" onclick="toggle_hide()">
−
    </div>
+
         <img src="http://simpleicon.com/wp-content/uploads/arrow-19.png" id="contentarrow" />
−
    <div id="contenttable">
+
    </div>
−
    </div>
+
    <div id="contenttable">
−
</div>
+
    </div>
 +
</div>-->
 +
 
 +
 
  
 
<div id="menuwrapper">
 
<div id="menuwrapper">
−
<div id="menu">
+
<div id="menuTotal">
−
        <a id="menu1" href="#">Home</a>
+
−
       
+
−
        <a id="menu2" href="https://2015.igem.org/Team:TU_Eindhoven/Team">Team</a>
+
−
        <a id="menu3" href="https://2015.igem.org/Team:TU_Eindhoven/Project">Project</a>
+
−
        <a id="menu4" href="https://2015.igem.org/Team:TU_Eindhoven/Achievements">Achievements</a>
+
−
        <a id="menu5" href="https://2015.igem.org/Team:TU_Eindhoven/Modeling">Modeling</a>
+
−
<a id="menu6" href="https://2015.igem.org/Team:TU_Eindhoven/Notebook">Notebook</a>
+
−
        <a id="menutwitter" href="https://twitter.com/Eindhoven_iGEM"> <img id="twitter_logo" src="https://g.twimg.com/Twitter_logo_blue.png" /> </a>
+
−
        <a id="menufacebook" href="https://www.facebook.com/EindhoveniGEM"> <img id="facebook_logo" src="https://pbs.twimg.com/profile_images/3513354941/24aaffa670e634a7da9a087bfa83abe6_400x400.png" /> </a>
+
−
 
+
  
 +
<a id="menuigemlogo" target="_blank" href="https://2015.igem.org/Main_Page"></a>
 +
 +
    <div id="menu">
 +
     
 +
        <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" />
 +
        Home</a>
 +
        <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"/>
 +
        Team</a>
 +
        <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"/>
 +
        Project</a>
 +
        <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"/>
 +
        Policy Practices</a>
 +
        <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"/>
 +
        Sponsors</a>
 +
        <a id="menu9" href="https://2015.igem.org/Team:TU_Eindhoven/Safety">
 +
        <img src="https://static.igem.org/mediawiki/2015/1/10/TU_Eindhoven_menu_safety.png"/>
 +
        Safety</a>
 +
    </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="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 id="submenuwrapper">
 
<div id="submenuwrapper">
−
  <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><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>
 
−
</div>
 
  
−
<div id="body"><div id="container">
+
    <div id="submenu">
−
  <div id="facebook">
+
−
  <div class="fb-page" data-href="https://www.facebook.com/EindhoveniGEM" data-width="500" data-height="500" data-hide-cover="true" data-show-facepile="false" data-show-posts="true"></div>
+
−
  </div>
+
  
 +
        <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>
  
−
  <div id="twitter">
+
        <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>
−
  <a class="twitter-timeline" height="500px" width="500px" href="https://twitter.com/Eindhoven_iGEM" data-widget-id="590096851745054720"></a>
+
−
  </div>
+
−
</div>  
+
−
</div>
+
−
<script>
+
−
$(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(
+
−
        function(){
+
−
            $("#facebook").css("z-index", "2");
+
−
            },
+
−
        function(){
+
−
            $("#facebook").css("z-index", "-1");
+
−
        });       
+
−
 
+
−
    $("#menu2").hover(
+
−
        function(){
+
−
a = 2;
+
−
            });
+
−
    $("#menu3").hover(
+
−
        function(){
+
−
a = 3;
+
−
            });
+
−
    $("#menu4").hover(
+
−
        function(){
+
−
a = 4;
+
−
            });
+
−
    $("#menu5").hover(
+
−
        function(){
+
−
    a = 5;
+
−
            });   
+
−
+
−
    $("#submenuwrapper").hover(
+
−
        function(){
+
−
            $("#submenu").css("height", "45px");
+
−
switch(a){
+
−
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");
+
−
});
+
  
−
$("#menu2,#menu3,#menu4,#menu5").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(){
+
       
−
$("#menu2,#menu3,#menu4,#menu5").css("color", "#004415");
+
        <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>
−
$("#sub2,#sub3,#sub4,#sub5").css("display", "none");
+
−
switch(a){
+
−
case 2:
+
−
$("#menu2").css("color", "#9DC671");
+
−
            $("#sub2").css("display", "block");
+
−
break;
+
−
case 3:
+
−
    $("#menu3").css("color", "#9DC671");
+
−
            $("#sub3").css("display", "block");
+
−
break;
+
−
case 4:
+
−
    $("#menu4").css("color", "#9DC671");
+
−
            $("#sub4").css("display", "block");
+
−
break;
+
−
case 5:
+
−
        $("#menu5").css("color", "#9DC671");
+
−
            $("#sub5").css("display", "block");
+
−
break;
+
−
}
+
−
    $("#submenu").css("height", "45px");
+
−
},
+
−
function(){
+
−
$("#menu2,#menu3,#menu4,#menu5").css("color", "#004415");
+
−
    $("#submenu").css("height", "0");
+
−
});
+
−
         
+
−
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],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 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
 +
href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Stakeholders">Stakeholders</a><a
 +
href="https://2015.igem.org/Team:TU_Eindhoven/Policy_Practices/Regulations">Regulations</a></div>
  
−
//Content Menu
+
        <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>
−
if (sessionStorage.hidden == "" || sessionStorage.hidden == "1"){
+
−
        direct_hide();
+
−
    }
+
−
    //Begin waarde
+
−
    $("#testB").slideUp(0);
+
−
    document.getElementById("imgB").style.transform = "rotate(0deg)";
+
  
−
    //Menu 1
+
        <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>
−
    $("#imgA").click(function(){
+
     </div>
−
        if ($('#testA').is(':visible')){
+
−
            $("#testA").slideUp();
+
−
            document.getElementById("imgA").style.transform = "rotate(0deg)";
+
−
        }
+
−
        else{
+
−
            $("#testA").slideDown();
+
−
            document.getElementById("imgA").style.transform = "rotate(90deg)";
+
−
        }
+
−
     });
+
  
−
     //Menu 2
+
      
−
    $("#imgB").click(function(){
+
</div>
−
        if ($('#testB').is(':visible')){
+
−
            $("#testB").slideUp();
+
−
            document.getElementById("imgB").style.transform = "rotate(0deg)";
+
−
        }
+
−
        else{
+
−
            $("#testB").slideDown();
+
−
            document.getElementById("imgB").style.transform = "rotate(90deg)";
+
−
        }
+
−
    });
+
−
});
+
−
function toggle_hide(){
+
−
    document.getElementById("all").style.transition = "transform 0.5s";
+
−
    if (sessionStorage.hidden != "1"){
+
−
    document.getElementById("all").style.transform = "translateX(90%) scale(1,0.4)";
+
−
    document.getElementById("arrow_menu").style.transform = "rotate(180deg)";
+
−
    sessionStorage.hidden = "1";
+
−
}
+
−
else{
+
−
    document.getElementById("all").style.transform = "translateX(0) scale(1,1)";
+
−
    document.getElementById("arrow_menu").style.transform = "rotate(0deg)";
+
−
    sessionStorage.hidden = "0";}
+
−
}
+
  
−
function direct_hide(){
+
</div>
−
    document.getElementById("arrow_menu").style.transform = "rotate(180deg)";
+
−
    document.getElementById("all").style.transform = "translateX(90%) scale(1,0.4)";
+
−
}
+
  
−
</script>
 
 
</html>
 
</html>

Latest revision as of 15:52, 20 November 2015