Créer un tableau pour afficher les données d'une requête.

Version imprimable

Bonsoir, j'ai decidé vous posez mon grand problème qui demeure sans solution après une semaine de recherche. Je suis nouveau dans la programmation javascript.

Voici ma difficulté:

Je voudrais créer un tableau dynamique ou le nombre de colonnes ou de lignes dépendra de la valeur de ma requête. En fonction de la valeur selectionnée <select onChange="AfficheRegion(this.value)" name="code_reg">, les données seront affichées. Je vous rappelle que ce code est dans un fichier .tpl, et il traite les données provenant du php.

Alors après plusieurs heures de lecture et de recherche, j'ai trouvé ce code qui ne m'arrange pas.
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 <script language='javascript'> function AfficheRegion(region){ var body = document.getElementsByTagName("body")[0]; table = document.createElement("table"); tablebody = document.createElement("tbody"); for(var j =0; j <10; j++){ var row = document.createElement("tr"); for(var i = 0; i < 10; i++){ cell = document.createElement("td"); texte = document.createTextNode("la cellule est ligne "+j+", colonne "+i); row.appendChild(cell); } tablebody.appendChild(row); } table.appendChild(tablebody); body.appendChild(table); table.setAttribute("border", "1"); } </script>
Je vous remercie de votre aide.

12/10/2009, 17h44
E.Bzz

Bonjour,

Citation:

Envoyé par BILANGA

Alors après plusieurs heures de lecture et de recherche, j'ai trouvé ce code qui ne m'arrange pas.

si tu nous disais pourquoi, ça nous orienterait ;)

A+

Le precdent code est juste une copie, mais voici en fait le tableau que je voudrais avoir dynamiquement:

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
<table width="887">
					<tr style="background-color:teal;color:white;">
					  <th width="180"><div align="center">Région</div></th>
					  <th width="171"><div align="center">Code Bureau</div></th>
					  <th width="171"><div align="center">Bureau</div></th>
					  <th width="193"><div align="center">Responsable</div></th>
					  <th width="60"><div align="center">Modifier</div></th>
					  <th width="84"><div align="center">Suppression</div></th>
					</tr>
					<!--Parcourt les données de la requête pour afficher-->
 
					{section name=idx loop=$liste_bureau}
						<tr style="background-color:{cycle values="#ffffcc, #cccccc"};">
							<td><div align="center">{$liste_bureau[idx].libe_reg}</div></td>
							<td>{$liste_bureau[idx].code_bur}</td>	
							<td>{$liste_bureau[idx].libe_bur}</td>	
							<td>{$liste_bureau[idx].nom_resp}</td>				
							<td><div align="center"><a href=bureau_modif.php?bureau={$liste_bureau[idx].code_bur} title="Modifier"><img src="Modifier.jpeg" width="20" height="18" border="0" /></a></div></td>
							<td><div align="center"><a href=bureau_suppr.php?bureau={$liste_bureau[idx].code_bur} title="Supprimer"><img src="../css/img/Supprimer.jpeg" width="20" height="18" border="0" /></a></div></td>
							<!--<a href=modifier_region_form.php?code=<?php echo $code?> target="bas" title="Modifier"><img src="../images/Modifier.jpeg" width="20" height="18" border="0"></a></td>-->
 
						</tr>
					{/section}
			  </table>

12/10/2009, 17h49
gwyohm

Salut, j'ai plusieurs questions pour pouvoir t'aider :

Citation:

Envoyé par BILANGA

Je voudrais créer un tableau dynamique ou le nombre de colonnes ou de lignes dépendra de la valeur de ma requête.
En fonction de la valeur selectionnée <select onChange="AfficheRegion(this.value)" name="code_reg">, les données seront affichées.

Tu as un exemple à donner ?

Citation:

Envoyé par BILANGA

Je vous rappelle que ce code est dans un fichier .tpl, et il traite les données provenant du php.

C'est du templating PHP ? Mais apres interprétation par le serveur, ca devient du HTML non ?

