flexigrid pour tableau dynamique

Version imprimable

1 pièce(s) jointe(s)

Bonsoir,

Je suis débutant en javascript et php. J'ai quelques petit soucis avec flexigrid : http://www.flexigrid.info/ pour afficher mon tableau dynamique, j'ai tester plusieurs trucs mais ...rien. Voici mes codes:
Le fichier javascript "tab_appel.js" pour afficher mon tableau

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
$(function() {
	$(".tab_appel").flexigrid({
	url:  'gest_appels_tableau.php',
	dataType: 'json',
 
	colModel : [
		{display: 'Numéro', name : 'id_appel', width : 40, sortable : true, align: 'left'},
		{display: 'Numéro', name : 'num_appelant', width : 100, sortable : true, align: 'left'},
		{display: 'Nom', name : 'nom_demandeur', width : 100, sortable : true, align: 'left'},
		{display: 'Service', name : 'service', width : 100, sortable : true, align: 'left'}
	],
 
	buttons : [
		{name: 'Ajouter', bclass: 'add', onpress : doCommand},
		{name: 'Supprimer', bclass: 'delete', onpress : doCommand},
		{separator: true}
	],
 
	searchitems : [
		{display: 'ID', name : 'id'},
		{display: 'Site', name : 'site', isdefault: true},
		{display: 'Type', name : 'type'}
	],
 
	sortname: "id",
	sortorder: "asc",
	usepager: true,
	title: "Liste des Appels",
	useRp: true,
	rp: 10,
	showTableToggleBtn: false,
	resizable: false,
	width: 800,
	height: 300,
	singleSelect: true
	});
});
 
function doCommand(com, grid) {
	if (com == 'Ajouter') {
		$('.trSelected', grid).each(function() {
			var id = $(this).attr('id');
			id = id.substring(id.lastIndexOf('row')+3);
			alert("Ajouter row " + id);
			});
	} 
	else if (com == 'Delete') {
		$('.trSelected', grid).each(function() {
			var id = $(this).attr('id');
			id = id.substring(id.lastIndexOf('row')+3);
			alert("Delete row " + id);
			});
		}
}

Le fichier php dans lequel je souhaite afficher mon tableau:

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
75
76
77
78
79
80
<!DOCTYPE html>
<?php
			// Connect to MySQL database
			mysql_connect('localhost', 'root', '');
			mysql_select_db('gestbdd');
			$page = 1; // La Page Actuelle
			$sortname = 'id_appel'; // Trier la colonne par ID
			$sortorder = 'asc'; // Trier la colonne
			$qtype = ''; // Rechercher la colonne
			$query = ''; // Rechercher la chaine
			// -----------------Commandes Identiques pour tous les tableaux, ne pas toucher -----------------------------
			// Obtention des données publiées
			if (isset ($ _POST ['page'])) {
			$ Page = mysql_real_escape_string ($ _POST ['page']);
			}
			if (isset ($ _POST ['sortName'])) {
			$ SortName = mysql_real_escape_string ($ _POST ['sortName']);
			}
			if (isset ($ _POST ['ordre de tri'])) {
			$ Sortorder = mysql_real_escape_string ($ _POST ['ordre de tri']);
			}
			if (isset ($ _POST ['qtype'])) {
			$ Qtype = mysql_real_escape_string ($ _POST ['qtype']);
			}
			if (isset ($ _POST ['query'])) {
			$ Query = mysql_real_escape_string ($ _POST ['query']);
			}
			if (isset ($ _POST ['rp'])) {
			$ Rp = mysql_real_escape_string ($ _POST ['rp']);
			}
			// Configuration pour le trie et la recherche des données SQL publiées
			$sortSql = "order by $sortname $sortorder";
			$searchSql = ($qtype != '' && $query != '') ? "where $qtype = '$query'" : '';
			// ---------Fin commandes Identiques-------------------------------------------------------------------------
			// Récupération du nombre de total d'enregistrements
			$sql = "select count(*)
			from appels
			$searchSql";
			$result = mysql_query($sql);
			$row = mysql_fetch_array($result);
			$total = $row[0];
			// Configuration de la pagination des données SQL
			$pageStart = ($page-1)*$rp;
			$limitSql = "limit $pageStart, $rp";
			// Retour des données JSON
			$data = array();
			$data['page'] = $page;
			$data['total'] = $total;
			$data['rows'] = array();
			$sql = "select id_appel, num_appelant, date_appel, nom_demandeur, services from appels
			$searchSql
			$sortSql
			$limitSql";
			$results = mysql_query($sql);
			while ($row = mysql_fetch_assoc($results))
			{
				$data['rows'][] = array('id' => $row['id'],'cell' => array($row['id_appel'], $row['num_appelant'], $row['nom_demandeur'], $row['service']));
			}
			echo json_encode($data);
?>
 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Titre -->
		<title>Gestion des Appels</title>
		<!-- Appel du css pour la page html + Menu -->
		<link href="../css/template_formulaires.css" rel="stylesheet" type="text/css" />
		<!-- Appel du css pour le tableau eyedatagrid -->
		<link href="../css/flexigrid.css" rel="stylesheet" type="text/css" />
		<!-- Appel des divers scripts -->
		<script type="text/javascript" src="../javascript/menu.js"></script> <!-- Fichier javascript pour le changement de couleur du texte du MENU -->
		<script type="text/javascript" src="../javascript/flexigrid.js"></script> <!-- Script d'affichage de tableau -->
		<script type="text/javascript" src="../javascript/tab_appel.js"></script> <!-- Script d'affichage de tableau -->
	</head>
 
	<body>
		<table id="tab_appel"></table>
	</body>
</html>

Voici l'appercu de la table appels:
http://www.developpez.net/forums/att...1&d=1334086151

Merci de votre aide

Maxredphenix

11/04/2012, 07h52
Bovino

Citation:

J'ai quelques petit soucis

