Data Table et MySQL

Version imprimable

Data Table et MySQL

Bonjour à tous,
Pour commencer je ne sais pas si je suis sur le bon forum, vous pouvez donc déplacer le sujet si nécessaire.

Je viens de télécharger DataTables (http://datatables.net/index) et je rencontre un problème lorsque je lui soumet un tableau issu d'une requête sur ma base, je m'explique :
- lorsque je lui soumet des champs manuellement, aucun problème le tableau s'affiche :
Code:

1 2 3 4 5 6 7 <tbody> <tr> <td>champs1</td> <td>champs2</td> ... </tr </tbody>
- lorsque je lui soumet un tableau issu d'une requete, il me retourne "No data available in table":
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <tbody> <?php include("connexionbd.php"); $requete="Select..."; $resultat=mysql_query($requete) or die ('ERREUR'...); while ($ligne=mysql_fetch_assoc($resultat)) { $champs1=$ligne['Champs1']; $champs2=$ligne['Champs2']; ... echo"<tr> <td>champs1</td> <td>champs2</td> </tr>";} ?> </tbody>
Ce tableau s'affiche pourtant correctement en dehors de DataTables.

Quelqu'un a-t-il une idée?

Exemple complet

Bonjour,
Comme ta requête manque de quelques codes, voici un exemple complet et fonctionnel:

Code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<script type="text/javascript">
// Mise en page du tableau des termes
dom.query(document).ready(function() {
    dom.query('#datatable').dataTable( {
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "sDom": 'T<"clear">lfrtip',
        "oLanguage": {
            "sUrl": "jscripts/datatable/media/js/fr_FR.txt"
        }
    } );
} );
 
</script> 
<?php
//	definitions
$termes=terme::getTabAssocAllLabelsAllType(true);
 
 
//	affichage
echo '<form id="form_add_terme" method="post" action="save_plan.php">
<input type="hidden" name="node" value="plan"/>
<input type="hidden" name="mode" value="add_terme"/>
<input type="hidden" name="idp" value="'.$id_plan.'"/>
<input type="hidden" name="idu" value="'.$id_user.'"/>
<input type="hidden" name="addTerme" value="true"/>
 
<table cellpadding="0" cellspacing="0" id="datatable">
	<thead>
		<tr>
			<th class="col_icone"></th>
			<th>'.gettext('Termes').'</th>
			<th>'.gettext('Termes liés').'</th>
			<th>'.gettext('Type').'</th>
		</tr>
	</thead>
	<tbody>';
 
foreach ($termes as $id_terme => $term) {
	echo '<tr>
		<td class="col_icone"><input type="checkbox" name="add_term_'.$id_terme.'" id="add_term_'.$id_terme.'" class="chkbox_sur_une_ligne"/></td>
		<td>'.$term['intitule'].'</td>
		<td>'.$term['intitules_lies'].'</td>
		<td>'.$term['type_lbl'].'</td>
	</tr>';
}
 
echo '</tbody>
</table>

J'espère que cela pourra t'aider.
Ce code est à manipuler avec la plus grande considération :)

29/01/2013, 13h19
Allegro
Bonjour,
merci pour ta réponse mais je suis un peu largué.
Sur le site DataTables, le "zero configuration" correspond aux lignes suivantes :
Code:

1 2 3 $(document).ready(function() { $('#example').dataTable(); } );
Pourquoi cela ne fonctionne-t-il pas avec un tableau issue d'une requête? Comment l'adapter?

et que signifie cette ligne :
Code:

1 2 // definitions $termes=terme::getTabAssocAllLabelsAllType(true);
De plus je n'ai pas le fichier fr_FR.txt

La bibliothèque Datatable permet la mise en page, de ton tableau html. Son utilisation est simple à la base il faut donner un id a ton tableau

Code:

<table cellpadding="0" cellspacing="0" id="datatable">

pour mon exemple;
et pour toi si tu rajouter ce code jquery a ta page:
Code:

1 2 3 $(document).ready(function() { $('#example').dataTable(); } );
tu devras déclarer :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <table id="example"><tbody> <?php include("connexionbd.php"); $requete="Select..."; $resultat=mysql_query($requete) or die ('ERREUR'...); while ($ligne=mysql_fetch_assoc($resultat)) { $champs1=$ligne['Champs1']; $champs2=$ligne['Champs2']; ... echo"<tr> <td>champs1</td> <td>champs2</td> </tr>";} ?> </tbody>

29/01/2013, 13h31
Allegro

oui l'id de mon tableau est correcte. ça fonctionne lorsque je rempli manuellement les td mais pas lorsque le tableau se rempli par une requete.
29/01/2013, 13h44
SpaceFrog

