Discussion :

[midotek]

Bonjour,
je suis en train de développer des interfaces graphiques en HTML en utilisant ajax pour les rendre interactives.
mon problème est sur tous les navigateurs sauf IE, quand je sélectionne un élément sur la liste, après la génération du code de sous liste avec ajax, la première liste retourne à l'état initiale, ce que perturbe l'utilisateur et il ne sait plus il est sur quel niveau...
je donne un exemple
Liste des pays:
-Pays
-France
-USA
-Malie
si je sélectionne France, ajax génère la sous liste:
Liste des province:
-Province
-Ile de france
-Nord
mais sur la liste des pays, la France n'est plus sélectionné il retourne sur Pays. voila je veux savoir comment résoudre ce problème merci pour votre aide

[RomainVALERI]

Il nous faudrait voir un peu le code qui fait ce que tu décris : html* + js notamment ^^

* edit : je parlais du code généré par php bien entendu ^^ (voir règles du forum si tu veux en comprendre les raisons)

[midotek]

Merci, le voila
la fonction onChange JS

Code :

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

1
2
3
4
5
6
7
function changeList(level) {
		var idFather;
		idFather = getSelectedElement(level-1);
		sendQuery(idFather,level);	
		deleteElement(level);
 
}

la fonction AJAX sendQuery:

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
function sendQuery(idFather,level) { 
	var requeteHttp=new_xhr(); 
	if (requeteHttp==null) { 
		alert("Impossible d'utiliser Ajax sur ce navigateur"); 
	}
	else {
		requeteHttp.open('POST', 'application/post.php', true); 
		requeteHttp.onreadystatechange= function(){
			getQuery(requeteHttp);
			};
		requeteHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		requeteHttp.send('level=' +level+'&idFather='+idFather);			
 
	}
	return; 
}

la fonction getQuery pour afficher la liste générer par une fonction php :

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 getQuery(requeteHttp) {
	var codeHTML;
	var chainne;
	if (requeteHttp.readyState==4) {
		if (requeteHttp.status==200) {
			codeHTML = requeteHttp.responseText;
			chainne = codeHTML.substr(0,4); 
			if(chainne == '<div'){
				document.getElementById('table').innerHTML += codeHTML;
				document.getElementById('sheet').value = '';
				}
			else{
				codeHTML = '<input type="text" size="14" value="'+codeHTML+'">';
				document.getElementById('sheet').innerHTML = codeHTML;	
				}
			}
	}
}

voila tous les fonctions JS/AJAX !

désolé, j'ai oublie de mettre le code HTML, la page index

Code :

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

1
2
3
4
5
6
7
	<div id="table">
 
 
	</div>
	<div id="add"></div>
	<br>
	<div id="sheet"></div>

les fonctions php est pour généré le HTML