C'est certainement pas ça qui va nous permettre de t'aider...

Sois plus explicite sur ce qui ne va pas : ce que tu souhaiterais faire, ce que tu obtiens, ce que te dis la console d'erreur (Firebug par exemple), bref, donne des informations !
12/04/2012, 21h15
maxredphenix

1 pièce(s) jointe(s)
Bonsoir,

Merci pour ta réponse. Je suis désolé c'est vrai que j'aurais du mettre un screenshot de l'erreur que voici:
http://www.developpez.net/forums/att...1&d=1334257976

Ce qui correspond à cette ligne:
Code:

1 2 // Obtention des données publiées if (isset ($ _POST ['page'])) {
Encore merci

maxrephenix
13/04/2012, 08h18
Bovino

Tu ne remarques pas que tu as mis un espace entre $ et _POST ?

Merci pour réponse,

J'avais même pas fait gaffe à l'espace, le code de base je l'ai repris sur un tuto (qui devait pas fonctionner du coup :?)

Par contre j'ai maintenant une erreur en ligne 14 alors que je viens de supprimer tous les espaces:

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
75
76
77
78
79
80
<!DOCTYPE html>
<?php
			// Connect to MySQL database
			mysql_connect('localhost', 'root', '');
			mysql_select_db('gestspie');
			$page = 1; // La Page Actuelle
			$sortname = 'id_appel'; // Trier la colonne par ID
			$sortorder = 'asc'; // Trier la colonne
			$qtype = ''; // Rechercher la colonne
			$query = ''; // Rechercher la chaine
			// -----------------Commandes Identiques pour tous les tableaux, ne pas toucher -----------------------------
			// Obtention des données publiées
			if (isset ($_POST ['page'])) {
			$ Page = mysql_real_escape_string ($_POST ['page']);
			}
			if (isset ($_POST ['sortName'])) {
			$ SortName = mysql_real_escape_string ($_POST ['sortName']);
			}
			if (isset ($_POST ['ordre de tri'])) {
			$ Sortorder = mysql_real_escape_string ($_POST ['ordre de tri']);
			}
			if (isset ($_POST ['qtype'])) {
			$ Qtype = mysql_real_escape_string ($_POST ['qtype']);
			}
			if (isset ($_POST ['query'])) {
			$ Query = mysql_real_escape_string ($_POST ['query']);
			}
			if (isset ($_POST ['rp'])) {
			$ Rp = mysql_real_escape_string ($_POST ['rp']);
			}
			// Configuration pour le trie et la recherche des données SQL publiées
			$sortSql = "order by $sortname $sortorder";
			$searchSql = ($qtype != '' && $query != '') ? "where $qtype = '$query'" : '';
			// ---------Fin commandes Identiques-------------------------------------------------------------------------
			// Récupération du nombre de total d'enregistrements
			$sql = "select count(*)
			from appels
			$searchSql";
			$result = mysql_query($sql);
			$row = mysql_fetch_array($result);
			$total = $row[0];
			// Configuration de la pagination des données SQL
			$pageStart = ($page-1)*$rp;
			$limitSql = "limit $pageStart, $rp";
			// Retour des données JSON
			$data = array();
			$data['page'] = $page;
			$data['total'] = $total;
			$data['rows'] = array();
			$sql = "select id_appel, num_appelant, date_appel, nom_demandeur, services from appels
			$searchSql
			$sortSql
			$limitSql";
			$results = mysql_query($sql);
			while ($row = mysql_fetch_assoc($results))
			{
				$data['rows'][] = array('id' => $row['id'],'cell' => array($row['id_appel'], $row['num_appelant'], $row['nom_demandeur'], $row['service']));
			}
			echo json_encode($data);
?>
 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Titre -->
		<title>Gestion des Appels</title>
		<!-- Appel du css pour la page html + Menu -->
		<link href="../css/template_formulaires.css" rel="stylesheet" type="text/css" />
		<!-- Appel du css pour le tableau eyedatagrid -->
		<link href="../css/flexigrid.css" rel="stylesheet" type="text/css" />
		<!-- Appel des divers scripts -->
		<script type="text/javascript" src="../javascript/menu.js"></script> <!-- Fichier javascript pour le changement de couleur du texte du MENU -->
		<script type="text/javascript" src="../javascript/flexigrid.js"></script> <!-- Script d'affichage de tableau -->
		<script type="text/javascript" src="../javascript/tab_appel.js"></script> <!-- Script d'affichage de tableau -->
	</head>
 
	<body>
		<table id="tab_appel"></table>
	</body>
</html>

Erreur:
Parse error: syntax error, unexpected T_STRING, expecting T_VARIABLE or '$' in C:\wamp\www\Monsite\php\gest_appels_tableau.php on line 14

1 pièce(s) jointe(s)

En regardant sur le site de flexigrid j'ai réussi à enlever ces erreurs:
http://code.google.com/p/flexigrid/w...dDocumentation

Par contre de nouvelles erreurs apparaissent mais elles viennent de l’intérieur de fichiers de flexigrid:

