Bouton submit avec chgt d'image compatible IE et autres navigateurs

Bonjour,

Je ne connais pas bien javascript et j'utilise beaucoup le css mais je suis devant un probleme qui est le suivant.
mon bouton de validation est une image et je souhaite qu'au survol de ce bouton l'image change donc en css avec firefox pas de probleme mais rien avec IE. Quelqu'un peut il m'aider car j'essaie en vain la fonction suivante qui marche avec une image mais pas avec un bouton image ?
Merci par avance

<script type="text/javascript">
function changeImage()
{
  document.images["jsbutton"].src= "img/bt_orange_calcul.gif";
  return true;
}
function changeImageBack()
{
   document.images["jsbutton"].src = "img/bt_bleu_calcul.gif";
   return true;
}
</script>

Ceci devrait fonctionner

<input type="image" src="img/bt_bleu_calcul.gif" 
     onmouseover="this.src='img/bt_orange_calcul.gif';" 
     onmouseout="this.src='img/bt_bleu_calcul.gif';" />

(si tu préfère une version avec des fonctions, poste aussi la structure de ton html)
Modifié par Citron.mecanik (22 Sep 2008 - 14:42)

Génial, merci beaucoup en plus c'est d'une simplicité déconcertante
il faut vraiment que je me mette au js car a chaque fois c'est une galère.

Bonne journée et grand bonjour de la Guyane...

J'y rajoute dans le <form>
onsubmit="this.submit();return false;"
de manière à ce que les valeurs x et y de l'image ne passent pas dans l'url
Modifié par rubenxela (05 Dec 2008 - 17:47)

rubenxela a écrit :
J'y rajoute dans le <form>
onsubmit="this.submit();return false;"
de manière à ce que les valeurs x et y de l'image ne passent pas dans l'url

NON NON NON NON NON NON NON ET NON
Ce n'est pas la bonne solution.

Pour ne pas avoir ce x et ce y dans l'url, tu postes ton formulaire en POST et puis c'est tout.

faire ce que tu fais, revient à passer par du JS pour submit le formulaire ,
même si ton formulaire (reconnaissons le) sera posté sans JS.

Citron.mecanik a écrit :
Ceci devrait fonctionner

<input type="image" src="img/bt_bleu_calcul.gif" 
     onmouseover="this.src='img/bt_orange_calcul.gif';" 
     onmouseout="this.src='img/bt_bleu_calcul.gif';" />

Et il est où l'attribut alt?