Discussion :

[Gugul]

Bonjour, j'ai un petit problème sur un formulaire web, et je pense que Javascript peut m'aider.

Voila le problème:

J'ai un formulaire qui contient plusieurs TextBox.
Ce que je souhaiterai faire, c'est rentrer une valeur dans une case, cliquer sur un bouton et que cela m'affiche la valeur dans toutes les TextBox.

J'ai essayé en regroupant mes TextBox dans une meme classe, cela ne semble pas marcher.

C'est sans doute un problème assez simple, mais je débute et je n'y connais pas encore grand chose.

Merci d'avance !!

[badajoz]

Salut,

Tout d'abord il faudrait que chacun de tes textbox est la même classe comme ceci par exemple :

Code :

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

1
2
3
4
5
6
 
<input type="texte" name="textacopier" id="textacopier" value="" />
 
<input type="texte" name="text1" id="text1" class="text" value="" />
<input type="texte" name="text2" id="text2" class="text" value="" />
<input type="texte" name="text3" id="text3" class="text" value="" />

Ensuite dans ton JavaScript récupère les textbox en faisant comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var myText = document.getElementById('textacopier').value;
// On récupère les champs textes
var els = document.getElementByTagName('input');
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

Ce code doit s'effectuer sur l'action "onClick" de ton bouton.

[Bovino]

@badajoz :
A noter que désormais, il peut être utile de passer par getElementsByClassName pour les navigateurs (de plus en plus nombreux) qui l'implémentent

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if(document.getElementsByClassName){
    var els = document.getElementsByClassName('text');
}
else{
    var myText = document.getElementById('textacopier').value;
    // On récupère les champs textes
    var els = document.getElementsByTagName('input');
}
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

et attention, c'est getElementsByTagName

[Gugul]

Merci les gens, avec cette fonction, j'agis bien sur les textbox concernées.
le seul soucis, c'est que au lieu d'afficher la valeur que je rentre, toutes mes textbox se remplissent avec des undefined.
Je ne vois d'ailleurs pas pourquoi !

[Bovino]

Si tu as juste recopié mon code, c'est normal... j'ai un peu cafouillé au niveau des déclarations.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var myText = document.getElementById('textacopier').value;
if(document.getElementsByClassName){
    var els = document.getElementsByClassName('text');
}
else{
    // On récupère les champs textes
    var els = document.getElementsByTagName('input');
}
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

[Gugul]

Hehe, ton code marche tres bien, c'est moi qui est juste pas pensé à faire les get dans la bonne form....

en tout cas merci beaucoup !