Attribution d'un champ par un autre champ sur un formulaire

Résolu/Fermé
menphis1 Messages postés 29 Date d'inscription lundi 19 mars 2012 Statut Membre Dernière intervention 21 septembre 2018 - Modifié par menphis1 le 28/05/2014 à 17:32
menphis1 Messages postés 29 Date d'inscription lundi 19 mars 2012 Statut Membre Dernière intervention 21 septembre 2018 - 19 juin 2014 à 14:20
Bonjour,

J'ai créer un formulaire de parrainage sur un outil d'emailing.
La structure du formulaire est ainsi:

Adresse media (champ caché) Nom1 Prénom1 Email1
Nom2 Prénom2 Email2
Nom3 Prénom3 Email3

J'aimerais si possible récupérer l'email1 et l'attribuer au champ adresse média.

Apparemment on aurait besoin de Javascript pour résoudre ce problème.
Y a t'il une âme charitable pour m'aider ?

<tr>
<td><font size=2><strong><font face=Arial>Nom Prénom Email<br></font><font face=Arial><input id=ZFECMD_13143 value="0" type="hidden" name=ZFECMD_13143> <input id=ZFECMD_13266 value="0" type="hidden" name=ZFECMD_13266> <input id=ZFECMD_13340 name=ZFECMD_13340> <select id=ZFECMD_13269 name=ZFECMD_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=ZFECMD_13271 name=ZFECMD_13271> <input id=ZFECMD_13272 name=ZFECMD_13272> <input id=ZFECMD_13268 required name=ZFECMD_13268> </font></strong></font></td></tr>
<tr>
<td><font face=Arial><font size=2><strong>Nom</strong></font> <strong> <font size=2>Prénom</font></strong> <font size=2><strong>Email<br><input id=3QBW6R_13143 value="0" type="hidden" name=3QBW6R_13143> <input id=3QBW6R_13266 value="0" type="hidden" name=3QBW6R_13266> <input id=3QBW6R_13340 type="hidden" name=3QBW6R_13340> <input id=3QBW6R_13269 value=2 type=hidden name=3QBW6R_13269> <input id=3QBW6R_13271 name=3QBW6R_13271> <input id=3QBW6R_13272 name=3QBW6R_13272> <input id=3QBW6R_13268 name=3QBW6R_13268> </strong></font></font></td></tr>
<tr>
<td><font face=Arial><strong><font size=2>Nom </font> </strong> <font size=2><strong>Prénom </strong></font> <font size=2><strong>Email<br><input id=TZWYVX_13143 value="0" type="hidden" name=TZWYVX_13143> <input id=TZWYVX_13266 value="0" type=hidden name=TZWYVX_13266> <input id=TZWYVX_13340 type=hidden name=TZWYVX_13340> <input id=TZWYVX_13269 value=2 type=hidden name=TZWYVX_13269> <input id=TZWYVX_13271 name=TZWYVX_13271> <input id=TZWYVX_13272 name=TZWYVX_13272> <input id=TZWYVX_13268 name=TZWYVX_13268> </strong></font></font></td></tr>
<tr>

Merci d'avance

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 29/05/2014 à 01:49
Bonjour

pour récuper la valeur d'un champ ayant une id et en faire une variable

var mail = document.getElementById("id-du-champ").value;

