boucle sur un INPUT en javascript [Résolu]

paolo2002 · 14/02/2011, 12h31

Bonjour à tous,

Est-il possible d'effectuer une boucle javascript sur un object HTML ?

Pour être précis, j'essaie d'obtenir quelque chose de ce genre:

Code :

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

1
2
3
4
5
6
7
8
 
<TABLE WIDTH="20%" BORDER="1" ALIGN="CENTER" CELLSPACING=0>
 
for(i = 0; i < taille; i++)
<TR>
	<TD ALIGN="CENTER">
		<input type='hidden' id='IdToto_'"+i+" name='strToto' value='"+valeurs[i]+"' />	</TD>
</TR>

En utilisant uniquement javascript et HTML.

Merci d'avance pour votre aide.

vermine · 14/02/2011, 13h13

Bonjour,

Oui mais alors ce sera uniquement en Javascript avec des createElement, des appendChild, etc. Des méthodes du DOM en bref. Vous pouvez faire une recherche sur le forum, il y a plusieurs exemples qui y trainent.

Eric2a · 14/02/2011, 13h30

Salut,

Dans l'exemple ci-dessous, seules les balises <input /> sont ajoutées dans le tableau en utilisant la méthode DOM comme l'a mentionné vermine.

Etant donné que les balises <input /> sont de type 'hidden', il est normal que les lignes du tableau les contenant paraissent vides.

D'ailleurs, je me demande s'il est vraiment utile de créer des lignes (<tr>) pour des éléments invisibles.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Tableau</title>
	<script type="text/javascript">//<![CDATA[
		function createTable(){
 
			// Taille et Tableau définis dans la fonction pour l'exemple
			var valeurs=new Array(1,2,4,8,16,32,64,128,256,512,1024,2048,4096,8192,16384);
			var taille=5;
 
			var table=document.createElement('table');
			table.setAttribute('width','20%');
			table.setAttribute('border','1');
			table.setAttribute('align','center');
			table.setAttribute('cellspacing','0');
 
			var tbody=document.createElement('tbody');
 
			var i,tr,td,input;
 
			for(i=0;i<taille;i++){
				tr=document.createElement('tr');
 
				td=document.createElement('td');
				td.setAttribute('align','center');
 
				input=document.createElement('input');
				input.setAttribute('type','hidden');
				input.setAttribute('id','IdToto_'+i);
				input.setAttribute('name','strToto');
				input.setAttribute('value',valeurs[i]);
 
				td.appendChild(input);
				tr.appendChild(td);
				tbody.appendChild(tr);
			}
			table.appendChild(tbody);
 
			var elt=document.getElementById('tableau');
			while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
			elt.appendChild(table);
		}
 
		window.onload=function(){
			createTable();
		}
	//]]>
	</script>
</head>
 
<body>
	<form action="" method="post">
		<div id="tableau">*</div>
	</form>
</body>
 
</html>

paolo2002 · 14/02/2011, 15h11

Merci pour vos réponses,

En effet, il n'est pas nécessaire de créer des lignes

Citation:

<TR>

.

14/02/2011, 13h13	#2
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 768 Points : 5 768	Bonjour, Oui mais alors ce sera uniquement en Javascript avec des createElement, des appendChild, etc. Des méthodes du DOM en bref. Vous pouvez faire une recherche sur le forum, il y a plusieurs exemples qui y trainent. __________________ Elen Poukram - Isegoria - Sandawe
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email