Discussion :

[knebhi]

Bonjour,

j'ai créé un formulaire qui insère les champs dans une bdd. je suis actuellement sur un formulaire d'édition qui reprend ces enregistrements.

j'ai un soucis avec certains champs qui sont entre guillemet dynamique.
j'ai un bouton ajouter qui me permet d'ajouter jusqua 5 champs 'responsable'.

dans mon formulaire d'édition je vérifie s'ils existent pour les faire apparaitre :

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
<?
				$Responsable_corpus2 = isset($result->Responsable_corpus2) ? $result->Responsable_corpus2 : '';
 
				if(!empty($Responsable_corpus2))
				{
					echo "<tr>
 
					<td>- Responsable du corpus 2 :</td>
					<td><input type=\"text\" size=\"50\" name=\"Responsable_corpus2\"
						value=\"";
					echo($result->Responsable_corpus2) ;
					echo "\" onKeyUp=\"javascript:couleur(this);\"></td></tr>";
 
				}
 
?>

le problème se situe au niveau du bouton ajouter en effet je repren le code qui m'a servi dans mon formulaire d'insertion qui est :

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
var nRC = 1;
function addRespCorpus() {
 
	//limiter a 5 responsable corpus
	if(nRC<5){
	nRC++;
 
	var tableau = document.getElementById('Responsable_corpus');
	var ligneRespCorpus = tableau.insertRow(-1);
	var nb = tableau.rows.length;
 
	var newCell = ligneRespCorpus.insertCell(0);
	newCell.innerHTML = ligneRespCorpus.rowIndex; // creation index
	newCell.innerHTML = '- Responsable du corpus ' + nRC + ' : ';
	newCell = ligneRespCorpus.insertCell(1);
	newCell.innerHTML = '<input  type="text" size="50" name="Responsable_corpus' + nRC + '" onKeyUp="javascript:couleur(this);">';
 
	//creation bouton supprimer
	var bouton = document.createElement("input");
	bouton.type = "button";
	bouton.value = "Supprimer";
	bouton.onclick = function() {
		suppression1(ligneRespCorpus)
	};
	newCell.appendChild(bouton);
	}
	else{
	alert('Il ne peut pas y avoir plus de 5 responsables corpus!');
	}
	}

le problème se situe donc au niveau du compteur puisqu'il n'est pas initialisé de la bonne façon dans mon formulaire d'édition (sachant qu'au départ il peut y avoir de 1 à 5 responsable).

voila jespere avoir eté clair merci de votre aide

[SpaceFrog]

pour inserer un champs dynamiauemetn il ne faut surtout pas essayer de coller le code HTML au pide de biche comme ça avec un innerHTML. Le resultat est plus qu'hasardeux suivant les navigateurs et le DOM ne reconnait pas ces objets.

jette un oeil par là http://www.developpez.net/forums/d53...ynamique-form/

[knebhi]

ok je prend note donc je corrige cela j'aimerai avoir un petit coup de pouce



voici mon code html d'origine

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
 
<tbody id="Responsable_corpus">
				<tr>
 
					<td>- Responsable du corpus 1 :</td>
					<td><input type="text" size="50" name="Responsable_corpus1"
						onKeyUp="javascript:couleur(this);"></td>
 
 
				</tr>
 
			</tbody>
			<tr>
				<td><input type="button" value="Ajouter un responsable"
					onclick="Construct()" /></td>
				<td bgcolor="#C0C0C0"></td>
			</tr>

j'ai lu ton post et tenté de créer des champs responsable suplémentaire

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
var nRE = 1;
function Construct() {
	nRE++;
	var myTr= $C( {"obj":"tr"} );
	var myTd= $C( {"obj":"td"} );
 
	var myinput = $C( {
		"obj" : "input",
		"type" : "text",
		"name" : "Responsable_rec' + nRE + '"
	});
 
 
	$Close(myinput)
	$Close(myTd)
	$Close(myTr)
}

le soucis : il se crée au mauvaise endroit dans la version précédente j'avais un

Code :

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

document.getElementById('Responsable_rec');

comment faire pour avoir ces ligne dans mon tableau et pas en bas du formulaire.

ensuite je voudrai créer un bouton supprimer comme dans ma précédente version et enfin revenir sur mon probléme de base

merci de votre aide

[SpaceFrog]

ben colle lui un id ...

[knebhi]

ben colle lui un id ...

Oui je c mais je fais commen au niveau de la syntaxe avec cette nouvelle méthode je vois pas

[SpaceFrog]

Code :

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

"id" : "Responsable_rec' ...

[knebhi]

je suis désolé mais étant débutant je pense que je vais garder mon formulaire comme il était sachant que j'ai testé pas mal de fois sous firefox et i.e et je n'ai pas eu de soucis.

je vais essayer de resoudre le soucis du formulaire d'édition