Discussion :

[simhoney]

Bonjour,

Voici mon soucis, j'ai une page dans laquelle je charge au démarrage un tableau via AJAX. J'utilise donc un fichier PHP annexe dans lequel je fais ma requête et je construit mon tableau. La partie ajax est simplement un $(div).load(file.php). Et lorsque je charge ma page, les données se retrouvent au dessus des entêtes du tableau, c'est bizarre et je n'arrive pas à voir ce qui cloche

Voici mon code PHP :

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
17
18
19
20
21
22
23
24
25
26
 
function display($string){
    echo htmlentities($string,ENT_QUOTES,'ISO-8859-1');
}
include '../verif.php';
include '../condb.php';
$code = $_SESSION['code'];
$sql=mysql_query("SELECT * FROM commandes WHERE Code='".$code."'");
echo "<table>";
echo "<tr>";
echo "<th>Ref.</th>";
echo "<th>Désignation</th>";
echo "<th>Prix</th>";
echo "<th>Quantité</th>";
echo "</tr>";
while($data=mysql_fetch_array($sql)){
    echo "<tr>";
    echo "<td>".display($data['Reference'])."</td>";
    echo "<td>".display($data['Designation'])."</td>";
    echo "<td>".display($data['Prix'])."</td>";
    echo "<td>".display($data['Quantite'])."</td>";
    echo "</tr>";
    echo "<br>";
}
/*echo "</tbody>";*/
echo "</table>";

Merci d'avance pour votre aide

[Celira]

Une bonne pratique consiste à utiliser les balises <thead> et <tbody> pour différencier l'entête des données. Et au passage, tu n'as pas besoin d'ajouter un <br> à la fin d'une ligne (ça a tendance à rajouter les sauts de lignes après le tableau n'importe comment, ce qui n'est pas franchement le but de l'opération...)

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
function display($string){
    echo htmlentities($string,ENT_QUOTES,'ISO-8859-1');
}
include '../verif.php';
include '../condb.php';
$code = $_SESSION['code'];
$sql=mysql_query("SELECT * FROM commandes WHERE Code='".$code."'");
echo "<table>";
// entête
echo "<thead>"; 
echo "<tr>";
echo "<th>Ref.</th>";
echo "<th>Désignation</th>";
echo "<th>Prix</th>";
echo "<th>Quantité</th>";
echo "</tr>";
echo "</thead>";
// corps
echo "<tbody>";
while($data=mysql_fetch_array($sql)){
    echo "<tr>";
    echo "<td>".display($data['Reference'])."</td>";
    echo "<td>".display($data['Designation'])."</td>";
    echo "<td>".display($data['Prix'])."</td>";
    echo "<td>".display($data['Quantite'])."</td>";
    echo "</tr>";
}
echo "</tbody>";
echo "</table>";

[sabotage]

Est-ce que cela fait la même chose en dehors de ton Ajax ?

Ton problème ressemble à ce que tu obtiens quand tu as un tableau HTML mal formé.
Ton <br> n'a pas a être là, c'est peut être lui qui provoque ça.

[simhoney]

Salut,

Merci d'avoir répondu si vite, pour ce qui est des balises thead et tbody, je les ai utilisé pour voir si ça changeait quelque chose, mais ça ne change rien. Par contre quand j'ai retiré le <br>, les infos s'affiche à la suite au lieu de s'afficher en dessous l'une de l'autre. Si je fais ce tableau en HTML direct, il n'y a pas de soucis, car en fait je refais un page que j'avais déjà fait, mais en essayant d'optimiser l'ergonomie (grâce à ajax et jquery entre autre).

C'est d'ailleurs pour ça que j'ai demandé de l'aide, parce que réaliser un tableau n'est pas compliqué, mais quand on a ce genre de comportement du code, là je ne suis pas assez calé pour comprendre

merci

[simhoney]

Sabotage,

Oui c'est exactement la même chose en dehors d'AJAX... Je ne comprend vraiment pas ce qui cloche... J'ai même essayé dans un autre navigateur que Chrome, on ne sait jamais, mais ça n'est pas la source du problème.

[armel18]

en fait ta fonction d'échappement doit faire un return pour pouvoir l'afficher à l'aide de echo dans ton code. Tu as besoin juste de ça:

Code php :

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

1
2
3
4
 
function display($string){
    return htmlentities($string,ENT_QUOTES,'ISO-8859-1');
}

[simhoney]

Génial Armel18 ! Merci c'est nickel,

Comme je le disais plus haut je ne suis pas assez calé donc un grand merci et j'en ai encore appris un peu plus grâce à vous

Merci beaucoup