Et voila donc le code qui donne tout cela:

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
75
76
77
78
79
80
81
<!DOCTYPE html>
<?php
			// Connect to MySQL database
			mysql_connect('localhost', 'root', '');
			mysql_select_db('gestspie');
			$page = 1; // La Page Actuelle
			$sortname = 'id_appel'; // Trier la colonne par ID
			$sortorder = 'asc'; // Trier la colonne
			$qtype = ''; // Rechercher la colonne
			$query = ''; // Rechercher la chaine
			// -----------------Commandes Identiques pour tous les tableaux, ne pas toucher -----------------------------
			// Obtention des données publiées
			if (isset($_POST['page'])) {
				$page = mysql_real_escape_string($_POST['page']);
			}
			if (isset($_POST['sortname'])) {
				$sortname = mysql_real_escape_string($_POST['sortname']);
			}
			if (isset($_POST['sortorder'])) {
				$sortorder = mysql_real_escape_string($_POST['sortorder']);
			}
			if (isset($_POST['qtype'])) {
				$qtype = mysql_real_escape_string($_POST['qtype']);
			}
			if (isset($_POST['query'])) {
				$query = mysql_real_escape_string($_POST['query']);
			}
			if (isset($_POST['rp'])) {
				$rp = mysql_real_escape_string($_POST['rp']);
			}
			// Configuration pour le trie et la recherche des données SQL publiées
			$sortSql = "order by $sortname $sortorder";
			$searchSql = ($qtype != '' && $query != '') ? "where $qtype = '$query'" : '';
			// ---------Fin commandes Identiques-------------------------------------------------------------------------
			// Récupération du nombre de total d'enregistrements
			$sql = "select count(*)
			from appels
			$searchSql";
			$result = mysql_query($sql);
			$row = mysql_fetch_array($result);
			$total = $row[0];
			// Configuration de la pagination des données SQL
			$pageStart = ($page-1)*$rp;
			$limitSql = "limit $pageStart, $rp";
			// Retour des données JSON
			$data = array();
			$data['page'] = $page;
			$data['total'] = $total;
			$data['rows'] = array();
			$sql = "select id_appel, num_appelant, date_appel, nom_demandeur, services from appels
			$searchSql
			$sortSql
			$limitSql";
			$results = mysql_query($sql);
			while ($row = mysql_fetch_assoc($results))
			{
				$data['rows'][] = array('id' => $row['id'],'cell' => array($row['id_appel'], $row['num_appelant'], $row['nom_demandeur'], $row['service']));
			}
			echo json_encode($data);
?>
 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Titre -->
		<title>Gestion des Appels</title>
		<!-- Appel du css pour la page html + Menu -->
		<link href="../css/template_formulaires.css" rel="stylesheet" type="text/css" />
		<!-- Appel du css pour le tableau eyedatagrid -->
		<link href="../css/flexigrid.css" rel="stylesheet" type="text/css" />
		<!-- Appel des divers scripts -->
		<script type="text/javascript" src="../javascript/menu.js"></script> <!-- Fichier javascript pour le changement de couleur du texte du MENU -->
		<script type="text/javascript" src="../javascript/jquery-1.7.1.min.js"></script> <!-- Script JQUERY minifiée--
		<script type="text/javascript" src="../javascript/flexigrid.js"></script> <!-- Script d'affichage de tableau -->
		<script type="text/javascript" src="../javascript/tab_appel.js"></script> <!-- Script d'affichage de tableau -->
	</head>
 
	<body>
		<table id="tab_appel"></table>
	</body>
</html>

La je vois pas pourquoi j'ai ces erreurs

14/04/2012, 10h52
Bovino

Citation:

je viens de supprimer tous les espaces

Euh... t'es sûr ?

Citation:

Code:

$ Page = mysql_real_escape_string ($_POST ['page']);

:weird:
14/04/2012, 14h22
maxredphenix
Je comprends pas d'ou vient ta citation? Si c'est bien la ligne 14 j'ai plus d'espace et je l'ai plus en erreur dans chrome:
Code:

