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.