Charger dynamiquement un tableau

Version imprimable

16/06/2008, 11h53
chrosnir

Charger dynamiquement un tableau

Bonjour à tous,

j'ai une requête SQL qui comporte donc plusieurs titres de colonnes et lignes (le nombre de lignes dépendant de la requete SQL). Et je voudrai stocker dynamiquement ces informations dans un tableau HTML.

J'ai chercher sur internet une méthode mais je n'ai pas trouvé. J'aimerai en fait une méthode qui utilise du HTML et du javascript (je ne sais pas coder en ASP ou en PHP).

Merci de me donner la méthode à utiliser ou bien un tuto si vous en connaissez un
16/06/2008, 11h55
SpaceFrog

Ta methode de recherche est à revoir ...

http://www.developpez.net/forums/sho...d.php?t=475149
16/06/2008, 12h34
chrosnir

Ok merci.

Et par contre ma variable qui contient la requête SQL je la met à la place de DestObj dans ton code?

Et une petite dernière question.
Mon tableau ayant un nombre de lignes dynamique, les autre lignes seront-elles vident si tout n'est pas rempli? Par ce que ce serai un problème.
16/06/2008, 13h25
SpaceFrog

suffit de boucler sur les tr et les td ...

dasn ta requete, je suppose qu'un enregistrement est une ligne et une champs une cellule ...
16/06/2008, 13h27
chrosnir

Je viens d'essayer et ce n'est pas dans les paramètres lors des appels de fonction que l'on défini le contenu du tableau.
Pourrai-je avoir un exemple de comment charger mes données sous la forme d'une requête SQL dans le tableau?

Merci

dasn ta boucle php sur les résutats de reQUETE/
Code:

1 2 3 4 5 6 function AddCells(DestLine,contenu){ var newCell=document.createElement('td'); newCell.style.border="solid 1px gray"; newCell.appendChild(document.createTextNode(contenu)); DestLine.appendChild(newCell); }
Le contenu sera un champs de la requete

J'ai un petit problème avec ce script. Il marche très bien mais j'aimerais pouvoir choisir dans quelle colonne j'entre mes valeurs.

Or à chaque fois que l'on revient dans la fonction AddLine, il recréer une ligne depuis la première colonne, même si je change les valeurs de la boucle:

Code:

for(l=0;l<NbrCells;l++)

en commencant la boucle à l=1, la ligne qu'il créer commence toujours tt a gauche de la page.