1 2 if (isset($_POST['page'])) { $page = mysql_real_escape_string($_POST['page']);
Par contre l'erreur vient à partir de la ligne 43:
Code:

1 2 3 // Configuration de la pagination des données SQL $pageStart = ($page-1)*$rp; $limitSql = "limit $pageStart, $rp";
et la ligne suivante:

Code:

while ($row = mysql_fetch_assoc($results))

merci
14/04/2012, 20h30
maxredphenix

Ce qui est bizarre c'est que le wiki de flexigrid à exactement les mêmes lignes de codes:

http://code.google.com/p/flexigrid/w...dDocumentation
18/04/2012, 07h07
maxredphenix

J'arrive toujours pas à voir d'ou vient l'erreur malgré plusieurs heures sur le wiki.

Personne ne saurait d'ou ca vient????:calim2:

Merci
18/04/2012, 08h43
SpaceFrog

d'ou ça vient ?
d'un plugin pourri ??

Je n'ai eu aucun souci de ce type avec dataTable ...
18/04/2012, 21h32
maxredphenix

Je vais regarder ton plugin c'est vrai qu'il à l'air sympa

Je tente de configurer datatable mais je rencontre quelques difficultés.

En effet j'ai bien les champs de mon tableau qui apparaissent pas c'est comme si j'avais pas de css alors que le navigateur le lance bien:

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<?php
	$db = mysql_connect('localhost', 'root', '');
	mysql_select_db('gestspie', $db);
	$sql = 'SELECT * FROM appels ORDER BY id';
	$req = mysql_query($sql) or die (mysql_error());
?>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Titre -->
		<title>Gestion des Appels</title>
 
		<!-- Appel des fichiers CSS-->
		<link href="../css/template_formulaires.css" rel="stylesheet" type="text/css"/> <!-- Appel du css pour la page html + Menu -->
		<link href="../css/datatable_style.css" rel="stylesheet" type="text/css" /><!-- Appel du css pour la mise en forme du tableau -->
		<link href="../css/datatable_table_jui.css" rel="stylesheet" type="text/css" /><!-- Appel du css pour la mise en forme du tableau -->
		<link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.18.custom.css"/><!-- Appel du css pour JQUERY -->
 
		<!-- Appel des divers scripts -->
		<script type="text/javascript" src="../javascript/menu.js"></script> <!-- Fichier javascript pour le changement de couleur du texte du MENU -->
		<script type="text/javascript" src="../javascript/jquery-1.7.1.min.js"></script> <!-- Script JQUERY minifiée-->
		<script type="text/javascript" src="../javascript/jquery-1.8.18.js"></script> <!-- Script JQUERY-->
		<script type="text/javascript" src="../javascript/jquery.dataTables.js"></script> <!-- Plugin Datatable -->
		<script type="text/javascript" src="../javascript/jquery.datatables.tabletools.js"></script> <!-- Plugin Datatable pour l'exportation vers différents formats -->
		<script type="text/javascript" src="../javascript/jquery.datatables.zeroclipboard.js"></script> <!-- Datatable: Script utilisant un fichier Flash pour effectuer la copie vers le presse-papier -->
 
		<!-- Configuration de base du tableau Datatable -->
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				$('#menuTable').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					"sDom": '<"clear"><"H"Tflr>t<"F"ip>',
					"oTableTools": { "sSwfPath": "datatable_swf/copy_cvs_xls_pdf.swf"},
					"sAjaxSource": "datatable_server_processing.php"
					"oLanguage": { "sUrl": "datatable_fr.txt" }
				});
			});
		</script>
	</head>
	<body>
		<!-- En Tête -->
			<!-- Banniere avec logo -->
			<div id="header" class="banniere">
				<div id="logo"><a href="" target="_blank" title="logo" alt="Spie"></a></div>
				<div id="titre"><a>Gestion des Appels</a></div>
			</div>
 
		<!-- Menu -->
		<ul id="menu">
			<li>
                <a href="../index.php">Revenir au menu</a> <!-- Enregistrement de la page en cours après avoir rempli les champs du formulaire + Revenir au menu -->
			</li>     
			<li>
                <a href="#">Tout afficher</a> <!-- Affichage de toutes les fiches dans un tableau -->
			</li>
			<li>
                <a href="#">Graphiques</a> <!-- Affichage des différents graphiques possibles -->
                <ul>
                    <li>
                        <a href="#">Par Date</a>
                    </li>
                    <li>
                        <a href="#">Par type d'Appel</a>
                    </li>
                </ul>
			</li>   
			<li>
                <a href="#">Imprimer</a> <!-- Impression de la page en cours-->
			</li>  		
		</ul>
 
		<!-- Affichage du tableau -->
		<div id="tableau_appels">
			<table cellpadding="0" cellspacing="0" border="0" class="display" id="menuTable">
			<!-- Menu de la table -->
			<thead>  
				<!-- Gestion du nom des colonnes -->
				<tr>         
					<th width="5%">N°</th>  
					<th width="7%">Date</th> 
					<th width="7%">Heure</th>  
					<th width="10%">Demandeur</th>           
					<th width="6%">Tel</th>
					<th width="5%">Bâtiment</th>  
					<th width="10%">Service</th>  
					<th width="10%">Média</th>
					<th width="10%">Type Inter</th>
					<th width="30%">Objet</th>     
				</tr>
			</thead>
			<!--Corps de la table : Affichage des données-->
			<tbody>  
				<tr>         
					<td colspan="5">Chargement des données du serveur</td>     
				</tr>
			</tbody> 
			<!-- Pied du tableau: on peut copier le contenu du thead si on souhaite afficher en haut et en bas le nom des colonnes -->
			<tfoot>  
				<tr>         
					<th colspan="5">&nbsp;</th>
				</tr>
			</tfoot>
			</table>
		</div>
	</body>
</html>

et la c'est les fichiers js et css que j'appelle:
http://dl.dropbox.com/u/31901874/datatable.rar

Je comprends pas parce que j'ai suivie exactement un tuto sur le net et ca fait 2 jours que je cherche pourquoi il y a que ça a l'écran:
http://dl.dropbox.com/u/31901874/prob%20database.jpg

Merci

1 pièce(s) jointe(s)

J'ai tenter d'autres modification parce que je suis rendu compte qu'il y avait pas de récupération des données dans le tableau.

Voila le code actuel:

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<?php
	$db = mysql_connect('localhost', 'root', '');
	mysql_select_db('gestspie', $db);
	$sql = 'SELECT * FROM appels ORDER BY id';
	$req = mysql_query($sql) or die (mysql_error());
