Bonjour,
Ci dessous une representation simple de mon code.
Mes champs changent de couleur en fonction de l'évenement.
Au debut le champ est gris, quand on passe la souris il devient rose et si on clique dessus il devient bleu.
Ce que j'aimerai faire c'est que le champ qui est devenu bleu devient rose quand je passe ma souris dessus et reste bleu le cas contraire.
Merci pour votre aide
Cordialement
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50 <html> <head> <style type="text/css"> .document { background-color: #AECBD4 } .documentOver { background-color:#F9E0C7 } .documentVisited { background-color:blue} </style> <script language="JavaScript" type="text/javascript"> <!-- function Change(id, Mode) { var Etat = document.getElementById(id).className; switch(Mode) { case "Over": if(Etat!="documentVisited" ) document.getElementById(id).className="documentOver"; break; case "Out": if(Etat!="documentVisited" ) document.getElementById(id).className="document"; break; case "Click": document.getElementById(id).className="documentOver"; break; } } // --> </script> </head> <body text="#000000" bgcolor="#FFFFFF"> <TABLE> <tr id="E9E8C381C94DA128C125784D0055B094" class="document" onMouseOver="Change('E9E8C381C94DA128C125784D0055B094','Over');" onMouseOut="Change('E9E8C381C94DA128C125784D0055B094','Out');" onClick="Change('E9E8C381C94DA128C125784D0055B094','Click');" > <td>08/03/2011</td> </tr> <tr id="E9E8C381C94DA128C125784D0055B095" class="document" onMouseOver="Change('E9E8C381C94DA128C125784D0055B095','Over');" onMouseOut="Change('E9E8C381C94DA128C125784D0055B095','Out');" onClick="Change('E9E8C381C94DA128C125784D0055B095','Click');" > <td>09/03/2011</td> </tr> <tr id="E9E8C381C94DA128C125784D0055B096" class="document" onMouseOver="Change('E9E8C381C94DA128C125784D0055B096','Over');" onMouseOut="Change('E9E8C381C94DA128C125784D0055B096','Out');" onClick="Change('E9E8C381C94DA128C125784D0055B096','Click');" > <td>10/03/2011</td> </tr> </TABLE> </body> </html>
Partager