Résultat en appelant plusieurs fois la fonction comme ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 { new AddLine(BaliseTbody,nblignes,1,IdOT) BaliseTable.appendChild(BaliseTbody); DestObj.appendChild(BaliseTable); document.close(); } { new AddLine(BaliseTbody,nblignes,2,NumOT) BaliseTable.appendChild(BaliseTbody); DestObj.appendChild(BaliseTable); document.close(); } { new AddLine(BaliseTbody,nblignes,3,DateOT) BaliseTable.appendChild(BaliseTbody); DestObj.appendChild(BaliseTable); document.close(); }
Je me retrouve avec une seule colonne tout à gauche et non avec un tableau ...:(

Comment puis-je faire svp?

8O:roll:
tu te tortures les limbes du cerveau pour pas grand chose...
voici un exemple ...

Code:

$resultat_requete=mysql_query("SELECT * FROM jeux_videos".$sqlstring) or die(mysql_error());

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
</head>
<body>
<table>
	<tr>
		<td class="headCol" >Nom <div onclick="tri('nom')" >&uarr;</div><div onclick="tri('nom',1)" >&darr;</div></td>
		<td class="headCol" >Possesseur <div onclick="tri('possesseur')" >&uarr;</div><div onclick="tri('possesseur,1')" >&darr;</div></td>
		<td class="headCol" >Console <div onclick="tri('console')" >&uarr;</div><div onclick="tri('nom',1)" >&darr;</div></td>
		<td class="headCol">Prix <div onclick="tri('prix')" >&uarr;</div><div onclick="tri('prix,1')" >&darr;</div></td>
		<td class="headCol" >Nombre Joueur Max <div onclick="tri('nbre_joueurs_max')" >&uarr;</div><div onclick="tri('nbre_joueurs_max',1)" >&darr;</div></td>
		<td class="headCol" >Commentaires <div onclick="tri('commentaires')" >&uarr;</div><div onclick="tri('commentaires',1)" >&darr;</div></td>
	</tr>	
 
 <?php
 while($entree = mysql_fetch_array($resultat_requete)) {
?>
 <tr>
	<td><?php echo $entree['nom'];?></td>
	<td><?php echo $entree['possesseur'];?></td>
	<td><?php echo $entree['console'];?></td>
	<td><?php echo number_format($entree['prix'],2,',','').'€';?></td>
	<td><?php echo $entree['nbre_joueurs_max'];?></td>
	<td><?php echo $entree['commentaires'];?></td>
  </tr>
  <?php
  }
?>
</table>
 
</body>
</html>

Je sais que je suis désespérant mais ça ne marche toujours pas pour moi. En même temps je n'ai jamais fait de SQL donc je comprend pas trop le code.

J'ai repris ton code à la différence que j'ai importer la requete SQL de la page mère, je l'ai stockée dans la variable Query et j'ai donc changé les valeurs des champs en bas. Voici le code de ma page:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
 
<script type='text/javascript'>
 
function charger_donnees()
{
	//Récupération de la requête SQL de la page mère
	self.opener.focus();
	var mavar=opener.document.getElementById('variable');
	Query= mavar.value;
 
	$resultat_requete=mysql_query("'"+Query+"'".$sqlstring);
}
</script>
</head>
 
<body onload='charger_donnees();' style='background-color:white;'>
 
<table>
	<tr>
		<td class="headCol" >ID <div onclick="tri('OT.ID_ORDRE_TRAVAUX')" >&uarr;</div><div onclick="tri('OT.ID_ORDRE_TRAVAUX',1)" >&darr;</div></td>
		<td class="headCol" >N° <div onclick="tri('OT.OT_NUM')" >&uarr;</div><div onclick="tri('OT.OT_NUM,1')" >&darr;</div></td>
		<td class="headCol" >Date <div onclick="tri('OT.OT_DATE_CREATION')" >&uarr;</div><div onclick="tri('OT.OT_DATE_CREATION',1)" >&darr;</div></td>
		<td class="headCol">Code article <div onclick="tri('AR.ART_CODE')" >&uarr;</div><div onclick="tri('AR.ART_CODE,1')" >&darr;</div></td>
		<td class="headCol" >Client <div onclick="tri('CL.CLI_NOM')" >&uarr;</div><div onclick="tri('CL.CLI_NOM',1)" >&darr;</div></td>
		<td class="headCol" >Article <div onclick="tri('AR.ART_DESCRIPTION')" >&uarr;</div><div onclick="tri('AR.ART_DESCRIPTION',1)" >&darr;</div></td>
		<td class="headCol" >Statut <div onclick="tri('ST.STA_LIBELLE')" >&uarr;</div><div onclick="tri('ST.STA_LIBELLE',1)" >&darr;</div></td>
	</tr>	
 
 <?php
 while($entree = mysql_fetch_array($resultat_requete)) {
?>
 <tr>
	<td><?php echo $entree['OT.ID_ORDRE_TRAVAUX'];?></td>
	<td><?php echo $entree['OT.OT_NUM'];?></td>
	<td><?php echo $entree['OT.OT_DATE_CREATION'];?></td>
	<td><?php echo $entree['AR.ART_CODE'];?></td>
	<td><?php echo $entree['CL.CLI_NOM'];?></td>
	<td><?php echo $entree['AR.ART_DESCRIPTION'];?></td>
	<td><?php echo $entree['ST.STA_LIBELLE'];?></td>
  </tr>
  <?php
  }
?>
</table>
 
</body>
 
</html>

Donc en gros ca m'affiche les titres des colonnes mais pas le contenu, je sais pas pourquoi :'(

20/06/2008, 14h10
chrosnir

J'ai finalement créé le tableau en javascript (trop dur pour moi le php :p )

Sinon j'voulais savoir si dans ta méthode c'était possible d'ajouter lors de l'impression le menu sur chaque nouvelle page. C'est à dire que si le tableau prend quatre pages lors de l'impression, le titre des colonnes se recopie sur chaque feuille.

Je pense qu'il faut faire appel à une balise genre Thead mais j'sais pas comment l'utiliser dans le script.