Menu select retourne à l'état intial

Version imprimable

29/06/2009, 10h36
midotek

Menu select retourne à l'état intial

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
29/06/2009, 12h29
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)

Merci, le voila
la fonction onChange JS

Code:

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:

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:

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:

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