Probleme de recopie de champs

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme de recopie de champs

geulderack

Bonjour je voudrais savoir comment faire pour recopiez des champs cree dynamiquememt, je m'explique :

Dans un formulaire j'ai un certain nombre de champs qui sont aleatoire c'est a dire que certain peuvent parfois etre present et parfois non .

Je voudrais recopier la valeur des libelles dans les inputs correspondant via un bouton. Mais je en sais vraiment pas comment m'y prendre ...

voici mon code

Code :

<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM action="" name="MainForm" method="post">
<BR>
<TABLE border="0" cellspacing="0" cellpadding="2" width="100%">
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 1 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value1" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 2 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value2" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 3 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value3" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 4 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value4" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 5 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value5" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 6 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value6" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 7 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value7" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 8 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value8" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 9 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value9" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 10 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value10" style="width:75%;" value="">
</TD>
</TR>
<TR>
<TD valign="middle" nowrap="">
<B>TEXT 11 :</B>
</TD>
<TD valign="middle" style="padding-left: 10px;width:100%">
<INPUT type="Text" class="clSAYS" name="Value11" style="width:75%;" value="">
</TD>
</TR>
</TABLE>
<BR>
<BR>
<TABLE cellpadding="0" border="0" align="center" cellspacing="0">
<TR>
<TD nowrap="">
<INPUT type="button" value="Recopier">
</TD>
<TD nowrap="">
<INPUT type="submit">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Merci d'avance je pense que je vais devoir utiliser de id ? mais je ne sais vraiment pas comment faire ....

Publicité

cerel

Oui effectivement tu dois jouer avec les id.
Je te conseille de metre un span par libelle que tu veux modifie. Span avec id biensur.

Ensuite tu n'as plus qu'a faire un "document.getElementById('idduspanvoulu')", avec ca tu obtiens l'element voulu, ensuite grace a innerHTML tu pourras changer le contenu.

geulderack

Cerel a écrit :

J'ai rien compris tu n'aurais pas un exemple ?

cerel

En fait je crois que j'ai pas bien compris ton probleme.

Quand tu dis que le nombre de champs est aleatoire, je veux bien, mais c'est qui qui te donne ces champs ? Je veux dire, tu utilises un langage de script cote serveur, ou tu edites la page html a chaque fois pour ajouter ou enlever les champs ?

Ensuite quand tu dis que tu veux recopier la valeur des libelles dans les input correspondants, tu veux recopier le texte du libelle dans l'input ?
Pourquoi ne pas utiliser la propriete "value" des inputs ...

Bref, il faudrait que l'on sache comment tu obtiens tes champs aleatoires, et aussi pkoi tu veux copier du texte dans les inputs ...

geulderack

Ok je m'explique en fait je fais une interface web dependante d'une appli tournant sous windows cette appli donne plus ou moins de droit a des utilisateurs qui ont donc plus ou moins droit de voir certain champs ... Donc mon appli va recuperer les droit declarer et afficher les input correspondant a ces droits ...

exemple : J'ai declarer 4 champs dans mon appli win j'aurais 4 input du coté web .

Maintenat je veux juste faire un bouton qui me permette de remplir ces input avec la valeur du libelle. ces input servent a redefinir un nom pour l'utilisateur en question rempalcer le nom par defaut.

exemple :

NOM1: INPUT1 (value= vide)
NOM2: INPUT2
NOM3: INPUT3
NOM4: INPUT4
NOM5: INPUT5

je voudrais en cliquant sur le bouton recopier NOM1 dans la Value de l'input et ce pour tous ....

recopie mon code plus haut tu comprendra peut etre mieux ...

Merci

cerel

Je vois plus ou moins, mais ce qui m'embete c'est l'histoire des inputs... Si j'ai bien compris c'est ton application qui va "afficher" les inputs, je pense que tu veux dire que ton appli va generer le code html avec le bon nombre d'inputs, alors pkoi ne pas les remplir aussi via cette appli...

Un des problemes qui empeche que ce soit "facilement" faisaible c'est de savoir combien de champs tu as en tout. Si tu arrives a le savoir alors c'est plus facile.
La methode pour faire ce que tu veux serais qqch comme ca :

Code :

<script type="text/javascript">
function copier() {
for (i = 1; i<=max; i++) {
txt = document.getElementById("text"+i);
champ = document.getElementById("champ"+i);
txt.value = champ.innerHTML; // <-- a verifier
}
}
</script>
<form>...
<div id="champ1">Nom1 :</div> <input type="text" id="text1">
<input type="button" value="copier" onclick="copier();">

Bref, tu vois l'idee.
Pour avoir le max tu pourrais dire a ton appli de le fornir, sinon une petite boucle du genre :

Code :

var max = 0;
while(document.getElementById("text"+max+1) {
max++;
}

Evidement les champs doivent se suivre ...

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme de recopie de champs

Sujets relatifs
programmation QT : problème de débutant	[Posgres+Tomcat] Problème de driver
[Coppermine] problème d'instalation coppermine :??: (galerie d'image)	[ASP] Problème avec formulaire
[DEBUTANT]Problème avec const char	petit probleme epineux d'authentification automatique
Probleme de menu	probleme avec bmp_io
Probleme de requete UPDATE	[CSS] problème de positionnement 'dynamique'
Plus de sujets relatifs à : Probleme de recopie de champs

Page générée en 0.118 secondes