Discussion :

[beegees]

Bonjour tout le monde,

J'ai un script javascript qui me permet de créer une ligne dans un tableau et d'y insérer n text area (zone de texte) :

Code :

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

1
2
3
4
5
6
7
$NbFields = mysql_num_fields($query);
		echo 'le nombre de champ de cette table vaut ' . $NbFields;
		echo  '<input type="button" value="Ajouter une ligne au tableau" onClick="AddRow('.$NbFields.') "; >';
 
		echo '</table>';
 
		?>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function AddRow(NombreCellules)
{
     var newRow = document.getElementById('TableauUpdate').insertRow(-1); //on ajoute une ligne en fin de tableau
  for(i = 0; i < NombreCellules; i++)
  {
    var input = document.createElement("input");
    input.type = "text";
    newCell = newRow.insertCell(i);
    newCell.appendChild(input);
  }
}
</script>

Je devrais donner un nom bien précis à chaque zone de texte créés.

Voici ce que cela devrait donner :

Code :

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

<td> <textarea name="new[2][NOM_PROF]" . $>Willis</textarea> <input name="old[2][NOM_PROF]" type="hidden"  value="Willis"/></td><td> <textarea name="new[2][PRENOM_PROF]" . $>Bruce</textarea> <input name="old[2][PRENOM_PROF]" type="hidden"  value="Bruce"/></td><td> <textarea name="new[2][Email_Prof]" . $>BWillis@gmail.com</textarea> <input name="old[2][Email_Prof]" type="hidden"  value="BWillis@gmail.com"/></td></tr><input type="submi

Vous l'aurez remarqué, il faut créer avec chaque zone de texte un text area invisible, et donner un nom à la text visible area "new[2][NOM_PROF]"
et à la text area invisible "old[2][PRENOM_PROF]"

Il y'a plusieurs difficultés :

1) Il faudrait commencer la numérotation [n] après le dernier, cela devrait se faire grâce à mysql_num_rows() - 1 (le nombre de ligne déjà présentes dans la table - 1 car on commence la numérotation à zéro)
2) Donner un nom bien précis pour la text area visible et invisible.

Pour ce qui est du nom j'ai fait ceci :

Code :

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

input.name = new[NombreLignes][NOM_PROF]" . $;

Une grosse difficulté est de changer le nom [NOM_PROF] par une variable qui correspond au nom de la colonne dans laquelle on est actuellement.

Voici le code que j'utilise pour créer mon formulaire :

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
echo '<form action="MettreAJour.php" method="post" name="frmSaisie" id="frmSaisie">';
 
 
	echo '<tr>';
	for($i=0;$i<mysql_num_fields($query);$i++)
		{
		echo '<th>'.mysql_field_name($query,$i).'</th>';
		}
	echo '</tr>';
 
	$nligne = 0;
	$nbColonnes = 0;
	while($row = mysql_fetch_array($query,MYSQL_ASSOC)) 
	{
 
	echo '<tr>';
	foreach($row as $NomCol => $Valeur)
		{
			   echo '<td> <textarea name="new[' . $nligne . '][' . $NomCol . ']" . $>'.$Valeur.'</textarea> <input name="old[' . $nligne . '][' . $NomCol . ']" type="hidden"  value="'.$Valeur.'"/></td>';	
		}
	$nligne++;
				echo '</tr>';
	}
	echo '<input type="submit" name="Submit" value="Mettre la table à jour" />' ; 
 
	echo '</p>';
	echo '</form>';

Connaissez-vous un site qui expliquerais tout cela où pourriez-vous me mettre sur une première piste ?

Merci d'avance.

beegees

[SpaceFrog]

voir l'article que j'ai mis dans la FAQ "FORM DYNAMIQUE MAIS PAS QUE FORM" ...

[beegees]

Bonjour SpaceFrog,

Merci beaucoup pour ta réponse.

Je vais aller voir ton tuto dans la faq.

Il y a quelque chose qui m'inquiète réellement, c'est que quand je crée un input en javascript et que je vais voir la source dans firefox, il n'apparaît pas dans le code source HTML.

Est-ce normal ?

Merci encore.

beegees

[bigboomshakala]

le code source c'est ce que tu as écrit, donc c'est normal

[beegees]

le code source c'est ce que tu as écrit, donc c'est normal

Merci.

Il n'y a donc aucun moyen ?

Merci encore.

beegees

[bigboomshakala]

avec n'importe quel DOM inspector (installé de base sur FF) tu peux trouver des plug-in pour ton navigateur

[SpaceFrog]

Comme le dit BBS avec firefox par exemple et la devwewtoolbar tu peux visualiser le "code généré"

[beegees]

avec n'importe quel DOM inspector (installé de base sur FF) tu peux trouver des plug-in pour ton navigateur

Comme le dit BBS avec firefox par exemple et la devwewtoolbar tu peux visualiser le "code généré"

Merci à vous deux pour vos réponses.

Cela n'est-il pas possible avec AJAX ?

Je ne peux pas demander à chaque visiteur d'installer le plug in firefox.

Merci encore.

beegees

[SpaceFrog]

Heu c'est juste pour visualiser la source ...
tu veux que les clients visualisent la source ????