Discussion :

[Allegro]

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 :

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

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 :

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

[tigunn]

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

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

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

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

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 :

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

1
2
//	definitions
$termes=terme::getTabAssocAllLabelsAllType(true);

De plus je n'ai pas le fichier fr_FR.txt

[tigunn]

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 :

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

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

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

Code :

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

1
2
3
$(document).ready(function() {
				$('#example').dataTable();
			} );

tu devras déclarer :

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

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

[SpaceFrog]

mais pas lorsque le tableau se rempli par une requete.

Du code !!!!

[Allegro]

Code html :

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

[SpaceFrog]

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

[Allegro]

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

[Allegro]

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

[SpaceFrog]

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

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

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>

[Allegro]

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