Citation:

mais pas lorsque le tableau se rempli par une requete.

Du code !!!!

Code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />
 
		<style type="text/css" title="currentStyle">
			@import "../../media/css/demo_page.css";
			@import "../../media/css/demo_table.css";
		</style>
		<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
                        $(document).ready(function() {
                                $('#tablepro').dataTable();
                        } );
                </script>
	</head>
	<body>
		<table cellpadding="0" cellspacing="0" border="0" class="display" id="tablepro" width="100%">
		<thead>
			<tr>
				<th>Code</th>
				<th>Ligne</th>
				<th>Etablissement</th>
				<th>Montant</th>
				<th>Année</th>
				<th>Phase</th>
				<th>Libellé</th>
			</tr>
		</thead>
 
		<tbody>
			<!-- Connection à la base de données -->
			<?php include("connectionBD.php"); ?>
 
			<!-- Requête sur la base de données : sélection des projets -->
			<?php
                        $requete="select * from projet";
                        $resultat=mysql_query($requete) or die ('ERREUR'.mysql_error());
                        while ($ligne=mysql_fetch_assoc($resultat)){
                                $id=$ligne["Id_Pro"];
                                $numli=$ligne["Lig_Pro"];
                                $etab=$ligne["Etab_Pro"];
                                $lib=$ligne["Lib_Pro"];
                                $montant=$ligne["Montant_Pro"];
                                $annee=$ligne["Annee_Pro"];
                                $phase=$ligne["Phase_Pro"];
 
                                echo "
                                <tr>
                                        <td>$id</td>
                                        <td>$numli</td>
                                        <td>$etab</td>
                                        <td>$montant</td>
                                        <td>$annee</td>
                                        <td>$phase</td>
                                        <td>$lib</td>
                                </tr>";} ?>		
		</tbody>
		<tfoot>
			<tr>
				<th>Code</th>
				<th>Ligne</th>
				<th>Etablissement</th>
				<th>Montant</th>
				<th>Année</th>
				<th>Phase</th>
				<th>Libellé</th>
			</tr>
		</tfoot>
	</table>	
	</body>
</html>

29/01/2013, 14h06
SpaceFrog

et que donne le html généré ?

J'ai remarqué une nuance quand je met echo" ou echo " :
- avec echo " => No data available in table
- avec echo" => une seule ligne : $id $numli ...
j'ai essayé de mettre des . ou " mais rien n'y fait, il n' y a toujours qu'une ligne avec ce qui est entre les td affiché : .$id. .$numli. ... ou ".$id." ou ".$numli." ...

e/
Si ça parle à quelqu'un, les codes suivant ne fonctionnent pas non plus :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <tbody> <?php $aze="ber"; echo" <tr> <th>$aze</th> <th>$aze</th> <th>$aze</th> <th>$aze</th> <th>$aze</th> <th>$aze</th> <th>$aze</th> </tr>"; ?> </tbody>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <tbody> <?php $aze="ber"; echo" <tr> <th>.$aze.</th> <th>.$aze.</th> <th>.$aze.</th> <th>.$aze.</th> <th>.$aze.</th> <th>.$aze.</th> <th>.$aze.</th> </tr>"; ?> </tbody>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <tbody> <?php $aze="ber"; echo" <tr> <th>".$aze."</th> <th>".$aze."</th> <th>".$aze."</th> <th>".$aze."</th> <th>".$aze."</th> <th>".$aze."</th> <th>".$aze."</th> </tr>"; ?> </tbody>
et m'affichent dans les cellules respectivement :
$aze $aze $aze $aze
.$aze. .$aze. .$aze. .$aze.
".$aze." ".$aze." ".$aze." ".$aze."

30/01/2013, 17h06
Allegro

Bonjour,
est-il possible que le problème vienne du fait que j'utilise IE8 ?

A priori rien à voir avec le navigateur qui ne fait qu'interpréter le code htlm
qu'il reçoit!
C'est php qui est en cause qui semble ne pas savoir faire un echo proprement ??

Avec ce code là il te dit quoi ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <tbody> <?php $aze="ber"; echo '<tr> <th>'.$aze.'</th> <th>'.$aze.'</th> <th>'.$aze.'</th> <th>'.$aze.'</th> <th>'.$aze.'</th> <th>'.$aze.'</th> <th>'.$aze.'</th> </tr>'; ?> </tbody>

02/02/2013, 18h11
Allegro

J'ai tout repris et ça fonctionne, je ne sais pas où été mon erreur en tout cas merci pour votre aide.