IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

onclick dans option select


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 43
    Par défaut onclick dans option select
    bonjour,

    d'après ce que j'ai pu constater , onclick de javascript sur une balise option d'un select ne marche pas sur Internet explorer... ceci dit moi j'ai un champ select dans un formulaire qui possède sur option "Autres". lorsqu'on clik sur "autre" , un champ prompt apparait et on saisit la valeur... cela MARCHE BIEN SUR FIREFOX MAIS PAS INTERNET EXPLORER... j'ai entendu parler d'un "onchange" dans la balise select ... mais en l'appliquant le prompt apparait meme si on choisit une option différente de "Autres"... alors cela ne m'arrange pas ... y a t il un autre moyen .. si oui, merci de m'informer ...

    merci .

  2. #2
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Je ne pense pas que se soit l'option OnClick qui ne marche mais plutôt le traitement javascript qui n'est pas bien interprété par IE

  3. #3
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 43
    Par défaut
    c'est à dire :
    voici le code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <option value="autres" onclick="return ajouter_option_1()"> Autres</option>
    voci le code javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function ajouter_option_1()
    {
    	frm=document.forms['ajout_etudiant'];
    	var saisie = prompt("Saisissez le type d'organisme: ", "");
    	 if ( saisie !=null) 
    	 {
    		 frm.elements['organisme_typ'].options[frm.elements['organisme_typ'].options.length]= new Option (saisie);
    	 }	 
    }

  4. #4
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Ca doit venir de la :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    frm.elements['organisme_typ'].options[frm.elements['organisme_typ'].options.length]= new Option (saisie);
    Mais ca fait un bail que j'ai pas fait de javascript , donc je peux pas te dire quelle modification tu dois apporter a cette instruction.
    Google te le dira

  5. #5
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Tu trouveras peut etre ton bonheur la dessus :

    Tuto

  6. #6
    Membre éprouvé
    Avatar de flo.87
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2009
    Messages : 77
    Par défaut
    Il est vrai que IE ne reconnait pas l'attribut "onclick" sur les balises <option>

    Le "onchange" de <select> est une bonne chose. Mais il faut que tu teste la valeur courante qui est sélectionnée avant d'afficher le champ. Tu compares :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    this.options[this.selectedIndex].id
    avec l'id de ton champ autre.

  7. #7
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par flo.87 Voir le message
    Il est vrai que IE ne reconnait pas l'attribut "onclick" sur les balises <option>
    +1

    Ni aucun autre évènement d'ailleurs

    A+

  8. #8
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 43
    Par défaut
    merci, je vais le tester mais je suis très optimiste car c'est très logique ce que tu viens de dire .

  9. #9
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 43
    Par défaut
    sa marche bien. seulement que la fenetre du prompt s'affiche pas au centre de l'ecran ... comment faire ??

    merci beaucoup ...

  10. #10
    Membre éprouvé
    Avatar de flo.87
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2009
    Messages : 77
    Par défaut
    Quel est ton code pour générer le champ de prompt ?

    A tous les coups, il est centré sur le composant qui l'a créé ou quelque chose comme ça.

  11. #11
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    43
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 43
    Par défaut
    voici le code javascript

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     function ajouter_option_1()
    {
    	frm=document.forms['ajout_etudiant'];
    	if (frm.elements['organisme_typ'].options[frm.elements['organisme_typ'].options.selectedIndex].value=="autres")
    	{
    	var saisie = prompt("Saisissez le type d'organisme: ", "");
    	 if ( saisie !=null) 
    	 {
    		 frm.elements['organisme_typ'].options[frm.elements['organisme_typ'].options.length]= new Option (saisie);
    	 }	 
    	}
    }

    et voici le code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="organisme_typ" id="organisme_typ" class="combo" onchange="return ajouter_option_1()">

  12. #12
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par flo.87 Voir le message
    A tous les coups, il est centré sur le composant qui l'a créé ou quelque chose comme ça.
    Oui, comme par exemple la fenêtre qui l'appelle

    La position d'un prompt() n'est pas modifiable ...

    A+

Discussions similaires

  1. Un 'selected' dynamique dans <OPTION>
    Par wkhead dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 13/04/2006, 15h38
  2. Selectionner une option dans un select
    Par _beber85 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/04/2006, 16h48
  3. [html/css]coloration des options dans un select
    Par the_edge dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 15h19
  4. [JSP]Erreur de syntaxe dans un tag <option select
    Par logica dans le forum Servlets/JSP
    Réponses: 5
    Dernier message: 03/05/2005, 14h33
  5. Réponses: 8
    Dernier message: 05/05/2004, 16h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo