Discussion :

[kosowski]

Bonjour,
j'ai un ptit script que j'ai effectuer qui marche très bien sous MOZILLA et OPERA mais pas du tout sous IE.

Ce script est censé copier plusieur <option> d'une liste et les copier à la fin dans ma page ou se trouve mon <select>.

Voici ma page default.aspx:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table width="300" border="0" cellpadding="0" cellspacing="0">
		    <tr><td height="10">                                                                        </td></tr>
		    <tr><td height="20"><b>Saisie de la commune</b>                                             </td></tr>
		    <tr><td height="20">
		        <input id="commune_saisie" onkeydown="dotest2();" type="text" size="38">                 
		                                                                                                </td></tr>
		    <tr><td height="10">                                                                        </td></tr>
		    <tr><td height="20"><b>Commune recherchée</b>                                               </td></tr>
		    <tr><td height="20">		        
		        <select id="commune_recherchee" size="6" style="width:260px"></select>
		    </td></tr>
</table>

Voici ma page Default.js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
function dotest2() 
{
    var timer = null;
 
    if(timer != null) {
        clearTimeout(timer);
        }
    timer = setTimeout(commune, 300);		
}
function commune()
{
    var commune_saisie = document.getElementById("commune_saisie");
    if(commune_saisie.value.length>1)
    {
        WebSite1.Methods.retourne_communes_recherchee(commune_saisie.value, commune_callback);
    }
    else
    {
        commune_callback(null);
    }
}
function commune_callback(res)
{
    var commune_recherchee = document.getElementById("commune_recherchee");
    var s = "";
    var d = "";
 
    if(res!=null)
    {
        for(var i=0;i<res.value.length;i++)
        {
            s = s + "<option onclick='selection_commune_recherche();' value='"+ res.value[i] +"'>"+ res.value[i] +"</option>";
 
 
        }  
    }
 
      commune_recherchee.innerHTML = s;
 
 
}

Comme je vous l'ai dit cela marche très bien sous Mozilla mais pas du tout sous IE. Est ce que quelqu'un pourrait m'aider?

[Bovino]

Avant d'aller plus loin dans ton code, juste un truc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var timer = null;
 
    if(timer != null) {
        clearTimeout(timer);
        }

Le if sert à quoi puisque tu viens de mettre timer = null ???
Ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

timer = setTimeout(commune(), 300);

Est plus conforme...

[kosowski]

ah merci c'est gentil mais c'est pas ça le soucis :/

[kosowski]

apparemment, il y aurait de fortes erreurs chez ie...
Voici l'article qui m'a aidé
http://support.microsoft.com/kb/276228/fr

Voila ce que j'ai fait pour que ça marche:

dans ma page default.aspx: ( j'ai mis un div à la place d'un select)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="commune_recherchee"></div>

dans ma page Default.js:
( je rajoute carrément le <select> dans le innerHtml qui vient se mettre dans le id du DIV )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function commune_callback(res)
{
    var commune_recherchee = document.getElementById("commune_recherchee");
    var s = "";
    var d = "";
 
    if(res!=null)
    {
        for(var i=0;i<res.value.length;i++)
        {
            s = s + "<option onclick='javascript:selection_commune_recherche();' value='"+ res.value[i] +"'><a href=http://www.google.fr target=_blank>"+ res.value[i] +"</a></option>";                        
        }  
    }
 
    s = '<select id="cummune_a_trouvee" size=6 style=width:260px>' + s + '</select>';
    commune_recherchee.innerHTML = s;
}

[kosowski]

Par contre j'ai un autre problème,
(dans mon code JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

s = s + "<option onclick='javascript:selection_commune_recherche();' value='"+ res.value[i] +"'><a href=http://www.google.fr target=_blank>"+ res.value[i] +"</a></option>";

j'arrive pas à faire marcher ni ma fonction selection_commune_recherche() ni le <a href

Quelqu'un aurait peut être une idée?

[Auteur]

rhaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa innerHTML pour ajouter des options dans un select

Utilise les fonctions DOM !! Voilà un exemple :
http://www.developpez.net/forums/sho...d.php?t=285048


Maintenant, tu ne peux placer que du texte entre les balises <option> et rien d'autre.
L'événement onclick ne fonctionne pas sur les balises option. Utilise onchange sur la balise select.

[kosowski]

Ah Merci, pour cette réponse clair et rapide.

rhaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa innerHTML pour ajouter des options dans un select

L'événement onclick ne fonctionne pas sur les balises option. Utilise onchange sur la balise select.

Euh, bah pourtant dans FireFox, ça marche

[Auteur]

Euh, bah pourtant dans FireFox, ça marche

moui, c'est vrai... c'est une exception