Besoin d'aide en javascript et "input type=image"

Marsh Posté le 20-09-2005 à 07:24:43

Bonjour à tous,
Voila, je vous explique mon problème, je suis en train de faire une application en PHP et JavaScript qui doit fonctionner sous IE.
J'ai un formulaire disposant de beaucoup d'images permettant d'envoyer le formulaire (<input type="image" name="bouton1" id="bouton1" src="monimage.gif"> )
Le problème étant que quand on clique sur ce bouton, je voudrais qu'une fonction javascript change l'image.
J'y arrive sans utiliser de fonction (onclick="this.src='manouvelleimge.gif'" ) mais pas avec une fonction.

En fait, mon problème est qu'en cliquant sur un des boutons, plusieurs boutons doivent être changé en même temps et je n'arrive pas à modifier l'attribu src des boutons (sauf par this.src)
Si quelqu'un pouvait m'aider, je lui en serait très reconnaissant.

Voici un extrait de mon code :

Code :

<form name="MyForm" action="traitrement.php" method="post">
<input type="image" id="btn_celibataire" name="btn_celibataire" onclick="change_situation('btn_celibataire')" src="images/btn_celibataire.gif"></input>
<input type="image" id="btn_concubin" name="btn_concubin" onclick="change_situation('btn_concubin')" src="images/btn_concubin.gif"></input>
<input type="image" id="btn_marie" name="btn_marie" onclick="change_situation('btn_marie')" src="images/btn_marie.gif"></input>
<input type="image" id="btn_divorce" name="btn_divorce" onclick="change_situation('btn_divorce')" src="images/btn_divorce.gif"></input>
<input type="image" id="btn_veuf" name="btn_veuf" onclick="change_situation('btn_veuf')" src="images/btn_veuf.gif"></input>
</form>

Et la fonction javascript :

Code :

function change_situation(bouton)
{
if (bouton == "btn_celibataire" ) {
var msg = 'ici : ' + document.forms.formulaire_validation.btn_celibataire.value;
alert(msg);
btn_celibataire.src='images/btn_celibataire_actif.gif';
btn_concubin.src='images/btn_concubin.gif';
btn_marie.src='images/btn_marie.gif';
btn_divorce.src='images/btn_divorce.gif';
btn_veuf.src='images/btn_veuf.gif';
}
if (bouton == "btn_concubin" ) {
btn_celibataire.src='images/btn_celibataire.gif';
btn_concubin.src='images/btn_concubin_actif.gif';
btn_marie.src='images/btn_marie.gif';
btn_divorce.src='images/btn_divorce.gif';
btn_veuf.src='images/btn_veuf.gif';
}
...
}

Je précise que ces codes fonctionne parfaitement sous FireFox mais pas IE...
Merci à tous.

Reply

Marsh Posté le 20-09-2005 à 07:24:43

Reply

Marsh Posté le 20-09-2005 à 08:54:39

Pour récupérer un objet grace à son id, il faut utiliser 'getElementById()'

ex :

Code :

document.getElementById('btn_celibataire').src='images/btn_celibataire_actif.gif';

Reply

Marsh Posté le 20-09-2005 à 09:40:44

Merci beaucoup, ca marche

Reply

Besoin d'aide en javascript et "input type=image"

Sujets relatifs:

Leave a Replay