Discussion :

[dream_of_australia]

Bonjour à tous,

J'ai un souci d'affichage.
Ma page contient plusieurs div : liste des utilisateurs, ajouter un utilisateur et modifier un utilisateur.
Au départ s'affiche la liste des utilisateurs. Si je veux en ajouter un, tout fonctionne, la liste des utilisateurs disparaît et un formulaire d'ajout s'affiche.
Par contre lorsque je veux modifier un utilisateur, un formulaire semblable devrait s'afficher et la liste des utilisateurs disparaître. Or ce formulaire ne s'affiche qu'une fraction de seconde et la page se recharge avec la liste des utilisateurs. Une idée d'où vient le problème ??

Code de la fonction javascript appelée lorsqu'on veut modifier un utilisateur :

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 modifyUser(commercial, agence) {
	var xhr = getXhr();
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			answer = xhr.responseText ;
			document.getElementById('modifieruser').style.display = "block" ;
			document.getElementById('modifieruser').innerHTML = answer ;
			document.getElementById('users').style.display = "none" ;
			document.getElementById('ajouteruser').style.display = "none" ;
		}
	}
	xhr.open("POST","ajaxUsers.php",true);    
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');     
	xhr.send("action=1&idcommercial="+commercial+"&idagence="+agence);
}

Je précise que j'ai la bonne réponse du fichier ajaxUsers.php et que ma fonction getXhr fonctionne également.

Merci à ceux qui prendront le temps de me lire !

[jmulans]

tu ne ferais pas la requete qui permet d'afficher la liste des utilisateur juste apres l'autre par hasard ?

sinon installe l'extension Firebug pour Firefox
ça permet de voir passer les requete Ajax.

tu trouvera peut etre d'ou viens le probleme

[dream_of_australia]

Merci pour ta réponse (super rapide !).
Voici l'ordre que j'ai :
d'abord les fonctions javascript :
newUser
getXhr
modifyUser
existing
ensuite les fonctions php de traitement des formulaires
ensuite la page html

Je n'ai pas l'impression que l'ordre ne soit pas le bon mais je peux me tromper.

Pour l'instant, la liste des utilisateurs s'affiche via la page html de base. Est-ce qu'il faut que je fasse un body onload et que je fasse s'afficher cette liste via ajax ?

Pour le debug de Firefox, je vais essayer, merci pour l'info.

[jmulans]

si la liste des utilisateur ne s'affiche que au chargement de la page, c'est pas une question d'ordre (enfin je pense pas)
le formulaire s'affiche dans le div a la place de la liste ? ou bien ce sont 2 div different ?
parce que là je voit

Code :

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

1
2
3
4
document.getElementById('modifieruser').style.display = "block" ;
document.getElementById('modifieruser').innerHTML = answer ;
document.getElementById('users').style.display = "none" ;
document.getElementById('ajouteruser').style.display = "none" ;

modifieruser et users c'est quoi ?

[dream_of_australia]

users et modifieruser sont les id des div correspondants respectivement à la liste des utilisateurs et au formulaire de modification (celui qui ne s'affiche q'une seconde...)
j'ai <div id='users'>... liste des utilisateurs ... </div>
et en-dessous <div id='modifieruser'>...vide au démarrage, formulaire si l'utilisateur a cliqué sur le bouton de modification ... </div>

[jmulans]

et tu as ce probleme avec IE et FF ? ou seulement IE ?

[xk155]

Ta fonction me semble ok.

Par contre je ne sais pas comment elle est lancée. Peut-être lances-tu deux requêtes à la suite...

-- EDIT --
J'avais pas vu les réponses... C'est un forum les gars, pas un chat !! MDR

Pourquoi n'utilises tu pas un script déjà tout fait qui exécute des "Va chercher et remplace !" en Ajax du type : http://script.aculo.us/

Il dispose d'une fonction Ajax.Updater(); Trés pratique. Fonctionnel sous tous les navigateurs...

[dream_of_australia]

J'ai résolu le problème, mais c'est très étrange, si vous avez une explication à me donner je veux bien ça peut toujours servir.
J'ai changé mon <input type='submit' ... onclick='modifyUser(...)'>
en
<button ... onclick='modifyUser(...)'>Modifier</button>
et ça fonctionne !!!
Je n'y comprends rien...

[jmulans]

je me méfie des type="submit", ça fait toujours des trucs inattendus
je pense que ça soumettais automatiquement ton formulaire

[xk155]

oui, effectivement, ça exécute le script dans le onclick, puis ça soumet le formulaire (normal pour un submit). Tu peux essayer onclick="fonctionjavascript(); return false;". A priori, il mne devrait pas soumettre... Mais ça reste à vérifier...