?>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- Titre -->
		<title>Gestion des Appels</title>
 
		<!-- Appel des fichiers CSS-->
		<link href="../css/template_formulaires.css" rel="stylesheet" type="text/css"/> <!-- Appel du css pour la page html + Menu -->
		<link href="../css/datatable_style.css" rel="stylesheet" type="text/css" /><!-- Appel du css pour la mise en forme du tableau -->
		<link href="../css/datatable_table_jui.css" rel="stylesheet" type="text/css" /><!-- Appel du css pour la mise en forme du tableau -->
		<link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.19.custom.css"/><!-- Appel du css pour JQUERY -->
		<link href="../css/fenetre_modale.css" rel="stylesheet" type="text/css" /><!-- Appel du css pour la fenêtre modale -->
 
		<!-- Appel des divers scripts -->
		<script type="text/javascript" src="../javascript/menu.js"></script> <!-- Fichier javascript pour le changement de couleur du texte du MENU -->
		<script type="text/javascript" src="../javascript/jquery-1.7.2.min.js"></script> <!-- Script JQUERY minifiée-->
		<script type="text/javascript" src="../javascript/jquery-1.8.19.js"></script> <!-- Script JQUERY-->
		<script type="text/javascript" src="../javascript/fenetre_modale.js"></script> <!-- Script ouverture de fenêtre modale-->
		<script type="text/javascript" src="../javascript/jquery.dataTables.js"></script> <!-- Plugin Datatable -->
		<script type="text/javascript" src="../javascript/jquery.datatables.tabletools.js"></script> <!-- Plugin Datatable pour l'exportation vers différents formats -->
		<script type="text/javascript" src="../javascript/jquery.datatables.zeroclipboard.js"></script> <!-- Datatable: Script utilisant un fichier Flash pour effectuer la copie vers le presse-papier -->
 
		<!-- Configuration de base du tableau Datatable -->
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				$('#datatable').dataTable({
					"bProcessing": true,
					"bServerSide": true,
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					"sDom": '<"clear"><"H"Tflr>t<"F"ip>',
					"oTableTools": { "sSwfPath": "datatable_swf/copy_cvs_xls_pdf.swf"},
					"sAjaxSource": "get_datatable.php"
					"oLanguage": { "sUrl": "datatable_fr.txt" }
				});
			});
		</script>
	</head>
	<body>
		<!-- En Tête -->
			<!-- Banniere avec logo -->
			<div id="header" class="banniere">
				<div id="logo"><a href="#?w=700" rel="popup_name" class="poplight" title="logo" alt="logo"><img src="../images/logo.gif" /></a></div>
				<div id="titre"><a>Gestion des Appels</a></div>
			</div>
 
		<!-- Menu -->
		<ul id="menu">
			<li><a href="../index.php">Revenir au menu</a></li> <!-- Enregistrement de la page en cours après avoir rempli les champs du formulaire + Revenir au menu -->
			<li><a href="#">Graphiques</a></li><!-- Affichage des différents graphiques possibles -->		
		</ul>
		<form>
			<!-- Affichage du tableau -->
			<div id="tableau_appels">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="menuTable">
				<!-- Menu de la table -->
				<thead>  
					<!-- Gestion du nom des colonnes -->
					<tr>         
						<th width="5%">N°</th>  
						<th width="7%">Date</th> 
						<th width="7%">Heure</th>  
						<th width="10%">Demandeur</th>           
						<th width="6%">Tel</th>
						<th width="5%">Bâtiment</th>  
						<th width="10%">Service</th>  
						<th width="10%">Média</th>
						<th width="10%">Type Inter</th>
						<th width="30%">Objet</th>     
					</tr>
				</thead>
				<!--Corps de la table : Affichage des données-->
				<tbody>  
					<tr>         
						<td colspan="10">Chargement des données...</td>     
					</tr>
				</tbody> 
				<!-- Pied du tableau: on peut copier le contenu du thead si on souhaite afficher en haut et en bas le nom des colonnes -->
				<tfoot>  
					<tr>         
						<th colspan="10">&nbsp;</th>
					</tr>
				</tfoot>
				</table>
			</div>
		</form>
	</body>
</html>

la page me servant à récupérer les données:

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<?php
  /* MySQL connection */
	$gaSql['user']       = "admin";
	$gaSql['password']   = "";
	$gaSql['db']         = "gestspie";
	$gaSql['server']     = "localhost";
	$gaSql['type']       = "mysql";
 
	$gaSql['link'] =  mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password']  ) or
		die( 'Could not open connection to server' );
 
	mysql_select_db( $gaSql['db'], $gaSql['link'] ) or
		die( 'Could not select database '. $gaSql['db'] );
 
	/* Paging */
	$sLimit = "";
	if ( isset( $_GET['iDisplayStart'] ) )
	{
		$sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ".
			mysql_real_escape_string( $_GET['iDisplayLength'] );
	}
 
	/* Ordering */
	if ( isset( $_GET['iSortCol_0'] ) )
	{
		$sOrder = "ORDER BY  ";
		for ( $i=0 ; $i<mysql_real_escape_string( $_GET['iSortingCols'] ) ; $i++ )
		{
			$sOrder .= fnColumnToField(mysql_real_escape_string( $_GET['iSortCol_'.$i] ))."
			 	".mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", ";
		}
		$sOrder = substr_replace( $sOrder, "", -2 );
	}
 
	/* Filtrage - Remplace le filtrage côté client, peut donc être long si la base de données est importante */
	$sWhere = "";
	if ( $_GET['sSearch'] != "" )
	{
		$sWhere = "WHERE num_appelant = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "date_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "heure_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
						"media = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "nom_demandeur_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "batiment = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
						"service = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "type_inter = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "objet_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
	}
 
	$sQuery = "SELECT id, num_appelant, date_appel, heure_appel, media, nom_demandeur, batiment, service, type_inter, objet_appel FROM appels $sWhere $sOrder $sLimit";
	$rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
 
	$sQuery = "SELECT FOUND_ROWS()";
 
	$rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
	$aResultFilterTotal = mysql_fetch_array($rResultFilterTotal);
	$iFilteredTotal = $aResultFilterTotal[0];
 
	$sQuery = "SELECT COUNT(id)	FROM appels";
	$rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
	$aResultTotal = mysql_fetch_array($rResultTotal);
	$iTotal = $aResultTotal[0];
 
	$sOutput = '{';
	$sOutput .= '"sEcho": '.intval($_GET['sEcho']).', ';
	$sOutput .= '"iTotalRecords": '.$iTotal.', ';
	$sOutput .= '"iTotalDisplayRecords": '.$iFilteredTotal.', ';
	$sOutput .= '"aaData": [ ';
	while ( $aRow = mysql_fetch_array( $rResult ) )
	{
		$sOutput .= "[";
		$sOutput .= '"'.addslashes(date(H:i d/m/Y'', $aRow['date_appel'])).'",';
		$sOutput .= '"'.addslashes(date(H:i d/m/Y'', $aRow['heure_appel'])).'",';
		$sOutput .= '"'.addslashes($aRow['nom_demandeur']).'",';
		$sOutput .= '"'.addslashes($aRow['num_appelant']).'",';
		$sOutput .= '"'.addslashes($aRow['batiment']).'"';
		$sOutput .= '"'.addslashes($aRow['service']).'",';
		$sOutput .= '"'.addslashes($aRow['media']).'",';
		$sOutput .= '"'.addslashes($aRow['type_inter']).'"';
		$sOutput .= '"'.addslashes($aRow['objet_appel']).'"';
		$sOutput .= '"<a href="gest_appels_tableau.php?id=" '.$arow['id'].'="">Détails</a>"';
		$sOutput .= "],";
	}
	$sOutput = substr_replace( $sOutput, "", -1 );
	$sOutput .= '] }';
 
	echo $sOutput;
 
	function fnColumnToField( $i )
	{
		if ( $i == 0 )
			return "id";
		else if ( $i == 1 )
			return "date_appel";
		else if ( $i == 2 )
			return "heure_appel";
		else if ( $i == 3 )
			return "nom_demandeur";
		else if ( $i == 4 )
			return "num_appelant";
		else if ( $i == 5 )
			return "batiment";
		else if ( $i == 6 )
			return "service";
		else if ( $i == 7 )
			return "media";
		else if ( $i == 8 )
			return "type_inter";
		else if ( $i == 9 )
			return "objet_appel";
	}
