IGEM:IMPERIAL/2009/Sandbox

From OpenWetWare
Jump to: navigation, search

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">
    &nbsp;
    </TD>
    <TD >
    &nbsp;
    </TD>
  </tr>		
  
  <TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4"> 
    <TD >
    &nbsp;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>
     &nbsp;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> &nbsp;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> &nbsp;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 &amp; 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 &amp; 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>