Team:Grenoble-EMSE-LSU/Menu

From 2013.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link rel="stylesheet" href="/Team:Grenoble-EMSE-LSU/Design/style?action=raw&ctype=text/css" type="text/css" />
+
<div id="wrapper">
-
 
+
    <div id="nav">
-
<script type="text/javascript">
+
<nav>
-
$(document).ready(
+
    <ul class="topnav">
-
function(){
+
-
$("ul.topnav li").hover(
+
<!-- Home -->
-
function() {
+
<li id="home"><a href="/Team:Grenoble-EMSE-LSU">Home</a></li>
-
// Hover over
+
-
$(this).parent().find("ul.subnav").hide();
+
<!-- Project -->
-
$(this).find("ul.subnav").show();
+
<li id="proj"><a href="/Team:Grenoble-EMSE-LSU/Project">Scientific Project</a>
-
// Hover out
+
    <ul class="subnav">
-
$(this).hover(
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project">Overview</a></li>
-
function() {
+
-
},
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Biology">Biology</a>
-
function(){
+
<ul class="subsubnav">
-
$(this).find("ul.subnav").hide();
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Biology/Cell_Density">Light-Controlled Cell Density</a></li>
-
}
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Biology/KR">Light-Controlled KillerRed Concentration</a></li>
-
);
+
</ul>
-
},
+
</li>  
-
function(){
+
               
-
$(this).find("ul.subnav").hide();
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Modelling">Modelling</a>
-
}
+
<ul class="subsubnav">
-
 
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Modelling/Building">Building the Model</a></li>
-
);
+
               
-
}
+
            <li><a href="/Team:Grenoble-EMSE-LSU/Project/Modelling/Parameters">Finding Parameters</a></li>
-
);
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Modelling/Density">Density control</a></li>
-
</script>
+
</ul>
-
 
+
-
<!--<script type="text/javascript">
+
-
$(document).ready(
+
-
function(){
+
-
$("ul.menu li").hover(
+
-
function() {
+
-
// Hover over
+
-
$(this).parent().find("ul.submenu").hide();
+
-
$(this).find("ul.submenu").show();
+
-
// Hover out
+
-
$(this).hover(
+
-
function() {
+
-
},
+
-
function(){
+
-
$(this).find("ul.submenu").hide();
+
-
}
+
-
);
+
-
},
+
-
function(){
+
-
$(this).find("ul.submenu").hide();
+
-
}
+
-
 
+
-
);
+
-
}
+
-
);
+
-
</script>-->
+
-
 
+
-
<script type="text/javascript">
+
-
$(document).ready(
+
-
function(){
+
-
$("ul.mini li").hover(
+
-
function() {
+
-
// Hover over
+
-
$(this).parent().find("ul.maxi").hide();
+
-
$(this).find("ul.maxi").show();
+
-
// Hover out
+
-
$(this).hover(
+
-
function() {
+
-
},
+
-
function(){
+
-
$(this).find("ul.maxi").hide();
+
-
}
+
-
);
+
-
},
+
-
function(){
+
-
$(this).find("ul.maxi").hide();
+
-
}
+
-
 
+
-
);
+
-
}
+
-
);
+
-
</script>
+
-
 
+
-
<!--<script type="text/javascript">
+
-
$(document).ready(
+
-
function(){
+
-
$("demo").hover(
+
-
function() {
+
-
// Hover over
+
-
$(this).parent().find("to_hide").hide();
+
-
$(this).find("to_hide").show();
+
-
// Hover out
+
-
$(this).hover(
+
-
function() {
+
-
},
+
-
function(){
+
-
$(this).find("to_hide").hide();
+
-
}
+
-
);
+
-
},
+
-
function(){
+
-
$(this).find("to_hide").hide();
+
-
}
+
-
 
+
-
);
+
-
}
+
-
);
+
-
</script>-->
+
-
 
