Source de rollover.html
1: <html>
2: <head>
3: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4:
5: <SCRIPT LANGUAGE="Javascript1.1">
6: function lightUp(nom,texte) {
7: document.images[nom].src="buttafia.php?valeurs="+texte+",0,255,0";
8: }
9: function dimDown(nom,texte) {
10: document.images[nom].src="buttafia.php?valeurs="+texte+",255,255,255";
11: }
12: function nopage(texte) {
13: alert('pas de page '+texte);
14: }
15: </SCRIPT>
16:
17:
18: <title>Boutons automatiques</title>
19: <link REL="stylesheet" TYPE="text/css"
20: HREF="https://fabien-torre.fr/include/css/ft-v1.css">
21: </head>
22:
23: <BODY>
24: <DIV CLASS="menu">
25: <DIV CLASS="partmenu">
26: <UL>
27:
28: <LI> voir le <A HREF="https://fabien-torre.fr/Enseignement/tp/PHP/rollover.html.src">code de cette page</A>
29:
30: <LI> retour à la page des <A HREF="https://fabien-torre.fr/Enseignement/tp/PHP/">Travaux pratiques PHP</A>
31:
32: <LI> retour à la page de <A HREF="https://fabien-torre.fr/">Fabien Torre</A>
33: </UL>
34:
35: </DIV>
36: </DIV>
37: <DIV CLASS="page">
38: <H1>Boutons automatiques</h1>
39:
40: <TABLE CLASS="sansbord" BORDER="1" width="70%">
41: <TR>
42: <TD ALIGN="center" WIDTH>
43:
44:
45: <A HREF="javascript:;" onMouseOver="lightUp('Lien_1','Premier')"
46: onMouseOut="dimDown('Lien_1','Premier')" onClick="nopage('Premier')">
47: <IMG BORDER=0 NAME="Lien_1" SRC="buttafia.php?valeurs=Premier,255,255,255"></A><BR>
48: <A HREF="javascript:;" onMouseOver="lightUp('Lien_2','Second')"
49: onMouseOut="dimDown('Lien_2','Second')" onClick="nopage('Second')">
50: <IMG BORDER=0 NAME="Lien_2" SRC="buttafia.php?valeurs=Second,255,255,255"></A><BR>
51: <A HREF="javascript:;" onMouseOver="lightUp('Lien_3','Dernier')"
52: onMouseOut="dimDown('Lien_3','Dernier')" onClick="nopage('Dernier')">
53: <IMG BORDER=0 NAME="Lien_3" SRC="buttafia.php?valeurs=Dernier,255,255,255"></A><BR>
54: <A HREF="javascript:;" onMouseOver="lightUp('Lien_4','Autre')"
55: onMouseOut="dimDown('Lien_4','Autre')" onClick="nopage('Autre')">
56: <IMG BORDER=0 NAME="Lien_4" SRC="buttafia.php?valeurs=Autre,255,255,255"></A>
57:
58: </TD>
59: <TD WIDTH="100%\" VALIGN="top" ALIGN="center">
60: Image vide de départ :
61: <BR><BR>
62: <IMG SRC="buttvide.png">
63: <BR><BR><BR>
64: Utilisation simple :
65: <BR><BR>
66: <IMG SRC="buttafia.php?valeurs=Simple,255,0,0">
67: </TD>
68: </TR>
69: </TABLE>
70:
71: <BR><BR><BR>
72:
73: </DIV>
74: </body>
75: </html>