IGEM:IMPERIAL/2009/Sandbox
Imperial College iGEM 09
Menu 1
<html> <head>
<SCRIPT LANGUAGE=JavaScript>
function TableauDynamique(e){ //recupère le deplacement du curseur sur l'axe des y
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
//remarque: si ajout de ligne dans le menu, penser à modifier le calcul si nécessaire
var taille="";
if (y<250){
taille =Math.floor(y/110)*100;
} else if (y<750){
taille =Math.floor(y/110)*100+50;
} else if (y<850){
taille =Math.floor(y/110)*100+75;
} else{
taille =Math.floor(y/110)*100+100;
}
document.getElementById("cellule").style.height=taille;
} if (navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = TableauDynamique;
</SCRIPT> </head>
<body>
<table align="left">
<TR>
<TABLE align="left">
<TR>
<TD id="cellule">
</TD>
<TD >
</TD>
</tr>
<TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4">
<TD >
1.
</TD>
<a href="#nb">
<TD style="cursor: pointer">
<p><font color="#3333cc"><SPAN TITLE="Choix du nombre de facteur(s)">Nombre de Facteur(s)</span></font></p>
</TD>
</a>
</TR>
<TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4">
<TD>
2.
</TD> <a href="#param"> <TD style="cursor: pointer"> <p><font color="#3333cc"><SPAN TITLE="Paramétrage de l'analyse: le(s) facteur(s), mesure repeté ou non, post-Hoc, avec ou sans interaction">Paramétrage de l'analyse</span></font></p> </TD></a> </TR> <TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4"> <TD> 3. </TD> <a href="#option"><TD style="cursor: pointer">
<p><font color="#3333cc"><SPAN TITLE="Option du post-Hoc"> Options </span></font></p>
</TD></a> </TR> <TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4"> <TD> 4. </TD> <a href="#resultat"> <TD style="cursor: pointer"> <p><font color="#3333cc"><SPAN TITLE="Affichage des resultats au format HTML ou RTF (Word)">Résultats</span></font></p> </TD></a> </TR>
</TABLE> </table> </body> </html>
Menu 2
<html> <head> <link rel="stylesheet" href="http://charlesfracchia.com/igemWiki/Menu/style.css" type="text/css" /> <script type="text/javascript" src="http://charlesfracchia.com/igemWiki/Menu/script.js"></script> </head> <body> <div id="accordion"> <dl class="accordion" id="slider"> <dt>About</dt>
<dd> <span>This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. For more information visit <a href="http://www.leigeber.com">leigeber.com</a>.</span> </dd> <dt>Instructions</dt> <dd> <span>To initialize an accordion use the following code:<br /><br />
<code> var mySlider=new accordion.slider("mySlider"); <br />mySlider.init("slider",0,"open"); </code><br /><br /> The init function takes 3 parameters: the id of the "dl", the location of the initially expanded section (optional) and the class for the active header (optional). </span> </dd> <dt>Licensing & Support</dt> <dd>
<span>This script is provided as-is with no warranty or guarantee. It is available at no cost for any project, non-commercial or commercial. Paid support is available by <a href="http://www.leigeber.com/contact/">clicking here</a>.</span> </dd> </dl> </div> <div id="accordion2"> <dl class="accordion2" id="slider2"> <dt>About</dt> <dd>
<span>This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. For more information visit <a href="http://www.leigeber.com">leigeber.com</a>/</span> </dd> <dt>Instructions</dt> <dd> <span>To initialize an accordion use the following code:<br /><br /> <code>
var mySlider=new accordion.slider("mySlider"); <br />mySlider.init("slider",0,"open"); </code><br /><br /> The init function takes 3 parameters: the id of the "dl", the location of the initially expanded section (optional) and the class for the active header (optional). </span> </dd> <dt>Licensing & Support</dt> <dd> <span>This script is provided as-is with no warranty or guarantee. It is available at no cost for any project, non-commercial or commercial. Paid support is available by <a href="http://www.leigeber.com/contact/">clicking here</a>.</span>
</dd> </dl> </div>
<script type="text/javascript"> var slider1=new accordion.slider("slider1"); slider1.init("slider");
var slider2=new accordion.slider("slider2"); slider2.init("slider2",0,"open"); </script>
</body> </html>