+
-
<script type="text/javascript">
+
-
function swap_div(my_div, my_object)
+
-
{
+
-
if (document.getElementById(my_div).style.display == "none")
+
-
{
+
-
document.getElementById(my_div).style.display = "all";
+
-
my_object.value = "Cacher";
+
-
}
+
-
else
+
-
{
+
-
document.getElementById(my_div).style.display = "none";
+
-
my_object.value = "Afficher";
+
-
}
+
-
}
+
-
</script>
+
-
 
+
-
 
+
-
<script type="text/javascript">
+
-
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
+
-
function toggleVisibility(tagId) {
+
-
if (!document.getElementById) {
+
-
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
+
-
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
+
-
return false;
+
-
}
+
-
var tagToToggle;
+
-
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
+
-
tagToToggle = document.getElementById(tagId);
+
-
} catch (e) { // Si échec de la récupération de la balise cible
+
-
alert('Je n\'ai pas pu trouver la balise cible');
+
-
}
+
-
try { // Seulement pour les non IE
+
-
if (tagToToggle.style.display == 'none') {
+
-
tagToToggle.style.display = 'inline';
+
-
} else {
+
-
tagToToggle.style.display = 'none';
+
-
}
+
-
} catch (e) {
+
-
}
+
-
// Pour IE
+
-
if (tagToToggle.style.visibility == 'hidden') {
+
-
tagToToggle.style.visibility = 'visible';
+
-
} else {
+
-
tagToToggle.style.visibility = 'hidden';
+
-
}
+
-
}
+
-
</script>
+
-
 
+
-
<body>
+
-
<nav>
+
-
<ul class="topnav"><ul>
+
-
<li id="home_icon">
+
-
<a href="/Team:Grenoble-EMSE-LSU"><img src="https://static.igem.org/mediawiki/2013/c/c4/Grenoble-EMSE-LSU_logo.png" alt="" />Home</a>
+
</li>
</li>
-
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Validation">Validation</a>
-
<li id="project_icon">
+
<ul class="subsubnav">
-
<a href="/Team:Grenoble-EMSE-LSU/Project" ><img src="https://static.igem.org/mediawiki/2012/2/25/Project_s.png" alt="" /></a>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Validation">Experiments</a></li>
-
<ul class="subnav">
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Validation/Future">Future Experiments</a></li>
-
                    <li><a href="/Team:Grenoble-EMSE-LSU/Project">Idea</a></li>
+
-
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Results">Main Results</a></li>
+
-
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Attribution">Attributions</a></li>
+
</ul>
</ul>
</li>
</li>
-
+
-
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Instrumentation">Instrumentation</a>
-
                <li id="bio_icon">
+
<ul class="subsubnav">
-
                    <a href="/Team:Grenoble-EMSE-LSU/Biology"><img src="https://static.igem.org/mediawiki/2012/a/a4/Biology_s.png" alt="" /></a>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Instrumentation">TalkE'coli</a></li>
-
                    <ul class="subnav">
+
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Instrumentation/Fluo">Main parts of the device</a></li>
-
                    <li><a href="/Team:Grenoble-EMSE-LSU/Biology">Network</a></li>
+
</ul>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Biology/KillerRed">KillerRed</a></li>                      
+
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Biology/Instrumentation">Instrumentation</a></li>
+
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Biology/Protocols">Protocols</a></li>
+
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Biology/Notebook">Notebook</a></li>
+
-
                    </ul>
+
</li>
</li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Project/Attribution">Attributions</a></li>
 +
</ul>
 +
</li>
-
<li id="model_icon">
+
<!-- Documentation -->
-
                <a href="/Team:Grenoble-EMSE-LSU/Modeling"><img src="https://static.igem.org/mediawiki/2012/2/2f/Modeling_s.png" alt="" /></a>
+
<li id="doc"><a href="/Team:Grenoble-EMSE-LSU/Documentation/Biobricks">Documentation</a>
-
                    <ul class="subnav">