?>

mais voila ce que ça donne:
Pièce jointe 93745

est-ce que quelqu'un pourrait m'aider?

Merci d'avance

maxredphenix

Si tu utilses fireefox, as tu un message d'erreur dans le console ?
Code:

1 2 <script type="text/javascript" src="../javascript/jquery-1.7.2.min.js"></script>  <script type="text/javascript" src="../javascript/jquery-1.8.19.js"></script> 
Deux fois jquery ... ??? :aie:

28/04/2012, 10h17
maxredphenix

Merci pour ta réponse,

voila ce que me donne chrome
http://dl.dropbox.com/u/31901874/Err...in%20avril.jpg

Pour jquery je sais pas, à chaque fois que j'ai regardé des tutos ils mettaient la version normale et la version minifié....

Sinon voici les fichiers php, ça sera plus simple à lire par rapport au forum:
http://dl.dropbox.com/u/31901874/ges...ls_tableau.php
http://dl.dropbox.com/u/31901874/get_datatable.php

Encore merci

il manque déja une virgule dasn le json des paramètres

Code:

1
2
3
"oTableTools": { "sSwfPath": "datatable_swf/copy_cvs_xls_pdf.swf"},
					"sAjaxSource": "get_datatable.php",
					"oLanguage": { "sUrl": "datatable_fr.txt" }

28/04/2012, 10h30
maxredphenix

C'est bon je viens de la rajouter, j'ai plus d'erreur reconnu par chorme mais j'ai toujours la même vue que ce que tu vois dans le screenshot que je t'ai fais précédement
28/04/2012, 10h35
maxredphenix

AU faite pour jquery, je viens d'enlever la ligne d'appel de jquery 1.8 pour laisser la version minifié sur quelques pages de mon site et en effet j'ai pas d'erreur reconnu. C'est quoi le mieux, laisser la version normale ou la version minifié?
28/04/2012, 10h36
SpaceFrog

regarde dans la console au niveau de la conversation post entre la page et le serveur ...
clique sur le post dans la console et regarde dans l'onglet reponse ...
Je pense au vu de tes précédents posts que tu as une erreur de syntaxe dans le php de traitement il doit manquer un ;
28/04/2012, 10h42
SpaceFrog

Comme son nom l'indique la version minifiée est moins lourde...
28/04/2012, 11h01
maxredphenix

Tu vas me trouver chiant mais j'arrive pas à trouver l'onglet réponse dans la console de l'outils de développement de chrome....

Par contre je viens de me rendre compte qu'il y a avait déjà ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Filtrage - Remplace le filtrage côté client, peut donc être long si la base de données est importante */
	$sWhere = "";
	if ( $_GET['sSearch'] != "" )
	{
		$sWhere = "WHERE num_appelant = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "date_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "heure_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
						"media = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "nom_demandeur_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "batiment = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
						"service = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "type_inter = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "objet_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
	}

au lieu de ça

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Filtrage - Remplace le filtrage côté client, peut donc être long si la base de données est importante */
	$sWhere = "";
	if ( $_GET['sSearch'] != "" )
	{
		$sWhere = "WHERE num_appelant = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "date_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "heure_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'".
						"media = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "nom_demandeur_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "batiment = '".mysql_real_escape_string( $_GET['sSearch'] )."'".
						"service = '".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ".
		                "type_inter = '".mysql_real_escape_string( $_GET['sSearch'] )."' OR ".
		                "objet_appel = '".mysql_real_escape_string( $_GET['sSearch'] )."'";
	}

mais ça change rien pour le moment

28/04/2012, 11h07
SpaceFrog

Lors du chargement de la page, vu que instancie ton datatable, le navigateur doit d'emblée aller faire uen requete ajax vers la page de traitement coté serveur
dans ta console firefox tu dois voir une ligne $POST en gras ...
avec un petit symbole + à coté
en cliquent sur le plus tu dois avoir des onglets qui s'affichent

Si tu n'as pas de requete au chargement c'est que ton datatable est mal instancié ...
tu n'aurais pas une page en ligne, ce serait plus simple pour diagnostiquer le bug
28/04/2012, 11h20
maxredphenix

ok, mais comme j'avais google chrome je voyais pas la même console que toi. je viens d'installer firefox mais je n'ai pas la requête donc il doit être mal instancié vu ce que tu viens de me dire.

Je n'ai pas mis le site en ligne vu que c'est pour un site intranet.

Je compile toute la partie importante du site et je t'envoie ça dans un zip dans ta MP
28/04/2012, 11h37
SpaceFrog

tu es en get ? pas en post ?
le but est de voir les requetes dans la console ...

jette un oeil sur cette page

http://datatables.net/release-datata...rver_side.html
28/04/2012, 13h07
maxredphenix

Merci pour le lien,

Je vais regarder tout ca.

