Discussion :

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

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

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

Le nom d'un groupe de ma bdd:

Code :

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

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 :

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

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

[sekaijin]

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 :

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

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

Le nom d'un groupe de ma bdd:

Code :

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

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 :

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

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 comprit ?

Merci

ben

Code :

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

alert("groupe");

affiche groupe tout comme

Code :

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

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

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

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

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 !

[dukej]

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 :

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

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 !

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.

[SpaceFrog]

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

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

Code :

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

value="valeur avec des espaces"

or dans ton code php tu as :

Code :

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

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

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

Code :

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

<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 :

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

<option value="valeur avec des espace" >

ce qui se redige en php ainsi

Code :

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

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

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

Code :

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

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

ou encore en utilisant les simpes quotes:

Code :

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

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

A toi de choisir la syntaxe avec laquelle tu te sens le plus a l'aise

[sekaijin]

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 php :

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

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 php :

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

[SpaceFrog]

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.

[sekaijin]

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


A+JYT

[SpaceFrog]

je demande juste à php de me générer du code html ...