Rechercher : dans
Par :

RollOver sur un <INPUT type="image" .

Dernière réponse le 29 mar 2002 à 08:15:48 Gugus, le 28 mar 2002 à 20:42:07 
 Signaler ce message aux modérateurs

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 !

Meilleures réponses pour « RollOver sur un  » dans :
Vérifier le format d'une date en PHP VoirIl existe plusieurs méthodes pour verifier le format d'une date en PHP, vous pouvez par exemple découper la chaîne puis tester les valeurs de chaque élément. Plus simplement nous utiliserons les expressions régulières. Pour valider une date au...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Standard MIME (Multipurpose Internet Mail Extensions) VoirIntroduction à MIME MIME (Multipurpose Internet Mail Extensions) est un standard qui a été proposé par les laboratoires Bell Communications en 1991 afin d'étendre les possibilités limitées du courrier électronique (mail) et notamment de permettre...

1

 HackTrack, le 29 mar 2002 à 08:15:48
  • +1

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: &nbsp </td>
<td><input name="lastName" type="text" value="" /></td>
</tr>
<tr>
<td>Prénom: &nbsp </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

Répondre à HackTrack
Collection CommentÇaMarche.net