je viens de lancer la page get_datatable.php dans le site. J'ai une erreur à la ligne 70 ce qui corresponds au premier enregistrement de la date:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 while ( $aRow = mysql_fetch_array( $rResult ) ) { $sOutput .= "["; $sOutput .= '"'.addslashes(date(H:i d/m/Y'', $aRow['date_appel'])).'",'; $sOutput .= '"'.addslashes(date(H:i d/m/Y'', $aRow['heure_appel'])).'",'; $sOutput .= '"'.addslashes($aRow['nom_demandeur']).'",'; $sOutput .= '"'.addslashes($aRow['num_appelant']).'",'; $sOutput .= '"'.addslashes($aRow['batiment']).'"'; $sOutput .= '"'.addslashes($aRow['service']).'",'; $sOutput .= '"'.addslashes($aRow['media']).'",'; $sOutput .= '"'.addslashes($aRow['type_inter']).'"'; $sOutput .= '"'.addslashes($aRow['objet_appel']).'"'; $sOutput .= '"<a href="gest_appels_tableau.php?id=" '.$arow['id'].'="">Détails</a>"'; $sOutput .= "],"; } $sOutput = substr_replace( $sOutput, "", -1 ); $sOutput .= '] }';
Vu que ma table ressemble à ça dans phpmyadmin:
http://dl.dropbox.com/u/31901874/tab..._datatable.jpg

Je pense que ca doit être dans la façon d'enregistrer les données dans ma table, est-ce que le faite d'enregistrer de cette manière:
(date(H:i d/m/Y'', $aRow['date_appel'])).'",';
ne cause pas des soucis avec la table qui a un champs enregistrer juste en type "date" et non datetime?

Merci

28/04/2012, 13h16
SpaceFrog

Pour moi tu as un souci avec ta page de traitement server side ...

Le meilleur moyen de debugguer est d'appeler la page diectement pour voir ce qu'elle retourne
28/04/2012, 13h18
SpaceFrog

Code:

$sOutput .= '"'.addslashes(date(H:i d/m/Y'', $aRow['date_appel'])).'",';

visiblement un souci de quotes

Code:

$sOutput .= '"'.addslashes(date('H:i d/m/Y', $aRow['date_appel'])).'",';
28/04/2012, 13h37
maxredphenix

ça commence à être mieux,

maintenant lorsque je lance directement la page de traitement get_datatable.php j'ai juste la phrase:
Could not select database gestspie

Par contre dans la page gest_appels_tableau.php j'ai toujours le même apercu:
http://dl.dropbox.com/u/31901874/Err...in%20avril.jpg

Ca fait comme si j'avais pas de fichier css qui lui dit comment il s'affiche et pas d'image pour le previous/next et autres....
28/04/2012, 15h20
maxredphenix

Bon j'ai fait une erreur bete. j'avais le bon utilisateur pour la connexion a la bdd.

Si je lance la page get_datatable j'ai des erreurs en ligne 35, 48 et 63.

Est ce que une table sans donnees enregistrer peut causer des problemes parce qu'a l'heure actuelle j'ai rien enregistrer dans ma table?
28/04/2012, 15h47
SpaceFrog

Heu essaye deja de corriger les erreurs, ensuite, oui il est préférable d'avoir des données dans la table
28/04/2012, 18h38
maxredphenix

Bon je viens de corriger ce que j'ai pu trouver comme erreurs.

Par contre pour l'envoi du formulaire je suis en train de le créer. Ça prends un peu plus de temps que prévus car je rencontre un problème avec l'enregistrement dans la bdd.
Voila ce que ça me donne et j'arrive pas faire en sorte que mon champs N° appel qui correspond a ID dans ma table "appels" s'incrémente tout seul à chaque création d'une fiche appel donc je cherche...:
http://dl.dropbox.com/u/31901874/err...formulaire.jpg

Je sais qu'il n'arrive pas à sélectionner la base alors que le code est le même que pour d'autre page du site. Mais bon je vais pas t'embêter avec ça.

Je te tiens au courant dès que j'aurais réussi mon envoie de formulaire pour voir si mon problème vient du faite qu'il y a pas de données dans la table mais bon je pense pas que ce soit ça vu le type d'affichage.

Sinon j'ai commencé à regarder ton lien et la façon dont ils traitent les données du tableau mais la manière est complètement différente de ce que j'ai lu dans ce tuto:
http://macmicro.chez.com/framework/d...onfig.php#data

Merci
28/04/2012, 19h34
maxredphenix

Ouai c'est bon j'ai réussi, j'avais bien un soucis avec la connexion à la bdd.

