Discussion :

[tiger63]

Bonjour
Je suis entrain de construire une fonction javscript permettant de creer dynamiquement quelques champs dans un tableau (3 inputs et un lien permettant de lancer une autre fonction qui permettra de supprimer ce qui viens d etre crée ici)
La creation des 3 inputs fonctionnent, mais la fonction beugue des que j essaye de creer mon lien

Voici le code :

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
numFile=0;
 
function add() {
 
	// Création du paragraphe contenant le champs file
	numFile++;
 
	var toto='table'+numFile;
 
	zzz = document.createElement("table");
 
	p=document.createElement("tbody");
	p.setAttribute("id", toto);
	 var ligne1=p.insertRow(0); //on creer la ligne
		case1=ligne1.insertCell(0); //creation de la case
	var texte1 = case1.appendChild(document.createTextNode("      "));//on ajoute le texte
 
 
 
 
//Creation de la ligne pour le permier input
 	var ligne2=p.insertRow(1);
		case1=ligne2.insertCell(0); //creation de la case
	var texte2 =case1.appendChild(document.createTextNode(" Titre de la photo numero : "));
 
	// Création du input
  	input = document.createElement("input");
	input.className = "text";
	input.setAttribute("type", "text");
	input.setAttribute("id", "titre"+numFile);
	input.setAttribute("name", "titre"+numFile);
	input.setAttribute("value", "");
 
	//case suivante
	var case2 = ligne2.insertCell(1);
		inputx=case2.appendChild(input);
 
 
//Creation de la ligne pour le 2 eme input
 
 		 var ligne3=p.insertRow(2);
		var case1 = ligne3.insertCell(0);
		texte1=case1.appendChild(document.createTextNode(" Details : "));
 
  	// Création du input
  	input2 = document.createElement("textarea");
	input2.setAttribute("rows", "2");
	input2.setAttribute("cols", "30");
	input2.setAttribute("name", "details"+numFile);
	input2.setAttribute("id", "details"+numFile);
	input2.setAttribute("value", "");
	var case2 = ligne3.insertCell(1);
	inputx=case2.appendChild(input2);
 
 
 
 
 
//Creation de la ligne pour le dernier input
 
    var ligne4=p.insertRow(3);
	var case1 = ligne4.insertCell(0);
	texte1=case1.appendChild( document.createTextNode(" Adresse de la photo : "));
 
  	// Création du input
  	input = document.createElement("input");
	input.className = "file";
	input.setAttribute("type", "file");
	input.setAttribute("id", "chemin_nouv_mar"+numFile);
	input.setAttribute("name", "chemin_nouv_mar"+numFile);
	input.setAttribute("value", "");
	var case2 = ligne4.insertCell(1);
	inputx=case2.appendChild(input);
 
 
 
 
 
//Creation de la ligne pour le lien
    var ligne5=p.insertRow(4);
 
	// Création du lien supprimer
	t = document.createElement("a");
	t.setAttribute("id", "suppr"+numFile);
	t.setAttribute("name", "suppr"+numFile);
	t.setAttribute("href", "javascript:del("numFile")");
	t.setAttribute("class","txt");
	lienSupprimer = t.appenChild(createTextNode("Supprimer"));
	case1= ligne5.insertCell(0);
	case1.appenChild(t);
 
 
	// Ajout de tout dans le tableau puis dans la div upload
	zzz.appendChild(p);
	document.getElementById("upload").appendChild(zzz);
 
  }

Pourriez vous m'aider svp?
Merci beaucoup

Tiger63
Ke le tigre soit en toi!!


ps: question subsidiaire: savez vous comment passer un tableau creer en php a une fonction en javascript??

[javatwister]

1e question: bug certain à la ligne

Code :

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

t.setAttribute("href", "javascript:del("numFile")");

2e question: plein de réponses dans les archives de ce forum;