Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1762 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1202900
Docki2k
Posté le 20-09-2005 à 07:24:43  profilanswer
 

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 :
  1. <form name="MyForm" action="traitrement.php" method="post">
  2. <input type="image" id="btn_celibataire" name="btn_celibataire" onclick="change_situation('btn_celibataire')" src="images/btn_celibataire.gif"></input>
  3. <input type="image" id="btn_concubin" name="btn_concubin" onclick="change_situation('btn_concubin')" src="images/btn_concubin.gif"></input>
  4. <input type="image" id="btn_marie" name="btn_marie" onclick="change_situation('btn_marie')" src="images/btn_marie.gif"></input>
  5. <input type="image" id="btn_divorce" name="btn_divorce" onclick="change_situation('btn_divorce')" src="images/btn_divorce.gif"></input>
  6. <input type="image" id="btn_veuf" name="btn_veuf" onclick="change_situation('btn_veuf')" src="images/btn_veuf.gif"></input>
  7. </form>


 
Et la fonction javascript :

Code :
  1. function change_situation(bouton)
  2. {
  3. if (bouton == "btn_celibataire" ) {
  4.  var msg = 'ici : ' + document.forms.formulaire_validation.btn_celibataire.value;
  5.  alert(msg);
  6.  btn_celibataire.src='images/btn_celibataire_actif.gif';
  7.  btn_concubin.src='images/btn_concubin.gif';
  8.  btn_marie.src='images/btn_marie.gif';
  9.  btn_divorce.src='images/btn_divorce.gif';
  10.  btn_veuf.src='images/btn_veuf.gif';
  11. }
  12. if (bouton == "btn_concubin" ) {
  13.  btn_celibataire.src='images/btn_celibataire.gif';
  14.  btn_concubin.src='images/btn_concubin_actif.gif';
  15.  btn_marie.src='images/btn_marie.gif';
  16.  btn_divorce.src='images/btn_divorce.gif';
  17.  btn_veuf.src='images/btn_veuf.gif';
  18. }
  19. ...
  20. }


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

mood
Publicité
Posté le 20-09-2005 à 07:24:43  profilanswer
 

n°1202912
Bidem
Posté le 20-09-2005 à 08:54:39  profilanswer
 

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

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

n°1202940
Docki2k
Posté le 20-09-2005 à 09:40:44  profilanswer
 

Merci beaucoup, ca marche :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[Débutant] Webdesigner a besoin d'aide pour PHP[JAVASCRIPT] Problème avec le signe +
<JavaScript> pb de variableInsertion d'image dans Access
[Aide] déplacer tête d'impressionà l'aide : requete SQL : "FROM" variable ?
[Javascript]Comment faire un retour chariot dans une chaîne de tableau[MySQL] Besoin d'aide - Optimisation d'une requête très lourde
Plus de sujets relatifs à : Besoin d'aide en javascript et "input type=image"


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR