Changer apparance input de type image.

Version imprimable

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. :wink:

Code:

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>

04/08/2005, 11h16
Oluha

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

Code:

this.className = 'survol';
04/08/2005, 11h52
licorne
Je passe sûrement à côté de quelquechose car ça ne marche pas. :cry:

Mon code :

Code:

<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:

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"); }
04/08/2005, 13h49
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:

<input type="image" src="D:/images/ok.bmp" onmouseout="this.src='D:/images/ok.bmp'" onmouseover="this.src='D:/images/ok_over.bmp'" ...>
04/08/2005, 14h09
licorne

Effectivement, je te remercie.
Bon courage. :)
04/08/2005, 14h11
ilood

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