onclick dans option select

Version imprimable

12/03/2009, 12h13
desci

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 .
12/03/2009, 12h38
Katachana

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

c'est à dire :
voici le code html :

Code:

<option value="autres" onclick="return ajouter_option_1()"> Autres</option>

voci le code javascript
Code:

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); } }

12/03/2009, 13h51
Katachana

Ca doit venir de la :

Code:

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 ;)
12/03/2009, 13h57
Katachana

Tu trouveras peut etre ton bonheur la dessus :

Tuto
12/03/2009, 14h07
flo.87

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:

this.options[this.selectedIndex].id

avec l'id de ton champ autre.
12/03/2009, 14h13
E.Bzz

Citation:

Envoyé par flo.87

Il est vrai que IE ne reconnait pas l'attribut "onclick" sur les balises <option>

+1

Ni aucun autre évènement d'ailleurs ;)

A+
12/03/2009, 14h17
desci

merci, je vais le tester mais je suis très optimiste car c'est très logique ce que tu viens de dire .
12/03/2009, 14h56
desci

sa marche bien. seulement que la fenetre du prompt s'affiche pas au centre de l'ecran ... comment faire ??

merci beaucoup ...
12/03/2009, 15h34
flo.87

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.

voici le code javascript

Code:

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:

<select name="organisme_typ" id="organisme_typ" class="combo" onchange="return ajouter_option_1()">

12/03/2009, 16h07
E.Bzz

Citation:

Envoyé par flo.87

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+