- <!--
- But: menu dynamique vertical: le tableau qui represente le menu, se deplace verticalement selon
- la position du curseur sur l'axe des ordonnées.
- Ajout également d'un effet sur la ligne du tableau lors du passage de la souris.
- -->
- <html>
- <head>
- <title>Menu dynamique vertical</title>
-
- <SCRIPT LANGUAGE=JavaScript>
- //permet de deplacer sur la hauteur un tableau par le biais d'un changment de taille de la premiere ligne du tableau
- 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;
- // petit calcul pour pouvoir accéder à tout les champ du menu quelques soit la position du menu
- //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>
- <!-- ceci c'est pour permettre le changement de couleur de la ligne du tableau quand la souris passe dessus -->
- <TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4">
- <TD >
- 1.
- </TD>
- <!--j'ai laisser les lien qui bien sur ne fonctionne pas vu que c'est juste un morceau du code original -->
- <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>
<!--
But: menu dynamique vertical: le tableau qui represente le menu, se deplace verticalement selon
la position du curseur sur l'axe des ordonnées.
Ajout également d'un effet sur la ligne du tableau lors du passage de la souris.
-->
<html>
<head>
<title>Menu dynamique vertical</title>
<SCRIPT LANGUAGE=JavaScript>
//permet de deplacer sur la hauteur un tableau par le biais d'un changment de taille de la premiere ligne du tableau
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;
// petit calcul pour pouvoir accéder à tout les champ du menu quelques soit la position du menu
//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>
<!-- ceci c'est pour permettre le changement de couleur de la ligne du tableau quand la souris passe dessus -->
<TR onmouseover="this.bgColor='#7f8aed';" onmouseout="this.bgColor='#e6e8fa';" BGCOLOR="#e6e8fa" border="2" BORDERCOLOR="#7f8aed" cellspacing="4">
<TD >
1.
</TD>
<!--j'ai laisser les lien qui bien sur ne fonctionne pas vu que c'est juste un morceau du code original -->
<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>