RollOver sur un <INPUT type="image" .
Fermé
Voici mon problème :
Je dois parvenir à implanter du "rollover" dans mon site. Jusque là, ça va bien. J'ai mon code JavaScript qui change mes images (balise <IMG> ) Parcontre, je dois aussi l'implanté pour des <INPUT type="image" ... >. Et je n'ai pas le choix d'utiliser ce type de balise INPUT car je dois envoyer de l'information au serveur.
Dans le fond, je dois faire changer l'image, sur un rollover (onmouseover/onmouseout) sur un bouton "submit".
Est-ce que quelqu'un peux m'aider??
Merci !
Je dois parvenir à implanter du "rollover" dans mon site. Jusque là, ça va bien. J'ai mon code JavaScript qui change mes images (balise <IMG> ) Parcontre, je dois aussi l'implanté pour des <INPUT type="image" ... >. Et je n'ai pas le choix d'utiliser ce type de balise INPUT car je dois envoyer de l'information au serveur.
Dans le fond, je dois faire changer l'image, sur un rollover (onmouseover/onmouseout) sur un bouton "submit".
Est-ce que quelqu'un peux m'aider??
Merci !
A voir également:
- RollOver sur un <INPUT type="image" .
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image de manchots sur une image de plage. - Forum Graphisme
- Image de manchots sur une image de plage ✓ - Forum Graphisme
- No video input enter sleep mode ✓ - Forum Matériel & Système
1 réponse
En espérant que c'est bien ce que tu désirais:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Rollover</title>
<style>
.center{
text-align=center;
}
</style>
<script>
function changeImage(){
document.image1.src="C:/Temp/rats_neg.jpg";
}
</script>
<script>
function restoreImage(){
document.image1.src="C:/Temp/rats.jpg";
}
</script>
</head>
<body>
<form name="aForm">
<table>
<tr>
<td>Nom:   </td>
<td><input name="lastName" type="text" value="" /></td>
</tr>
<tr>
<td>Prénom:   </td>
<td><input name="firstName" type="text" value="" /></td>
</tr>
<tr>
<td colspan="2" class="center">
<br>
<input type="submit" value="Envoyer" onMouseOver="changeImage()" onMouseOut="restoreImage()"/>
<input type="reset" value="Effacer"/>
</td>
</tr>
</table>
</form>
<img name="image1" src="C:\Temp\rats.jpg" />
</body>
</html>
;-)
HackTrack
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Rollover</title>
<style>
.center{
text-align=center;
}
</style>
<script>
function changeImage(){
document.image1.src="C:/Temp/rats_neg.jpg";
}
</script>
<script>
function restoreImage(){
document.image1.src="C:/Temp/rats.jpg";
}
</script>
</head>
<body>
<form name="aForm">
<table>
<tr>
<td>Nom:   </td>
<td><input name="lastName" type="text" value="" /></td>
</tr>
<tr>
<td>Prénom:   </td>
<td><input name="firstName" type="text" value="" /></td>
</tr>
<tr>
<td colspan="2" class="center">
<br>
<input type="submit" value="Envoyer" onMouseOver="changeImage()" onMouseOut="restoreImage()"/>
<input type="reset" value="Effacer"/>
</td>
</tr>
</table>
</form>
<img name="image1" src="C:\Temp\rats.jpg" />
</body>
</html>
;-)
HackTrack