Citation:

Envoyé par BILANGA

Alors après plusieurs heures de lecture et de recherche, j'ai trouvé ce code qui ne m'arrange pas.

Qu'est-ce qui ne va pas avec ce code ?
12/10/2009, 18h07
BILANGA

Merci pour votre réaction.

Citation:

Envoyé par gwyohm

Salut, j'ai plusieurs questions pour pouvoir t'aider :

Tu as un exemple à donner ?
Oui:

Voici par exemple pour une page bureau, le tableau que j'ai:

<table width="887">
<tr style="background-color:teal;color:white;">
<th width="180"><div align="center">Région</div></th>
<th width="171"><div align="center">Code Bureau</div></th>
<th width="171"><div align="center">Bureau</div></th>
<th width="193"><div align="center">Responsable</div></th>
<th width="60"><div align="center">Modifier</div></th>
<th width="84"><div align="center">Suppression</div></th>
</tr>


{section name=idx loop=$liste_bureau}
<tr style="background-color:{cycle values="#ffffcc, #cccccc"};">
<td><div align="center">{$liste_bureau[idx].libe_reg}</div></td>
<td>{$liste_bureau[idx].code_bur}</td>
<td>{$liste_bureau[idx].libe_bur}</td>
<td>{$liste_bureau[idx].nom_resp}</td>
<td><div align="center"><a href=bureau_modif.php?bureau={$liste_bureau[idx].code_bur} title="Modifier"><img src="Modifier.jpeg" width="20" height="18" border="0" /></a></div></td>
<td><div align="center"><a href=bureau_suppr.php?bureau={$liste_bureau[idx].code_bur} title="Supprimer"><img src="../css/img/Supprimer.jpeg" width="20" height="18" border="0" /></a></div></td>


</tr>
{/section}
</table>

Je veux le créer en dynamique en fonction de la valeur <select onChange="AfficheRegion(this.value)" name="code_reg"> selectionnée.

C'est du templating PHP ? Mais apres interprétation par le serveur, ca devient du HTML non ?

Après interprétation par le serveur ca devient un html.

Qu'est-ce qui ne va pas avec ce code ?

Celui que j'ai ne créer pas dynamique le tableau, dont il ne marche pas. Celui que j'ai mis dans le 1er message est juste un text qui ne marche pas aussi.
12/10/2009, 18h10
BILANGA

j'espère avoir bien repondu aux questions de gwyohm.
12/10/2009, 18h14
E.Bzz

Pas vraiment :aie:

Citation:

Envoyé par gwyohm

C'est du templating PHP ? Mais apres interprétation par le serveur, ca devient du HTML non ?

De plus, un exemple qui fonctionne (tiré d'un autre site, par exemple) aiderait.

Sinon, décrit précisément ce que tu veux obtenir :
qu'est-ce qui fait varier la structure de ton tableau (action utilisateur ou information serveur), quelles sont ces variations, quelle est le changement à l'écran ... ?

... et dans tous ça, qu'est ce qui te bloque (ce que tu n'arrives pas à faire / ce que tu as déjà fait) ?

A+
12/10/2009, 18h50
gwyohm

Es tu sur de vouloir un code javascript ?
i.e. Le tableau est construit côté client sans rechargement de la page.

Où bien tu veux adapter le .tpl donné en exemple pour un besoin métier un peu différent ?
13/10/2009, 12h04
BILANGA

Citation:

Envoyé par gwyohm

Es tu sur de vouloir un code javascript ?
i.e. Le tableau est construit côté client sans rechargement de la page.

Où bien tu veux adapter le .tpl donné en exemple pour un besoin métier un peu différent ?

Bonjour, merci de votre réaction. Le tableau est contruit côté client sans rechargement.

Je désire avoir un code pour l'adapter au fichier .tpl, afin de permettre une certaine flexibilité de la presentation. Je passe un array en parametre de php en tpl.

J'espère avoir repondu clairement à vos questions.