Discussion :

[Sikko]

Salut tout le monde
Je débute en ajax et voici mon problème:

J'ai un formulaire et j'aimerais que les input se colorent soit en rouge soit en vert en fonction de ce qu'on y entre.
Par exemple si le pseudo entré est valide, alors le champ se colore en vert; et vice versa.
Seulement, j'ignore comment traiter la réponse envoyée par ma page php:
j'utilise responseText, ajax me retourne donc une chaine. Dans cette chaine figure le message qui s'affiche (exemple "pseudo trop court").
Mais j'aimerais y faire aussi figurer l'état de la réponse, si c'est une réponse positive, ou négative...

Voilà j'espère m'être fait comprendre.
Merci d'avance a++

[jmulans]

et si tu retournais simplement "true" ou "false" ?

[Sikko]

Oui je pourrais tout aussi bien, mais le problème c'est comment je transmets le message maintenant ?
En effet la réponse doit retourner 2 infos:

-d'une part le message (exemple: pseudo trop court)
-d'autre part, l'état (où on pourrait mettre true et false)

Mon problème c'est que je ne sais pas comment "séparer" ma réponse en 2 "sous-réponses".

[vacknov]

Ok
Imaginons le fichier php traitant les informations comme suite:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
$resultat1="Vous devez....";
$resultat2="true...";
 
$sortie=$resultat1;
$sortie.="*"; // un caractère ou separateur
$sortie.=$resultat2
 
echo utf8_encode($sortie.);
?>

ce fichier renvois :"Vous devez ...* true";

traitant la sortie

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
 
 
xhr.onreadystatechange = function()
    {
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     var ch=xhr.responseText; // recuparation du resultat
alert(ch);
     var P=ch.indexOf('*'); // position du caratcère "*" dans la chaine
            if(P!=-1) // si l'element est bien dans la chaine p est dif de -1
           {
     var message1=ch.substring(0,p); // extraction avant "*"
     var message1=ch.substring(P+1,ch.length);// extraction de qui vient après "*"
          }	 
   }
    }

volia comment tu peux proceder.

[Sikko]

D'accord, merci pour ta solution, je teste ça tout de suite.
Au passage, n'existe t-il pas un autre moyen de transmettre 2 infos en une seule fonction ?
Car je propose de séparer une réponse en 2 mais j'ignore s'il existe une solution plus adaptée (même si elle n'a peut être rien à voir avec celle ci...)

[jmulans]

a ce moment là, le mieux c'est de passer ta réponse en XML

[Sikko]

Yes ça marche merci pour votre aide

Voici ma solution pour ceux que ça intéresserait:

Le PHP:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$buffer = "<?xml version=\"1.0\" ?>";
	$buffer .= "<reponse><message>Bonjour 0</message>";
	$buffer .= "<message>Bonjour 1</message>";
	$buffer .= "<message>Bonjour 2</message>";
	$buffer .= "<message>Bonjour 3</message>";
	$buffer .= "<message>Bonjour 4</message></reponse>";
 
	header("Content-Type: text/xml"); 
	echo $buffer;

Le html:

Code :

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

reponse.getElementsByTagName("message")[3].firstChild.nodeValue //pour la reponse numero 3 par exemple...

[Sikko]

Euh j'ai encore un petit problème:
Avec le getElementsByTagName(), ça fonctionne.
Maintenant, si je veux mettre un getElementById(), firefox me dit

Erreur : reponse.getElementById is not a function

voici mon code:

Le html:

Code :

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

1
2
reponse = clean(xhr.responseXML.documentElement);
alert(reponse.getElementById("message").firstChild.nodeValue);

*

Le php:

Code :

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

1
2
3
4
5
6
$buffer = "<?xml version=\"1.0\" ?>";
	$buffer .= "<div id='message'>Bonjour</div>";
	$buffer .= "<div id='message2'>Bonjour2 !!!</div>";
 
	header("Content-Type: text/xml"); 
	echo $buffer;

[jmulans]

getElementById ça s'utilise sur les element HTML comme ça

Code :

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

<div id="paf">paf</id>

Code :

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

document.getElementById("paf").innerHTML = "pouf";

[E.Bzz]

En tous cas, si ça fonction en XML, faut pas oublier de lettres

Code :

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

alert(response.getElementById("message").firstChild.nodeValue);

[Sikko]

Pour le "reponse" c'est normal, c'est juste un nom de variable j'aurais aussi bien pu mettre "lala".
jmulans, si je veux récupérer ce qu'il y a dans une balise, je fais

Code :

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

1
2
3
 
var mavariable = document.getElementById("paf").innerHTML;
alert(mavariable);

??

[jmulans]

dans une balise XML ? bah non tu utilise getElementsByTagName

[Sikko]

Et il n'y a pas d'autre moyen, pour récupérer des éléments en XML, que d'utiliser getElementsByTagName ?

[jmulans]

pourquoi tu voudrais un autre moyen ? il est tres bien celui là

[Sikko]

Bein le problème avec getElementByTagName, c'est que tu dois tout le temps pécifier lequel tu veux entre crochets... et c'est source d'erreur... si tu te trompes d'un numéro, ton code plante...

[jmulans]

bah oui, c'est ballot
pourquoi tu te tromperais de numero ?

[Sikko]

Nan je sais pas c'est juste que c'est plus source d'erreur que GetElementById, mais apparemment, c'est pas possible... donc je vais me contenter de TagName.
Merci a++

[jmulans]

et puis de toute façon, en XML tu peut avoir plusieurs balises du meme nom
donc getElementById c'est impossible