+
<ul class="subnav">
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling">Network</a></li>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Biobricks">Data Page</a></li>
-
                        <ul class="subsubnav">
+
                <li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Protocols">Protocols</a></li>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Network/Promoter">Promoter Caracterization</a></li>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook">Notebook</a>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Network/KillerRed">KillerRed Caracterization</a></li>
+
<ul class="subsubnav">
-
                        </ul>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook/May">May</a></li>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Arduino">Arduino</a></li>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook/June">June</a></li>
-
                        <ul class="subsubnav">
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook/July">July</a></li>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Arduino/Presentation">Presentation</a></li>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook/August">August</a></li>
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Arduino/Device">Our Device</a></li>
+
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Notebook/September">September</a></li>
-
                        </ul>                       
+
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Modeling/Notebook">Notebook</a></li>
+
-
                    </ul>
+
-
                </li>
+
-
+
-
+
-
                <li id="HP_icon">
+
-
<a href="/Team:Grenoble-EMSE-LSU/HumanPractice"><img src="https://static.igem.org/mediawiki/2012/2/2e/Human_practice_s.png" alt=""/></a>
+
-
<ul class="subnav">
+
-
<li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice">Overwiew</a></li>
+
-
    <li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Idea1">Idea1</a></li>
+
-
    <li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Idea2">Idea2</a></li>
+
</ul>
</ul>
</li>
</li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Safety/KR">Safety</a>
 +
<ul class="subsubnav">
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Safety/KR">KillerRed</a></li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Documentation/Safety/Datasheet">Safety Datasheets</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
 +
<!-- Human Practice -->
 +
        <li id="HP"><a href="/Team:Grenoble-EMSE-LSU/Human_Practice">Human Practice</a>
 +
    <ul class="subnav">
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Promotion">iGEM Promotion</a></li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Lyon">Lyon Jamboree</a></li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Game">Play with us !</a></li>
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Human_Practice/Collaboration">Collaborations</a></li>    
 +
    </ul>
 +
</li>
 +
 +
<!-- Team -->
 +
<li id="team"><a href="/Team:Grenoble-EMSE-LSU/Team">Team</a>
 +
<ul class="subnav">
 +
<li><a href="/Team:Grenoble-EMSE-LSU/Team/Students">Students</a></li>
 +
                <li><a href="/Team:Grenoble-EMSE-LSU/Team/Advisors">Advisors and Instructors</a></li>
 +
                <!--<li><a href="/Team:Grenoble-EMSE-LSU/Team/Grenoble">Home Towns</a></li>-->
 +
                <li><a href="/Team:Grenoble-EMSE-LSU/Team/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
</ul>         
 +
</nav>
 +
    </div>
 +
</div>
-
<li id="team_icon">
+
<!-- Script: Menu attached to the top -->
-
                <a href="/Team:Grenoble-EMSE-LSU/Team"><img src="https://static.igem.org/mediawiki/2012/c/c6/Team_s.png" alt="" /></a>
+
 
-
                    <ul class="subnav">
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
-
                    <li><a href="/Team:Grenoble-EMSE-LSU/Team">The Team</a></li>
+
 
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Team/Students">Students</a></li>
+
<script type="text/javascript">
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Team/Advisors">Advisors</a></li>
+
 
-
                        <li><a href="/Team:Grenoble-EMSE-LSU/Team/Instructors">Instructors</a></li>
+
$(document).ready(function () {
-
                    </ul>
+
var top = $('#nav').offset().top - parseFloat($('#nav').css('marginTop').replace(/auto/, 0));
-
</li>
+
$(window).scroll(function (event) {
-
          </ul>
+
  var y = $(this).scrollTop();
-
      </nav>
+
  if (y >= top) {
-
</body>
+
    $('#nav').addClass('fixed');
 +
  } else {
 +
    $('#nav').removeClass('fixed');
 +
  }
 +
});
 +
});
 +
 
 +
</script>
</html>
</html>

Latest revision as of 03:52, 5 October 2013