[Tableaux] Envoi tableau dynamique

**acidline** · 21/11/2007, 11h36

Bonjour à tous,

Je suis confronté à une problème que je ne sais pas résoudre, je tourne en rond en fait !

Dans une interface d'admin, je dois construire un tableau dynamique (ajout de ligne).
Je compte le transmettre en POST avec la méthode serialize pour le décomposé et le unserialize pour le recomposer.

voici le code (une partie) :

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
 
DANS LE HEAD LA FONCTION JAVASCRIPT POUR AJOUTER UNE LIGNE 
 <script type="text/javascript" language="javascript"> 
 function AddRow(){ 
     var newRow = document.getElementById('table').insertRow(-1); 
     var newCell = newRow.insertCell(0); 
     newCell.innerHTML = '<input type="text" class="tabs" />'; 
     newCell = newRow.insertCell(1); 
     newCell.innerHTML = '<input type="text" class="tabs" />'; 
     newCell = newRow.insertCell(2); 
     newCell.innerHTML = '<input type="text" class="tabs"/>'; 
 } 
 </script> 
 
 
 DANS LE BODY MON FORMULAIRE 
 
 <div id="requis"> 
 <label>Tableau de donn&eacute;es : </label> 
 
 <table id='table' border='1' width:'600px'> 
     <tr>  
         <td>Diam&egrave;tre</td>          
         <td>Dimensions</td> 
         <td>Nombre de s&eacute;gments</td> 
     </tr> 
 </table> 
 </div> 
 
 <a href="java script:AddRow();"><img style="position:relative;top:3px;left:-3px" src="../img/add.png" />Ajouter une ligne</a 
 
 
     <input type="image" src="../img/valider.gif" class="inputSubmit" value="Submit" /> 
     <input name="action" type="hidden" id="action" value="ajouter" /> 
     <input type="hidden" name="tableau" value="<?=serialize($tableau);?>" />

Le problème est que je veux envoyer $tableau amsi je ne sais pas comment le stocker dans la variable tableau (mon tableau est dynamique et non fixe) ... J'ai tout essayé avec javascript et php mais je dois être mauvais !

J'ai tenté un truc du genre :

Code :

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

1
2
3
 
<?php  
 $tableau = "<script type="text/javascript">document.getElementById('table');</script> "; ?>

$tableau correspondrait donc à la table id="table".

Merci de votre aide

**sharrascript** · 21/11/2007, 11h46

bonjour,

il est tout bonnement impossible de remplir une variable comme ceci.

Tu peux remplir une variable JS dynamiquement avec php, mais pas l'inverse. Car php a besoin de faire un petit détour coté serveur pour être modifier. Tu ne peux rien faire coté client pour remplir une variable php.

Par contre tu peux envoyer pas mal de chose en POST et les récupérer à la sortie.

++

**acidline** · 21/11/2007, 11h55

ok pour la mise au point !

Mais comment dois-je faire alors ? comment transmettre ce tableau ? Quelles sont les méthodes ?

**sharrascript** · 21/11/2007, 12h59

que veux tu passer comme variable exactement?

De quoi sera constitué ton tableau?

**acidline** · 21/11/2007, 13h21

merci de t'interesse à mon problème !

La tableau contiendra des infos concernant des disques diamantés.
Bref en gros,

Dimension | Nombre de Segments | Diamètre

pb pour un disques, appelons le disc1 j'ai plusieurs diametre, plusieurs nb segment et plusiseurs dimension

ex :
10x20x30 | 15 | 60
40x50x60 | 22 | 75

etc...

ce qui aurait été parfait (pour l'utilisateur qui va remplir son site) c'est d'avoir un tableau qu'il puisse remplir lui même.

pas de souci quand à la construction du tableau avec javascript (ajout ligne, suprression ligne)

mais la ou ça coince, c'est comment transmettre tout ça a une page de traitement afin d'alimenter ma base de données...

**sharrascript** · 21/11/2007, 13h38

re,

Les variables post suffisent amplement.

En effet, d'après ton exemple tu rempli tes valeurs dans des input de type text. Il suffit de leur donner un attribut name et de le récupérer sur une page de traitement.

Le seul problème que tu peux rencontrer c'est le fait de savoir combien de input l'internaute va remplir. Mais c'est quand même gèrable.

Je ne sais pas si ça te met sur la voie... Ou peut être que je n'ai pas bien saisie le problème ^^ (ça m'arrive parfois

)...

**acidline** · 21/11/2007, 13h45

re,

oui en effet le problème est de savoir combien de ligne vais je avoir.

je trouve dommage de ne pas pouvoir exploiter un tableau sans trop de prises de têtes (et oui, le temps manque !).
je vais contourner le problème,

l'utilisateur rentrera dans un textarea les valeurs "a la suite" (ex :10-20-30-40) séparé par un trait d'union, un envoi par post puis un explode pour remettre tout ça comme il faut.

en tout cas, merci de ton aide.

nico

**fenkys** · 21/11/2007, 13h50

Tu peux aussi utiliser foreach pour explorer le tableau $_POST qui contiendra les entrées du formulaire.

**CR_Gio** · 21/11/2007, 20h19

Envoyé par acidline

oui en effet le problème est de savoir combien de ligne vais je avoir.

Code :

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

echo sizeof($_POST['Disque']);

Envoyé par fenkys

Tu peux aussi utiliser foreach pour explorer le tableau $_POST qui contiendra les entrées du formulaire.

Code :

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

1
2
3
4
5
6
7
8
 
foreach($_POST['Disque'] as $indice=>$DisqueParam)
{
  echo 'Disque N° '.$indice;
  echo $DisqueParam['dim'];
  echo $DisqueParam['seg'] ;
  echo $DisqueParam['diam'] ;
}

Le code "complet" pourrais donner ceci

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
<?php
echo '<pre>';
print_r($_POST);
echo '</pre>';
?>
 
<script type="text/javascript" language="javascript">
 var Num_Row=0;
 function AddRow(){
     var newRow = document.getElementById('table').insertRow(-1);
     var newCell = newRow.insertCell(0);
     // onchange="javascript:CheckFormat(this.value);"
     newCell.innerHTML = '<input type="text" name="Disque['+Num_Row+'][dim]" class="tabs" />';
     newCell = newRow.insertCell(1);
     newCell.innerHTML = '<input type="text" name="Disque['+Num_Row+'][seg]" class="tabs" />';
     newCell = newRow.insertCell(2);
     newCell.innerHTML = '<input type="text" name="Disque['+Num_Row+'][diam]" class="tabs"/>';
     Num_Row++;
 }
</script>
 
<form methode="POST" onsubmit="javascript:CheckForm();">
  <table id="table">
    <tbody>
      <tr>
        <td>Diam&egrave;tre</td>
        <td>Dimensions</td>
        <td>Nombre de s&eacute;gments</td>
      </tr>
    </tbody>
  </table>
 
<input type="submit" value="Send To Server">
</form>
 
<a href="javascript:AddRow();">AddRow</a>

En esperant t'aider

<edit>

Envoyé par acidline

je trouve dommage de ne pas pouvoir exploiter un tableau sans trop de prises de têtes

</edit>

[Tableaux] Envoi tableau dynamique

Langage PHP

Discussions similaires

Partager

Partager