Affichage d'un datatable

Palsajicoco · 18/03/2011, 14h47

Bonjour,
Je viens de créer une fichier html qui contient du code javascript pour afficher un datatable. j'ai fait les commandes de base de l'API et j'ai choisi comme exemple un tableau que j'ai saisi moi meme. j'ai fait le code dans une methode que je l'execute a la fin. Le code ne marche pas et il me semble qu'il me manque une commande.
Voici le code:

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
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
  <body>
 
    <script type="text/javascript">
/*
 * Object: DJR
 * Dynamic Javascript Reports Representations 
 * 
 * Properties: 
 * 
 * 
 */
var DJR = {
dataTableHolder: "",
jqPlotHolder:[],
jqDataTable:{
			/*
			 * Method: jqDataTable.load
			 * Loads the jqDataTable . 
			 */
			load: function(options){
						var content = '<table width="400px" cellpadding="0" cellspacing="0" border="0" class="dataTable" id="' + 
						tableId + '"></table>';
						DJR.dataTableHolder = $("#" + tableId).dataTable( {
							"aaData": [
									/* Reduced data set */
									[ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
									[ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ],
									[ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ],
									[ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ],
									[ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ],
									[ "Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A" ],
									[ "Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A" ],
									[ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
									[ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ],
									[ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ],
									[ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ],
									[ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
							],
							"bJQueryUI": true,
							"aaSorting": [[ 1, "desc" ]],
							"aoColumns": [
									{ "sTitle": "Engine" },
									{ "sTitle": "Browser" },
									{ "sTitle": "Platform" },
									{ "sTitle": "Version"},
									{ "sTitle":  "Grade"}
							],
							"fnDrawCallback":function(){
 
						}
					});
				} 
			}
		},
		jqDataTable();
		</script>
 
  </body>
</html>

Merci d'avance.

SpaceFrog · 18/03/2011, 14h55

jqDataTable();
est supposé lancer quoi ?

tu crées un objet DRJ faut peur etre en instancier un avant ?

Palsajicoco · 18/03/2011, 15h06

Merci pour la reponse,
J'essaye d'afficher le tableau donc executer la fonction load, et la commande a la fin c'est pour l'executer, j'ai essayé avec

Code :

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

jqDataTable.load();

mais ca ne marche pas aussi. je sais, je suis super debutant ^^'

SpaceFrog · 18/03/2011, 15h08

tu n'a pas instancé dobjet DRJ ...

essaye un truc du genre

Code :

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

1
2
3
DR1= new DRJ
 
DR1.jqDataTable.load();

si tant est que le code du DRY retourne quelque chose

Palsajicoco · 18/03/2011, 15h12

J'ai essayé et ca ne marche toujours pas , pourtant il parait que tout est bon au niveau de la declaration du datatable, et j'ai meme verifié avec les tutotials.

SpaceFrog · 18/03/2011, 15h18

Code :

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

 $("#" + tableId)

il sort d'ou tableid ?

Palsajicoco · 18/03/2011, 15h30

Ah oui je suis desolé, je devrai l'initialiser dans ce code, je vais devoir l'utiliser ulterieurement pour referencier les tables pour le rafraichissement,
je pourrais ajouter

Code :

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

1
2
3
 
var tableId = 0,
var content = '<table width="400px" cellpadding="0" cellspacing="0" border="0" class="dataTable" id="' + tableId + '"></table>';

mais ca ne resoud toujours pas le probleme,

SpaceFrog · 18/03/2011, 15h33

Code :

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

$("#" + tableId)

tu as jquery installé ?
tu as une balise avec un id = tableID ???

j'ai comme l'impression que tu t'es lancé dans un truc sans avoir les bases html js

Palsajicoco · 18/03/2011, 15h42

Oui je l'ai installé, j'ai meme pu afficher ca mais a partir des données des xactions. on peut meme enlever cet id pour le moment il sert a rien ..
J'ai just suivi un guide de construction de tables dynamiques et je veux l'afficher ^^'

SpaceFrog · 18/03/2011, 16h00

ben non l'id sert a pointer sur la balise de la page dans laquelle tu va mettre le tableau ...

Palsajicoco · 18/03/2011, 16h06

bon, je voyais l'utilité sur le refresh mais je dois me tromper, alors aucun moyen d'afficher mon datatable ?

SpaceFrog · 18/03/2011, 16h08

ben si mais pas le mettre dans un element qui n'existe pas ...

Palsajicoco · 18/03/2011, 16h13

j'espere bien et comme j'ai dis je suis debutant et franchement je vois pas la solution tu peux m'aider s'il te plait? ^^

SpaceFrog · 18/03/2011, 16h22

c'est quoi dataTable ???
c'est supposé faire quoi ton bouzin ?

Palsajicoco · 18/03/2011, 16h25

datatable est une API de javascript qui affiche des tables dynamiques, J'ai suivi les etapes de ce lien: http://www.datatables.net/ et je devrai afficher un tableau. les elements du tableau doivent etre dans aaData et les titres dans aoColumns exactement comme j'ai ecri.

SpaceFrog · 18/03/2011, 16h32

tu as du rater cette page ???
http://www.datatables.net/usage/
tu as downloadé et intégré le plugin ?

Palsajicoco · 18/03/2011, 16h50

Franchement, j'ai pas su et je suis perdu

je sais pas quand integrer le code javascript dans le code html ..

SpaceFrog · 18/03/2011, 16h59

tu as téléchargé les fichiers ???
mis une balise script pointant sur le fichier js du plugin dans le head de la page html ?

tu devrais aller voir les tutos de base pour integrer jquery et ses plugins ...

Palsajicoco · 18/03/2011, 17h11

Ok merci bien je vais voir

18/03/2011, 14h55	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	jqDataTable(); est supposé lancer quoi ? tu crées un objet DRJ faut peur etre en instancier un avant ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 15h06	#3
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	Merci pour la reponse, J'essaye d'afficher le tableau donc executer la fonction load, et la commande a la fin c'est pour l'executer, j'ai essayé avec Code : Sélectionner tout - Visualiser dans une fenêtre à part jqDataTable.load(); mais ca ne marche pas aussi. je sais, je suis super debutant ^^'
	00

18/03/2011, 15h18	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part $("#" + tableId) il sort d'ou tableid ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 15h33	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part $("#" + tableId) tu as jquery installé ? tu as une balise avec un id = tableID ??? j'ai comme l'impression que tu t'es lancé dans un truc sans avoir les bases html js __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 16h00	#10
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ben non l'id sert a pointer sur la balise de la page dans laquelle tu va mettre le tableau ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 15h12	#5
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	J'ai essayé et ca ne marche toujours pas , pourtant il parait que tout est bon au niveau de la declaration du datatable, et j'ai meme verifié avec les tutotials.
	00

18/03/2011, 15h42	#9
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	Oui je l'ai installé, j'ai meme pu afficher ca mais a partir des données des xactions. on peut meme enlever cet id pour le moment il sert a rien .. J'ai just suivi un guide de construction de tables dynamiques et je veux l'afficher ^^'
	00

18/03/2011, 16h06	#11
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	bon, je voyais l'utilité sur le refresh mais je dois me tromper, alors aucun moyen d'afficher mon datatable ?
	00

18/03/2011, 16h08	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ben si mais pas le mettre dans un element qui n'existe pas ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 16h13	#13
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	j'espere bien et comme j'ai dis je suis debutant et franchement je vois pas la solution tu peux m'aider s'il te plait? ^^
	00

18/03/2011, 16h22	#14
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	c'est quoi dataTable ??? c'est supposé faire quoi ton bouzin ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 16h25	#15
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	datatable est une API de javascript qui affiche des tables dynamiques, J'ai suivi les etapes de ce lien: http://www.datatables.net/ et je devrai afficher un tableau. les elements du tableau doivent etre dans aaData et les titres dans aoColumns exactement comme j'ai ecri.
	00

18/03/2011, 16h32	#16
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	tu as du rater cette page ??? http://www.datatables.net/usage/ tu as downloadé et intégré le plugin ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 16h50	#17
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	Franchement, j'ai pas su et je suis perdu je sais pas quand integrer le code javascript dans le code html ..
	00

18/03/2011, 16h59	#18
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	tu as téléchargé les fichiers ??? mis une balise script pointant sur le fichier js du plugin dans le head de la page html ? tu devrais aller voir les tutos de base pour integrer jquery et ses plugins ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

18/03/2011, 17h11	#19
Palsajicoco Membre du Club Étudiant Inscription : février 2007 Messages : 229 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : février 2007 Messages : 229 Points : 50 Points : 50	Ok merci bien je vais voir
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email