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.
