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 ?

[dream_of_australia]

Sous IE : le formulaire ne s'affiche qu'une fraction de seconde puis la page a l'air d'être rechargée.
Sous Firefox : le formulaire ne s'affiche même pas...

J'ai installé l'extension de debug dont tu m'as donné le lien, je suis en train de regarder ça.

[jmulans]

c'est assez bizarre comme truc
dans firebug dans les option coche "showXMLHttpRequest" comme ça tu verra passer tes requetes ajax, et meme leurs resultats

ça aide vachement pour debuguer

[dream_of_australia]

J'ai 3 erreurs selon les moments. Est-ce que tu saurais comment conserver l'affichage de l'erreur ? J'ai eu du mal à prendre la première qui apparaît et disparaît aussitôt.

Erreur 1 :

Code :

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

1
2
3
 
POST http://www.foximmo.co.uk/admin/ajaxUsers.php (94 ms)users.php (ligne 69)
[Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.status]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: http://www.foximmo.co.uk/admin/users.php :: anonymous :: line 56" data: no]

ligne 69 : xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ligne 56 : xhr.onreadystatechange = function(){

Erreur 2 :

Code :

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

1
2
3
4
 
document.getElementById("users") has no properties
onreadystatechange()users.php (ligne 58)
[Break on this error] document.getElementById('users').style.display = "none" ;

ligne 58 : answer = xhr.responseText ;

Erreur 3 :

Code :

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

1
2
 
modifyUser is not defined

J'avoue que j'ai du mal à décrypter ces messages d'erreurs... Je pense que c'est la première qui est à l'origine du bug, puisqu'elle ne s'affiche qu'une fraction de seconde.
Pour l'erreur 1, je nage complètement.
Pour la 2, je ne comprends pas, quelles properties est supposé avoir un div ??
Pour la 3, il me semble pourtant que modifyUser est bien définie...

[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...