pour ecrire une variable (ici la variable c'est "mail") dans un element ayant une id

document.getElementById("id-champ-ou-inserer").innerHTML = mail;

donc tu crée un fonction

<script>
function email() {
var mail = document.getElementById("id-du-champ").value;
document.getElementById("id-champ-ou-inserer").innerHTML = mail;
}
</script>

ensuite tu la déclenche sur le onclick

<input type="button" value="cliquez" onclick="email()" />


Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
1
menphis1 Messages postés 29 Date d'inscription lundi 19 mars 2012 Statut Membre Dernière intervention 21 septembre 2018
Modifié par menphis1 le 2/06/2014 à 11:15
Bonjour,

Merci pour ta réponse.
Désolé du retard, j'étais absent.
Il me semble que c'est un peu plus compliqué pour l'adapter a mon cas parceque j'ai 3 fois les "memes champs".

Adresse media1 (champ caché) Nom1 Prénom1 Email1
Adresse media2 (champ caché) Nom2 Prénom2 Email2
Adresse media3 (champ caché) Nom3 Prénom3 Email3

et y a un bouton final "Envoyer"

Donc pas de boutons pour chaque email


Voici le code de tout l'emailing


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
<script>
function email1() {
var mail = document.getElementById(SGG65T_13268).value;
document.getElementById(SGG65T_13340).innerHTML = mail;
}
function email2() {
var mail = document.getElementById(5KT5EN_13268).value;
document.getElementById(5KT5EN_13340).innerHTML = mail;
}
function email3() {
var mail = document.getElementById(KBCY1S_13268).value;
document.getElementById(KBCY1S_13340).innerHTML = mail;
}
</script></head>
<body>
<form id=theForm method=post action=/V5/save.aspx><!--param-->
<table>

<tr>
<td>
<p align=center><img border=0 hspace=0 alt="" align=baseline src="http://images."></p></td></tr>
<tr>
<td><img border=0 hspace=0 alt="" align=baseline src="http://images." width=559 height=104></td></tr>
<tr>
<td><font size=2><strong><br>
<table style="WIDTH: 729px; HEIGHT: 152px">

<tr>
<td><font size=2><strong><font face=Arial>Nom Prénom Email<br></font><font face=Arial><input id=SGG65T_13143 value=0 type=hidden name=SGG65T_13143> <input id=SGG65T_13266 value=0 type=hidden name=SGG65T_13266> <input id=SGG65T_13340 type=hidden onclick="email1()" name=SGG65T_13340> <select style="DISPLAY: none" id=SGG65T_13269 name=SGG65T_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=SGG65T_13271 name=SGG65T_13271> <input id=SGG65T_13272 name=SGG65T_13272> <input style="WIDTH: 220px; HEIGHT: 22px" id=SGG65T_13268 size=28 name=SGG65T_13268 required> </font></strong></font></td></tr>
<tr>
<td><font face=Arial><font size=2><strong>Nom</strong></font> <strong> <font size=2>Prénom</font></strong> <font size=2><strong>Email<br><input id=5KT5EN_13143 value=0 type=hidden name=5KT5EN_13143> <input id=5KT5EN_13266 value=0 type=hidden name=5KT5EN_13266> <input id=5KT5EN_13340 onclick="email2()" type=hidden name=5KT5EN_13340> <select style="DISPLAY: none" id=5KT5EN_13269 name=5KT5EN_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=5KT5EN_13271 name=5KT5EN_13271> <input id=5KT5EN_13272 name=5KT5EN_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=5KT5EN_13268 size=28 name=5KT5EN_13268> </strong></font></font></td></tr>
<tr>
<td><font face=Arial><strong><font size=2>Nom </font> </strong> <font size=2><strong>Prénom </strong></font> <font size=2><strong>Email<br><input id=KBCY1S_13143 value=0 type=hidden name=KBCY1S_13143> <input id=KBCY1S_13266 value=0 type=hidden name=KBCY1S_13266> <input id=KBCY1S_13340 type=hidden onclick="email3()" name=KBCY1S_13340> <select style="DISPLAY: none" id=KBCY1S_13269 name=KBCY1S_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=KBCY1S_13271 name=KBCY1S_13271> <input id=KBCY1S_13272 name=KBCY1S_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=KBCY1S_13268 size=28 name=KBCY1S_13268> </strong></font></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr></table><br><font face=Arial> <br>Message<br><br><textarea id=f13442 rows=3 cols=100 name=f13442>{[Test-Enq-Zone de test]}</textarea><br><br><input id=f13741 value=1 CHECKED type=checkbox name=f13741 {[checked_13741_1]}=""> Je reconnais avoir pris connaissance du règlement de l'opération de parrainage<br><br><br></font>
<p align=center><input style="WIDTH: 100px" value=Envoyer type=submit><font face=Arial> </font></strong></font>
<p></p></td></tr>
<tr>
<td></td></tr>
<tr>
<td>
<p><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">Conformément à la loi informatique et libertés du 6 janvier modifié, vous bénéficiez d'un droit d'accès, <br>d'interrogation, de rectification et d'opposition sur les données qui vous concernent, sur simple courrier <br>adressé à www,<br>cedex ou par mail à </span><a href="mailto:cil@www.com"><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">cil@www.com</span></a> </p></td></tr></table></form></body></html>
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
2 juin 2014 à 13:55
deja essaie de mettre une variable différente pour chaque function

var mail1
var mail2
var mail3

et afficher avec innerHTML chcune de ces variables

ensuite ce qui me parait bizarre c'est que ton formulaire n'est pas inséré dans une balise form avec une method (post) etaction (page de traitement)
ex
<form method="post" action="page du formulaire">
0
menphis1 Messages postés 29 Date d'inscription lundi 19 mars 2012 Statut Membre Dernière intervention 21 septembre 2018
3 juin 2014 à 10:43
Merci pour ta réponse.
J'en ai aucune idée, c'est l'outil qui transforme la création en code.

Après avoir modifier les variables, le formulaire ne me renvoi plus sur la page de remerciement une fois envoyé.
Ce serait a cause de ce que j'ai rajouté en Javascript ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
<script>
function email1() {
var mail1 = document.getElementById(SGG65T_13268).value;
document.getElementById(SGG65T_13340).innerHTML = mail1;
}
function email2() {
var mail2 = document.getElementById(5KT5EN_13268).value;
document.getElementById(5KT5EN_13340).innerHTML = mail2;
}
function email3() {
var mail3 = document.getElementById(KBCY1S_13268).value;
document.getElementById(KBCY1S_13340).innerHTML = mail3;
}
</script></head>
<body>
<form id=theForm method=post action=/V5/save.aspx><!--param-->
<table>

<tr>
<td>
<p align=center><img border=0 hspace=0 alt="" align=baseline src="http://images.mperf.com/ASP1/0J0/FORMS/002YLY/logo-test.jpg"></p></td></tr>
<tr>
<td><img border=0 hspace=0 alt="" align=baseline src="http://images.mperf.com/ASP1/0J0/FORMS/002YLY/Band-Form-Par.jpg" width=559 height=104></td></tr>
<tr>
<td><font size=2><strong><br>
<table style="WIDTH: 729px; HEIGHT: 152px">

<tr>
<td><font size=2><strong><font face=Arial>Nom                                 Prénom                           Email<br></font><font face=Arial><input id=SGG65T_13143 value=0 type=hidden name=SGG65T_13143> <input id=SGG65T_13266 value=0 type=hidden name=SGG65T_13266> <input id=SGG65T_13340 type=hidden onclick="email1()" name=SGG65T_13340> <select style="DISPLAY: none" id=SGG65T_13269 name=SGG65T_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=SGG65T_13271 name=SGG65T_13271> <input id=SGG65T_13272 name=SGG65T_13272> <input style="WIDTH: 220px; HEIGHT: 22px" id=SGG65T_13268 size=28 name=SGG65T_13268 required>              </font></strong></font></td></tr>
<tr>
<td><font face=Arial><font size=2><strong>Nom</strong></font>                                <strong> <font size=2>Prénom</font></strong>                            <font size=2><strong>Email<br><input id=5KT5EN_13143 value=0 type=hidden name=5KT5EN_13143> <input id=5KT5EN_13266 value=0 type=hidden name=5KT5EN_13266> <input id=5KT5EN_13340 onclick="email2()" type=hidden name=5KT5EN_13340> <select style="DISPLAY: none" id=5KT5EN_13269 name=5KT5EN_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=5KT5EN_13271 name=5KT5EN_13271> <input id=5KT5EN_13272 name=5KT5EN_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=5KT5EN_13268 size=28 name=5KT5EN_13268>   </strong></font></font></td></tr>
<tr>
<td><font face=Arial><strong><font size=2>Nom </font> </strong>                               <font size=2><strong>Prénom  </strong></font>                          <font size=2><strong>Email<br><input id=KBCY1S_13143 value=0 type=hidden name=KBCY1S_13143> <input id=KBCY1S_13266 value=0 type=hidden name=KBCY1S_13266> <input id=KBCY1S_13340 type=hidden onclick="email3()" name=KBCY1S_13340> <select style="DISPLAY: none" id=KBCY1S_13269 name=KBCY1S_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=KBCY1S_13271 name=KBCY1S_13271> <input id=KBCY1S_13272 name=KBCY1S_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=KBCY1S_13268 size=28 name=KBCY1S_13268> </strong></font></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr></table><br><font face=Arial>    <br>Message<br><br><textarea id=f13442 rows=3 cols=100 name=f13442>{[Test-Enq-Zone de test]}</textarea><br><br><input id=f13741 value=1 CHECKED type=checkbox name=f13741 {[checked_13741_1]}=""> Je reconnais avoir pris connaissance du règlement de l'opération de parrainage<br><br><br></font>
<p align=center><input style="WIDTH: 100px" value=Envoyer type=submit><font face=Arial> </font></strong></font>
<p></p></td></tr>
<tr>
<td></td></tr>
<tr>
<td>
<p><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">Conformément à la loi informatique et libertés du 6 janvier modifié, vous bénéficiez d'un droit d'accès, <br>d'interrogation, de rectification et d'opposition sur les données qui vous concernent, sur simple courrier <br>adressé à Réunica, Direction des Risques - Conformité, 154 rue Anatole France 92599 Levallois Perret <br>cedex ou par mail à </span><a href="mailto:cil@reunica.com"><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">cil@reunica.com</span></a> </p></td></tr></table></form></body></html>
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
3 juin 2014 à 13:54
c'est difficile de t'aider parce que je ne sais pas ce qu'est censé faire ce formulaire
que fait la page /V5/save.aspx ?
pourquoi veux tu affecter la valeur d'un champ à un autre champ ?
la valeur du champ est recupérée comment et pourquoi ?
le formulaire est il dans la page save.aspx ?
la function que je t'ai donnée affiche juste la valeur d'un champ dans un autre mais pour le reste je ne sais pas le pourquoi et le comment
0
menphis1 Messages postés 29 Date d'inscription lundi 19 mars 2012 Statut Membre Dernière intervention 21 septembre 2018
3 juin 2014 à 16:30
Je comprend trés bien
C'est vraiment difficille pcq il faut voir le cas en réel.

En fait, le champ doit etre copié non pas réaffecté.

Pour chaque parrain qui remplie le formulaire, je dois avoir 7 champ
2 identifiants avec une valeur "0", l'adresse email récupérer du champ mail (adresse média) , un champ avec une valeur prédefinie "PP", nom , prénom, mail.
Donc le mail est égal a adresse média.

on m'a aidé a redefinir le script mais ça ne marche toujours pas, le formulaire n'enregistre pas les champs et ne me renvoie pas sur le page de remerciement (que l'outil d'emailing gere )
Si tu arrives a déceler l'erreur c'est superbe sinon c'est pas grave, tu as déja fais beaucoup :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<script type=text/javascript>

function email1() {

var mail1 = document.getElementById("SGG65T_13268").value;

document.getElementById("SGG65T_13340").value = mail1;

var mail2 = document.getElementById("5KT5EN_13268").value;

document.getElementById("5KT5EN_13340").value = mail2;

var mail3 = document.getElementById("KBCY1S_13268").value;

document.getElementById("KBCY1S_13340").value = mail3;


}

</script>
</head>
<body>
<form id=theForm method=post action=/V5/save.aspx><!--param-->
<table>

<tr>
<td>
<p align=left>                                                     <img border=0 hspace=0 alt="" align=baseline src="http://images.mperf.com/ASP1/0J0/FORMS/002YLY/logo-test.jpg"></p></td></tr>
<tr>
<td><img border=0 hspace=0 alt="" align=baseline src="http://images.mperf.com/ASP1/0J0/FORMS/002YLY/Band-Form-Par.jpg" width=559 height=104></td></tr>
<tr>
<td><font size=2><strong><br>
<table style="WIDTH: 729px; HEIGHT: 152px">

<tr>
<td><font size=2><strong><font face=Arial>    Nom                                 Prénom                           Email<br></font><font face=Arial><input id=SGG65T_13143 value=0 type=hidden name=SGG65T_13143> <input id=SGG65T_13266 value=0 type=hidden name=SGG65T_13266> <input id=SGG65T_13340 type=hidden name=SGG65T_13340> <select style="DISPLAY: none" id=SGG65T_13269 name=SGG65T_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=SGG65T_13271 name=SGG65T_13271> <input id=SGG65T_13272 name=SGG65T_13272> <input style="WIDTH: 220px; HEIGHT: 22px" id=SGG65T_13268 size=28 type=required name=SGG65T_13268>              </font></strong></font></td></tr>
<tr>
<td><font face=Arial><font size=2><strong>    Nom</strong></font>                                <strong> <font size=2>Prénom</font></strong>                            <font size=2><strong>Email<br><input id=5KT5EN_13143 value=0 type=hidden name=5KT5EN_13143> <input id=5KT5EN_13266 value=0 type=hidden name=5KT5EN_13266> <input id=5KT5EN_13340 type=hidden name=5KT5EN_13340> <select style="DISPLAY: none" id=5KT5EN_13269 name=5KT5EN_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=5KT5EN_13271 name=5KT5EN_13271> <input id=5KT5EN_13272 name=5KT5EN_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=5KT5EN_13268 size=28 name=5KT5EN_13268>   </strong></font></font></td></tr>
<tr>
<td><font face=Arial><strong><font size=2>    Nom </font> </strong>                               <font size=2><strong>Prénom  </strong></font>                          <font size=2><strong>Email<br><input id=KBCY1S_13143 value=0 type=hidden name=KBCY1S_13143> <input id=KBCY1S_13266 value=0 type=hidden name=KBCY1S_13266> <input id=KBCY1S_13340 type=hidden name=KBCY1S_13340> <select style="DISPLAY: none" id=KBCY1S_13269 name=KBCY1S_13269><option value=1>PM</option><option selected value=2>PP</option></select> <input id=KBCY1S_13271 name=KBCY1S_13271> <input id=KBCY1S_13272 name=KBCY1S_13272> <input style="WIDTH: 219px; HEIGHT: 22px" id=KBCY1S_13268 size=28 name=KBCY1S_13268> </strong></font></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr>
<tr>
<td><font face=Arial></font></td></tr></table><br><font face=Arial>    <br>Message<br><br><textarea style="WIDTH: 562px; HEIGHT: 66px" id=f13442 rows=3 cols=68 name=f13442>{[Test-Enq-Zone de test]}</textarea><br><br><input id=f13741 value=1 CHECKED type=checkbox name=f13741 {[checked_13741_1]}=""> Je reconnais avoir pris connaissance du règlement de l'opération de parrainage<br><br><br></font>
<p align=center><input style="WIDTH: 100px" value="Envoyer" type="submit" onclick="email1()" ><font face=Arial> </font></strong></font>
<p></p></td></tr>
<tr>
<td></td></tr>
<tr>
<td>
<p><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">Conformément à la loi informatique et libertés du 6 janvier modifié, vous bénéficiez d'un droit d'accès, <br>d'interrogation, de rectification et d'opposition sur les données qui vous concernent, sur simple courrier <br>adressé à Réunica, Direction des Risques - Conformité, 154 rue Anatole France 92599 Levallois Perret <br>cedex ou par mail à </span><a href="mailto:cil@reunica.com"><span style="FONT-FAMILY: 'Arial','sans-serif'; FONT-SIZE: 7.5pt">cil@reunica.com</span></a> </p></td></tr></table></form></body></html>
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
4 juin 2014 à 15:12
déjà ca c'est pas bon
<form id=theForm method=post action=/V5/save.aspx>
fais ca
<form id="theForm" method="post" action="/V5/save.aspx">

vérifie le chemin de /V5/save.aspx
https://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

bon un conseil fait toi meme ton formulaire comme cela tu comprendras ce que tu fais
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607171-creez-des-formulaires
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires
0