Discussion :

[BobLunique]

Bonjour,

J'ai un bout de code, qui fonctionne parfaitement sous Firefox, et qui ne fonctionne pas sous IE.

Le bout de code, met a jour un select en fonction d'une reponse du serveur.
J'utilise l'objet Ajax de prototype.

Le probléme :

Le select ne se met pas a jour sous IE, et se met bien a jour FF.
Le select, si je le transforme en div ( si je met une balise div a la place de select ), se met bien a jour


Voici la fonction qui plante, en gras la partie qui nous interesse :

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
function getList()
{
	
	cleanDiv('lselect');
	showLoadingDiv();
	
	var lresultid= getResultId();
	
	new Ajax.Request(
	'<?php echo url_for( 'module/action', true)?>',
		{
			method: 'get',
			parameters: {id: lresultid},
			onSuccess: function(xmlhtt) { $('lselect').innerHTML=xmlhtt.responseText;hideLoadingDiv(); },
			onFailure: function(){ alert('fail'); }
		}//
	);
}

A titre d'info, voici la fonction cleanDiv ( qui vide un div de ses elements, et qui fontionne )

Code :

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

1
2
3
4
5
6
7
8
 
function cleanDiv( divid )
{
	while( $(divid).lastChild )
	{
		$(divid).removeChild( $(divid).lastChild );
	}
}

Quelqu'un aurait une idée ?

[BobLunique]

Aprés avoir compris, que créer un select dynamiquement avec innerHTML, n'etait pas conseillé du tout ( traduction : ne fonctionne pas avec IE )

j'ai essayé de crééer mon select comme suit :

Dans la page traitement.php :

Code :

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

1
2
 
echo '$("lselect").options[$("lselect").options.length] = new Option("'.$year -> getDate('Y').'","'.$year -> getKey().'");';

Dans la fonction d'affichage de la reponse :

Code :

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

1
2
 
eval(xmlhttp.responseText);

Ceci fonctionne sous firefox, mais pas sous IE...

Je recherche une méthode qui fonctionne sous les deux...

si quelqu'un a une idée merci

[BobLunique]

Au cas ou quelqu'un lirait ce post,

Je continue mes essais .... :

Code :

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

1
2
3
4
5
 
optx = document.createElement('option');
optx.setAttribute('value','<?php echo $year -> getKey();?>');
optx.appendChild( document.createTextNode('<?php echo $year -> getDate('Y');?>') );
$("years").appendChild( optx );

EDIT :

Essai suivant ( code généré coté serveur ) :

Code :

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

1
2
opt = new Option('2002', '81', false, false);
$("years").options.add( opt );

Fonctionne sous FF, pas sous IE.

[BobLunique]

A titre d'info, j'ai maintenant essayé de passer par JSON depuis que j'ai vu un autre sujet de developpez .... :


http://www.developpez.net/forums/sho...d.php?t=444966

Code :

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

1
2
3
4
5
6
7
lselect = document.getElementById('years');
loptions = xmlhtt.responseText.evalJSON();
 
for( i=0; i < loptions.length; i++ )
{
lselect.options.add( new Option( loptions[i].opttext, loptions[i].optid, false, false )  );
}

Ce qui est généré par le serveur :

Code :

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

1
2
3
4
 
[{"opttext":"2002","optid":"81"},{"opttext":"2003","optid":"82"},{"opttext":"2004","optid":"83"},{"opttext"
 
:"2005","optid":"84"},{"opttext":"2006","optid":"85"}]

Je trouvais les elements select simple a utiliser.

Je pense que je vais essayer maintenant de refaire le code sans utiliser de select ( des div avec un comportement similaire au select ... )

Néanmoins, j'aimerais bien que quelqu'un me dise pourquoi IE plante sur du code correct. et surtout, existe t'il un moyen qu'un code fonctionne sur toutes les versions d'ie sans passer 450 ans a faire un truc idiot...

maintenant, je vais pleurer un peu, casser un ou deux claviers, et je reposterais une solution... ( si j'en trouve une ... sinon, j'irais casser d'autres hardware... )

[BobLunique]

La suite ... :

J'ai finalement créé des divs avec le comportement d'un select. ( div selectable )

Pour les données serveur, j'ai voulu utiliser JSon ( via prototype ), ça a "evidemment" planté sur IE.

Finalement,
XML + DOM sans select = ok sur FF, IE et safari


Je ne suis pas content d'utiliser DOM + XML, car j'ai remarqué que c'etait plus long sous firefox que l'eval d'une reponse serveur, ou JSON.