Il me reste plus plus qu'a trouver comment faire en sorte de récupérer la dernière valeur de l'ID du dernier enregistrement et de le mettre dans un input au lieu d'un select pour que ma page d'enregistrement des appels (même si c'est juste un affichage et qu'il y a pas d'enregistrement à faire mais j'aime pas quand quelque n'est pas fini)....mais je suis sur la bonne voie, j'ai trouver la commande LAST_INSERT_ID donc je cherche de ce côté.

Sinon pour en revenir à datatable maintenant j'ai des données qui sont enregistrées dans la table "appels" mais cela ne change rien au problème...

Bonjour,

J'ai tenter de modifier mon code avec le lien que tu m'a donné. J'en suis donc arrivé à ceci:

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
<body>
		<form>
			<!-- Affichage du tableau -->
			<div id="tableau_appels">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="menuTable">
				<!-- Menu de la table -->
				<thead>  
					<!-- Gestion du nom des colonnes -->
					<tr>         
						<th width="5%">N°</th>  
						<th width="7%">Date</th> 
						<th width="7%">Heure</th>  
						<th width="10%">Demandeur</th>           
						<th width="6%">Tel</th>
						<th width="5%">Bâtiment</th>  
						<th width="10%">Service</th>  
						<th width="10%">Média</th>
						<th width="10%">Type Inter</th>
						<th width="30%">Objet</th>     
					</tr>
				</thead>
				<!--Corps de la table : Affichage des données-->
				<tbody>  
					<tr>         
						<td colspan="10">Chargement des données...</td>     
					</tr>
				</tbody> 
				<!-- Pied du tableau: on peut copier le contenu du thead si on souhaite afficher en haut et en bas le nom des colonnes -->
				<tfoot>  
					<tr>         
						<th colspan="10">&nbsp;</th>
					</tr>
				</tfoot>
				</table>
			</div>
			<!-- Fenêtre Modale lors du clic sur le logo SPIE -->
			<div id="popup_name" class="popup_block">
				<a><img src="../images/CEA.png" alt="CEA" style="float: right; margin: 50px 0 0 20px;" /></a>
				<h2>Menu Gestion des Appels</h2>
				<p>Sur cette page, vous pouvez gérer tous les appels reçu. Vous pouvez rentrer toutes les informations concernant l'appel (Date, heure, demandeur etc...) et vous pouvez commencer à pré-remplir les champs concernant le type d'intervention lorsque ce dernier à été choisi dans le menu déroulant "Type d'intervention"</p>
			</div>
		</form>
	</body>

avec une page de traitement comme ceci:

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<?php
	/* Array of database columns which should be read and sent back to DataTables. Use a space where
	 * you want to insert a non-database field (for example a counter or static image)
	 */
	$aColumns = array( 'id', 'date_appel', 'heure_appel', 'nom_demandeur', 'num_appelant', 'batiment', 'service', 'media', 'type_inter','objet_appel' );
 
	/* La Colonne qui est indéxé, ici c'est la colonne ID */
	$sIndexColumn = "id";
 
	/* MLa table de la base de donnée à utiliser*/
	$sTable = "appels";
 
	  /* Connexion à la base de données MySQL*/
	$gaSql['user']       = "root";
	$gaSql['password']   = "";
	$gaSql['db']         = "gestspie";
	$gaSql['server']     = "localhost";
	$gaSql['type']       = "mysql";
/* 
	 * MySQL connection
	 */
	$gaSql['link'] =  mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password']  ) or
		die( 'Impossible de se connecter au serveur' );
 
	mysql_select_db( $gaSql['db'], $gaSql['link'] ) or 
		die( 'Impossible de sélectionner la table'. $gaSql['db']);
 
 
	/* Paging */
	$sLimit = "";
	if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' )
	{
		$sLimit = "LIMIT ".mysql_real_escape_string( $_GET['iDisplayStart'] ).", ".
			mysql_real_escape_string( $_GET['iDisplayLength'] );
	}
 
	/* Ordering */
	$sOrder = "";
	if ( isset( $_GET['iSortCol_0'] ) )
	{
		$sOrder = "ORDER BY  ";
		for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ )
		{
			if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" )
			{
				$sOrder .= "`".$aColumns[ intval( $_GET['iSortCol_'.$i] ) ]."` ".
				 	mysql_real_escape_string( $_GET['sSortDir_'.$i] ) .", ";
			}
		}
 
		$sOrder = substr_replace( $sOrder, "", -2 );
		if ( $sOrder == "ORDER BY" )
		{
			$sOrder = "";
		}
	}
 
	/* Filtrage */
	$sWhere = "";
	if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" )
	{
		$sWhere = "WHERE (";
		for ( $i=0 ; $i<count($aColumns) ; $i++ )
		{
			$sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR ";
		}
		$sWhere = substr_replace( $sWhere, "", -3 );
		$sWhere .= ')';
	}
 
	/* Filtrage individuel des colonnes */
	for ( $i=0 ; $i<count($aColumns) ; $i++ )
	{
		if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" && $_GET['sSearch_'.$i] != '' )
		{
			if ( $sWhere == "" )
			{
				$sWhere = "WHERE ";
			}
			else
			{
				$sWhere .= " AND ";
			}
			$sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string($_GET['sSearch_'.$i])."%' ";
		}
	}
 
	/* Requête SQL - Recupérer les données à afficher */
	$sQuery = "
		SELECT SQL_CALC_FOUND_ROWS `".str_replace(" , ", " ", implode("`, `", $aColumns))."`
		FROM   $sTable
		$sWhere
		$sOrder
		$sLimit
		";
	$rResult = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
 
	/* Data set length after filtering */
	$sQuery = "
		SELECT FOUND_ROWS()
	";
	$rResultFilterTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
	$aResultFilterTotal = mysql_fetch_array($rResultFilterTotal);
	$iFilteredTotal = $aResultFilterTotal[0];
 
	/* Total data set length */
	$sQuery = "
		SELECT COUNT(`".$sIndexColumn."`)
		FROM   $sTable
	";
	$rResultTotal = mysql_query( $sQuery, $gaSql['link'] ) or die(mysql_error());
	$aResultTotal = mysql_fetch_array($rResultTotal);
	$iTotal = $aResultTotal[0];
 
 
	/* Output */
	$output = array(
		"sEcho" => intval($_GET['sEcho']),
		"iTotalRecords" => $iTotal,
		"iTotalDisplayRecords" => $iFilteredTotal,
		"aaData" => array()
	);
 
	while ( $aRow = mysql_fetch_array( $rResult ) )
	{
		$row = array();
		for ( $i=0 ; $i<count($aColumns) ; $i++ )
		{
			if ( $aColumns[$i] == "version" )
			{
				/* Special output formatting for 'version' column */
				$row[] = ($aRow[ $aColumns[$i] ]=="0") ? '-' : $aRow[ $aColumns[$i] ];
			}
			else if ( $aColumns[$i] != ' ' )
			{
				/* General output */
				$row[] = $aRow[ $aColumns[$i] ];
			}
		}
		$output['aaData'][] = $row;
	}
 
	echo json_encode( $output );
?>

Mais j'ai toujours ma page qui m'affiche chargement des données et rien ne s'affiche et comme précédemment j'ai le même screenshot donc pas de mise en forme comme dans les tuto avec le champs de recherche, l'affichage des champs suivant etc...

En attente d'une réponse de ta part.

Encore merci pour ton aide et le temps que tu me consacre.

maxredphenix

06/05/2012, 22h00
maxredphenix

Je viens de voir que j'avais mis un id="menuTable" alors que dans le code d'initialisation c'est:
$('#datatable').dataTable

Encore merci pour ton aide

maxredphenix