Discussion :

[Invité]

Bonjour,

J'ai une page HTML avec un DIV.
Via javascript et getElementById(monDIV).innerHTML, j'y intègre un INPUT TEXT (id=toto).
Plus loin dans le code je mets dans toto, une valeur x.
Jusque là tout va.

Mais si je répète les instructions, là problème, c'est expliqué dans le code si-dessous :

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
 
y = 0;
...
function addinput(y) {
document.getElementById("monDIV").innerHTML += '<input type="text" id="toto_' + y + '" size="6" /><br/>';
};
 
addinput(y); //toto_y se crée
...
 
document.getElementById("toto_y").value = mavaleur; // j'ai bien mis mavaleur dans toto_y
...
 
addinput(y+1); //toto_y+1 se crée, mais sous FF3 il n'y a plus de valeur dans toto_y, sous IE7 la valeur est toujours dans toto_y
...
 
document.getElementById("toto_y+1").value = monautrevaleur; //j'ai mis monautrevaleur dans toto_y+1
...
 
addinput(y+2); //toto_y+2 se crée, mais sous FF3 il n'y a plus de valeur dans toto_y+1, sous IE7 la valeur est toujours dans toto_y et toto_y+1
...
 
document.getElementById("toto_y+2").value = monautreautrevaleur; //j'ai mis monautrevaleur dans toto_y+2
 
...

Quelle est la solution pour garder les valeurs dans les INPUT TEXT via FF3

Merci pour vos futures réponses

Jean-Luc

[le_chomeur]

je te conseille de passer par le dom plutot que innerHTML ,

Code :

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

1
2
3
4
5
var monChamps = document.createElement("input");
monChamps.type = "text";
monChamps.value = "tavaleur";
monChamps.id = "tonid"
document.getElementById('iddetadiv').appendChild(monChamps);

tu pourras ainsi ajouter autant d'élément que tu veux, en créeant l'id de façon dynamique, sans remplacer le contenu de ta div

[Invité]

Merci pour ta réponse.

C'est bien une idée qui me trottait dans la tête.
Je vais essayer ta solution (il faut que j'intègre dans mon div, un div qui contient 2 INPUT TEXT et un INPUT RADIO, cela va être un peu plus long...)

Je réponds dès que test effectué.
Mais avant sport !

A tout à l'heure

Jean-Luc

[Invité]

Me revoilà,

Super, après quelques recherches pour la création des noeuds (genre createTextNode) et attributs de style (textAlign), cela fonctionne.
Merci bien.

Jean-Luc