Recuperer un champ comportant des espaces

Version imprimable

Bonjour,

Je fais un traitement AJAX sur une page de mon site web qui fonctionne très bien, mais je viens de remarquer une erreur pour un cas, je récupère grâce a:

Code:

var groupe = document.getElementById("groupes").value;

Le nom d'un groupe de ma bdd:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<select id="groupes" name="groupes" onchange='request(readData);'>
			<option value="">--CHOISIR UN GROUPE--</option>
			<?php
                                include("./id/connexion_website.php");
                                $requete_groupes = $bdd->query("SELECT nom FROM groupes");
                                $requete_groupes->execute();
                                while($donnees = $requete_groupes->fetch())
                                {
                                        $groupe = $donnees['nom'];
                                        echo "<option value=".$groupe.">".$groupe."</option>";                  
                                }
                                $requete_groupes->closeCursor();
                        ?>
		</select>

Dans ma liste déroulante, si je sélectionne par exemple "Groupe avec un espace" et que je fais un

Code:

alert("groupe");

cote js, j'obtiens "Groupe", en fait, je ne récupère que les caractères jusqu'au premier espace, comment éviter cela et récupérer la chaine de caractère intégralement, tous caractères confondu ?

Merci

Citation:

Envoyé par student_

Bonjour,

Je fais un traitement AJAX sur une page de mon site web qui fonctionne très bien, mais je viens de remarquer une erreur pour un cas, je récupère grâce a:

Code:

var groupe = document.getElementById("groupes").value;

Le nom d'un groupe de ma bdd:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<select id="groupes" name="groupes" onchange='request(readData);'>
			<option value="">--CHOISIR UN GROUPE--</option>
			<?php
                                include("./id/connexion_website.php");
                                $requete_groupes = $bdd->query("SELECT nom FROM groupes");
                                $requete_groupes->execute();
                                while($donnees = $requete_groupes->fetch())
                                {
                                        $groupe = $donnees['nom'];
                                        echo "<option value=".$groupe.">".$groupe."</option>";                  
                                }
                                $requete_groupes->closeCursor();
                        ?>
		</select>

Dans ma liste déroulante, si je sélectionne par exemple "Groupe avec un espace" et que je fais un

Code:

alert("groupe");

ben

Code:

alert("groupe");

affiche groupe tout comme

Code:

alert("toto");

affiche toto etc.

si tu ne vois pas je te conseil de mettre à la place "Un exemple avec espaces" dans ta base et de recommencer

d'après moi ça doit afficher

=> groupe

A+JYT

11/12/2010, 10h39
SpaceFrog

Voilà a quoi aboutissent de mauvaises habitudes de code ...

une value en html doit être entre quote (grillée et saignante ...)

Code:

value="valeur avec des espaces"

or dans ton code php tu as :

Code:

echo "<option value=".$groupe.">".$groupe."</option>";

qui donne si tu regardes ton code généré

Code:

<option value=valeur avec des espace>

seul le premier mot est pris en compte, les autres étant compris comme des attributs de la balise ...

il faut donc entourer le value avec des guillemets:

Code:

<option value="valeur avec des espace" >

ce qui se redige en php ainsi

Code:

echo "<option value=\"".$groupe."\">".$groupe."</option>";

ou avec interprétation des variable php dans un string entre " "'

Code:

echo "<option value=\"$groupe\">$groupe</option>";

ou encore en utilisant les simpes quotes:

Code:

echo '<option value="'.$groupe.'">'.$groupe.'</option>';

A toi de choisir la syntaxe avec laquelle tu te sens le plus a l'aise
11/12/2010, 10h41
student_
Autant pour moi, j'ai rajoute des double quote, pour éviter le quiproquo, admettons que j'ai dans la liste déroulante

"Voiture rouge"
Code:

1 2 var groupe = document.getElementById("groupes").value; alert(groupe);
Me donne "Voiture"

EDIT:

Merci beaucoup pour ton post très instructif Spacefrog, je vais changer ces mauvaises habitudes en adoptant les doubles et simples quote, qui est la syntaxe qui me parle le plus ! :ccool:

Citation:

Envoyé par SpaceFrog

Voilà a quoi aboutissent de mauvaises habitudes de code ...

voila pourquoi je dis qu'il ne faut pas faire d'écho de code source que ce soit du html ou du js
même si cela parait facile.

il y a des lib qui font ça très bien
Code:

1 2 3 $reponse = new HtmlFragment(); $reponse->option($groupe, array('value' => $groupe)); $reponse->send();
et bien d'autres encore. au pire il y a DOM

j'entends souvent que le code est alors plus verbeux
je vous laisse voir ça avec le code ci dessous et l'original
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $reponse = new HtmlFragment(); $select = $reponse->select(array( id =>"groupes", name =>"groupes"; onchange => 'request(readData);')); $select->option('--CHOISIR UN GROUPE--', array(value => "")); include("./id/connexion_website.php"); $requete_groupes = $bdd->query("SELECT nom FROM groupes"); $requete_groupes->execute(); while($donnees = $requete_groupes->fetch()) { $groupe = $donnees['nom']; $select->option($groupe, array(value => $groupe)); } $requete_groupes->closeCursor(); $reponse->send()
bien sur il y a un moment ou le code html sera généré mais il est dans la lib écrit une seule fois pour toute testé débugué une fois pour toutes
A+JYT

11/12/2010, 11h14
SpaceFrog

Citation:

voila pourquoi je dis qu'il ne faut pas faire d'écho de code source que ce soit du html ou du js
même si cela parait facile.

Cela ne pose pas de problème quand on est sûr de sa syntaxe html
Je n'utilise pas new HtmlFragment(); car je perds alors de vue mon code html.
11/12/2010, 16h20
sekaijin

et du coup tu ne raisonne plus code HTML mais
objet d'IHM php

;)
A+JYT
11/12/2010, 18h18
SpaceFrog

je demande juste à php de me générer du code html ...
12/12/2010, 08h50
dukej
Citation:
Envoyé par student_

Autant pour moi, j'ai rajoute des double quote, pour éviter le quiproquo, admettons que j'ai dans la liste déroulante

"Voiture rouge"

Code:

1 2 var groupe = document.getElementById("groupes").value; alert(groupe);

Me donne "Voiture"

EDIT:

Merci beaucoup pour ton post très instructif Spacefrog, je vais changer ces mauvaises habitudes en adoptant les doubles et simples quote, qui est la syntaxe qui me parle le plus ! :ccool:
Surtout surtout, quand tu fais du PHP, au final tu as un format de sortie, ici c'est le HTML. Donc règle numéro 1, il faut d'abord que ton HTML soit propre en sortie avant d'aller t'amuser à faire autre chose. Tu as des validateurs tels que HTML Validator qui est une extension pour firefox, et là tu verrais tout de suite tes erreurs, mais pas toutes tes erreurs.

Le mieux, c'est d'afficher le code source de ta page une fois qu'elle est générée par le PHP et là tu pourras te rendre compte de tes erreurs.