Discussion :

[licorne]

Bonjour,

Je souhaite changer l'apparence du bouton 'OK' lorsque onmouseover.
Je ne sais pas comment m'y prendre.
D'avance merci pour toute idée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<table align='right' width='800' height='20' border='0' bordercolor='#FFFFFF' cellpadding='0' cellspacing='0'>
	    <tr>
		   <td width='200' bordercolor='#FFFFFF' class='margegauche'></td>
		   <td width='100' align='center' bordercolor='#FF8040' bgcolor='#07831A'  class='normal3'>Accueil</td>
		   <td width='100' align='center' bordercolor='#FF8040' bgcolor='#10A521'   class='normal3'>Aide</td>
		   <td width='100' align='center' bordercolor='#FF8040' bgcolor='#11C426' class='normal3'>FAQ</td>
		   <td width='100' align='right' bordercolor='#FF8040' bgcolor='#76F889' class='normal6'>Rechercher</td>
		   <form>
		   <td width='150' align='center' bordercolor='#FF8040' bgcolor='#76F889'><input type='texte' size='15' maxlength='20'></td>
		   <td width='50' align='left' bordercolor='#FF8040' bgcolor='#76F889'><input type='image' src='D:/Construc/intravigneux/images/ok.bmp' width='20' height='20'></td>
		   </form>
		</tr>
	</table>

[Oluha]

tu fais 2 classes CSS pour l'effet du survol et tu les appelles sur onMouseOver et onMouseOut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.className = 'survol';

[licorne]

Je passe sûrement à côté de quelquechose car ça ne marche pas.

Mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width='50' align='left' bordercolor='#FF8040' bgcolor='#76F889' onmouseover='javascript:this.className="over1"' onmouseout='javascript:this.classname="out1"'><input type='image'  src='D:/images/ok.bmp' width='20' height='20'></td>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
over1 {
	background-image: url("D:/images/ok_over.bmp");
}
 
out1 {
	background-image: url("D:/images/ok.bmp");
}

[ilood]

Salut,

Moi je mettrai plutot les evenements javascript dans la balise input. D'apres ton code, tu souhaites changer l'arrière plan de la case de ton tableau.
Alors que c'est sur le bouton qu'il faut agir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="image" src="D:/images/ok.bmp" onmouseout="this.src='D:/images/ok.bmp'" onmouseover="this.src='D:/images/ok_over.bmp'" ...>

[licorne]

Effectivement, je te remercie.
Bon courage.

[ilood]

Si tout est ok, n'oublie pas de cliquer sur