Bonjour à tous,

Je réalise un simple éditeur HTML qui consiste à rentrer dans des champs de formulaire du texte dont la saisi est automatiquement insérer dans des cellules de tableau HTML ! Le problème que je rencontre est que lorsque je réalise la saisi dans un des champs, j'aurai voulu que le texte s'insère dans plusieurs cellules de mon tableau à la fois mais mon script ne prend en compte que la première cellule de mon tableau... Après cette brève explication voici mon 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
<html>
<head>
</head>
<body>
<script type="text/javascript">
function insert() 
{
 for (var n=1;n<4;n++)
 {
     if ( document.getElementById(n).value != "" )
	{  
	document.getElementById("key_"+n).innerHTML = document.getElementById(n).value;
	}
 }
}
</script>
<form>
<table width="100%" border="1" bordercolor="#000000">
<tr>
<td><input type="text" id="1" size="4" onkeyup="insert()"></td><td><input type="text" id="2" size="4" onkeyup="insert()"></td>
<td><input type="text" id="3" size="4" onkeyup="insert()"></td><td><input type="text" id="4" size="4" onkeyup="insert()"></td>
<tr>
</table>
</form>
<br><br>
<table width="100%" border="1" bordercolor="#000000">
<tr>
<td id="key_4">....</td><td id="key_3">...</td>
<td id="key_4">....</td><td id="key_2">..</td>
<td id="key_1">.</td><td id="key_1">.</td>
<td id="key_2">..</td><td id="key_3">...</td>
<td id="key_4">....</td><td id="key_2">..</td>
</tr>
</table>
</body>
</html>
Donc si vous avez une idée de comment je pourrez procéder autrement pour réaliser ce que je veux... je suis preneur...

Merci