Discussion :

[Pika12]

Bonjour à tous,

J'ai un gros soucis comme le dit le titre:
J'ai fait une fonction AJAX qui remplit un select HTML.
La page

Code :

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

1
2
3
4
5
6
 
<input type="text" onkeyup="listeClient(document.getElementById('resultat'), this);"/>
<div style="position:fixed;">
 <select id="resultat" onClick="alert(this.value);" multiple="multiple">
 </select>
</div>

Le bout de code appelé

Code :

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

1
2
3
4
5
6
 
<c:forEach var="client" items="${listeClient}">
		<option value="<c:out value="${client.codeJuridique}"/>">
			<c:out value="${client.nom}"/>
		</option>
	</c:forEach>

la fonction javascript

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 listeClient(resultat, txtClient){
	var nomClient = txtClient.value;
	if(nomClient.length>1){
		var xhr = getXhr();
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				var reponse = xhr.responseText;
				resultat.innerHTML =reponse;
			}
		}
		xhr.open("POST","listerClient",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("client="+txtClient.value);
	}
}

Tout fonctionne sous firefox (ma liste se rempli et s'affiche); Par contre sous IE (6 et 7) ma liste se rempli mais ne s'affiche pas (je le sais grace à la fonction javascript innerHTML).
plus étrange pour moi c'est que si je pointe sur la div et pas sur le select tout marche ???
Je sais pas si je suis bien clair mais quelqu'un a eu le même problème?

[RomainVALERI]

Oui, c'est un grand classique : innerHTML ne fait pas bon ménage avec les éléments form, select, input, etc., sur certaisn navigateurs notamment IE...

Fais une recherche dans les messages du forum avec "innerHTML" et "DOM" tu devrais avoir beaucoup de lecture passionnante à ce sujet, et il y a aussi des contributions (de SpaceFrog entre autres)

J'ai un peu la flemme (et pas trop le temps aujourd'hui) de te rechercher et placer tous les liens désolé '^^

[Pika12]

Ok! j'avais pas pensé au javascript...
Merci pour l'info je vais chercher ^^

[Pika12]

Effectivement une petite recherche sur le forum vient de me montrer l'étendu du carnage.
Je débute en javascript et DOM, mais ce sujet m'a bien aidé :
http://www.developpez.net/forums/d70...ajax-dom-aide/

Merci à tous