Envoyer un formulaire n'ayant qu'un label pour plusieurs réponses

par undertaker999 Jeu 11 Aoû 2011 - 6:16

Bonjour à vous,

Je vous présente mon problème:
Je possède actuellement un générateur de présentation qui me permet de générer le code de la présentation de mes membres, cependant point de vue rapidité et simplicité, ce n'est pas le moyen qu'y est préférable, du moins à mon avis, c'est pourquoi j'envisage de faire envoyer le formulaire directement dans un nouveau sujet de ma section "Présentation", je sais très bien que cette question fut posé de multiple fois sur le forum, cependant mon formulaire est un peu différent des types que je vois sur le forum, et donc ma question n'a pas été résolu...

En effet, mon formulaire ne possède que 2 labels pour 9 données aux totals... alors je ne sais pas comment nous pourrions envisager de mettre toutes le contenues dans la présentation que je souhaite lui donner...

Mon présent code est:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Générateur de Présentation</title> <style type="text/css"> body { background-color: red; width:800px; margin-left:auto; margin-right:auto; text-align:center; } input, textarea { font-family:"Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */ margin-bottom: 5px; } textarea:focus /* Quand le curseur est sur un champ */ { background-color:#EBEBEB; } label { color:#053250; } legend /* On met un peu plus en valeur les titres des fieldset */ { font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; color:#053250; font-weight:bold; } fieldset { margin-bottom:15px; /* Une marge pour séparer les fieldset */ background-color:#c0dbff; width:500px; align:center; } </style> </head> <body style="background-color:#ffffff;width:600px;text-align:center;"><center> <form name="post" method="post"> <h2><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="right"><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="left">Générateur de<br>Présentation</h2> <p>Ce générateur vous facilitera la mise en page de votre présentation sur le forum</p> <fieldset> <legend>Présentation Personnelle</legend>  <table><tr><td><label class="description" for="combat">Présentation:</label><br> <textarea name="combat" id="combat" rows="10" cols="25"> Prénom Nom Âge Lieu de Résidence</textarea></td><td> <label class="description" for="combatPV">Remplir les données.</label><br> <textarea name="combatPV" id="combatPV" rows="10" cols="35"> (Prénom) (Nom) (Âge) (Lieu de Résidence)</textarea></td></tr></table> <label class="description" for="ko_1">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar Il suffit de mettre le lien entre les caractères (') et (')</label><br> <input id="ko_1" name="ko_1" type="text" size="70" maxlength="50" value="<img src='http://www.ibiza-concept.fr/portail//images/forum/presentation.png'>"/> </fieldset> <fieldset> <legend>Présentation de votre Entreprise (Virtuelle)</legend>  <table><tr><td><label class="description" for="monster">Présentation de votre Entreprise</label><br> <textarea name="monster" id="monster" rows="10" cols="25"> Nom de l'entreprise Secteur Affecté Emplacement Siège Social Emplacement Usine Date de Création</textarea></td><td> <label class="description" for="monsterPV">Remplir les données. </label><br> <textarea name="monsterPV" id="monsterPV" rows="10" cols="35">(Nom de l'entreprise) (Secteur Affecté) (Emplacement Siège Social) (Emplacement Usine) (Date de Création)</textarea></td></tr></table> <label class="description" for="ko_2">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar Il suffit de mettre le lien entre les caractères (') et (')</label><br> <input id="ko_2" name="ko_2" type="text" size="70" maxlength="50" value="<img src='http://www.boissur.com/images/entreprise/boissur-entreprise-picto.gif'>"/> </fieldset> <br> <input type="button" value="Générer le code pour le copier" onclick="document.post.cod1.style.display='block'; document.post.cod1.value='<fieldset class=\'fieldset\'><legend class=\'fieldlegend\'>Rapport de Présentation</legend><table class=\'fieldtable\'><tr><td class=\'fieldleft\'>'+document.post.combat.value+'</td><td class=\'fieldright\'>'+document.post.combatPV.value+'</td><td style=\'width: 150px;height:100px;\'>'+document.post.ko_1.value+'</td></tr><tr><td class=\'fieldleft1\'>'+document.post.monster.value+'</td><td class=\'fieldright\'>'+document.post.monsterPV.value+'</td><td style=\'height:100px;\'>'+document.post.ko_2.value+'</td></tr></table></fieldset>';document.getelementbyid('validate').disabled=(document.getelementbyid('code').value!='')?false:true;"> <input type="reset" value=" Réinitialiser la page"/><input type="button" name="lien" value="Retour au Forum" onClick="self.location.href='http://www.velp.monempire.net/'"> <br><br> <textarea class="post" style="width: 500px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="25" onkeyup="storecaret(this);document.getelementbyid('validate').disabled=(this.value!=''&&document.getelementbyid('code').value!='')?false:true;" onclick="storecaret(this);" style="width: 250px; height: 250px; border: 1px solid #98d0cd;" readonly="true"> </textarea> </form></center><br> <a href="http://www.velp.monempire.net">Retour au forum</a> </body> </html>

J'ai tenté plusieurs moyens en insérant le code suivant:

Code:: for(var i = 0; i < form.gouts.length; i++) { if(form.gouts[i].checked == true) { txt_message = txt_message + '[*]' + form.gouts[i].value + '\n'; } } txt_message = txt_message + "[/list]<strong>Pour en savoir davantage sur moi ...</strong> : " + form.plus.value + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> <form action="http://www.leforumsecret.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" > <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="3" />  <label for="titre">Titre de votre présentation : </label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

Malheureusement, je ne sais pas vraiment ou mettre le code, l'ID est la bonne, cependant je vois toujours le code lorsque je l'insère dans mon autres...

J'espère que vous pourrez résoudre mon problème,

Bien à vous,
Taker

par Scoubifitz Jeu 11 Aoû 2011 - 16:57

undertaker999 a écrit:Bonjour à vous,

Je vous présente mon problème:
Je possède actuellement un générateur de présentation qui me permet de générer le code de la présentation de mes membres, cependant point de vue rapidité et simplicité, ce n'est pas le moyen qu'y est préférable, du moins à mon avis, c'est pourquoi j'envisage de faire envoyer le formulaire directement dans un nouveau sujet de ma section "Présentation", je sais très bien que cette question fut posé de multiple fois sur le forum, cependant mon formulaire est un peu différent des types que je vois sur le forum, et donc ma question n'a pas été résolu...

En effet, mon formulaire ne possède que 2 labels pour 9 données aux totals... alors je ne sais pas comment nous pourrions envisager de mettre toutes le contenues dans la présentation que je souhaite lui donner...

Mon présent code est:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Générateur de Présentation</title> <style type="text/css"> body { background-color: red; width:800px; margin-left:auto; margin-right:auto; text-align:center; } input, textarea { font-family:"Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */ margin-bottom: 5px; } textarea:focus /* Quand le curseur est sur un champ */ { background-color:#EBEBEB; } label { color:#053250; } legend /* On met un peu plus en valeur les titres des fieldset */ { font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; color:#053250; font-weight:bold; } fieldset { margin-bottom:15px; /* Une marge pour séparer les fieldset */ background-color:#c0dbff; width:500px; align:center; } </style> </head> <body style="background-color:#ffffff;width:600px;text-align:center;"><center> <form name="post" method="post"> <h2><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="right"><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="left">Générateur de<br>Présentation</h2> <p>Ce générateur vous facilitera la mise en page de votre présentation sur le forum</p> <fieldset> <legend>Présentation Personnelle</legend>  <table><tr><td><label class="description" for="combat">Présentation:</label><br> <textarea name="combat" id="combat" rows="10" cols="25"> Prénom Nom Âge Lieu de Résidence</textarea></td><td> <label class="description" for="combatPV">Remplir les données.</label><br> <textarea name="combatPV" id="combatPV" rows="10" cols="35"> (Prénom) (Nom) (Âge) (Lieu de Résidence)</textarea></td></tr></table> <label class="description" for="ko_1">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar Il suffit de mettre le lien entre les caractères (') et (')</label><br> <input id="ko_1" name="ko_1" type="text" size="70" maxlength="50" value="<img src='http://www.ibiza-concept.fr/portail//images/forum/presentation.png'>"/> </fieldset> <fieldset> <legend>Présentation de votre Entreprise (Virtuelle)</legend>  <table><tr><td><label class="description" for="monster">Présentation de votre Entreprise</label><br> <textarea name="monster" id="monster" rows="10" cols="25"> Nom de l'entreprise Secteur Affecté Emplacement Siège Social Emplacement Usine Date de Création</textarea></td><td> <label class="description" for="monsterPV">Remplir les données. </label><br> <textarea name="monsterPV" id="monsterPV" rows="10" cols="35">(Nom de l'entreprise) (Secteur Affecté) (Emplacement Siège Social) (Emplacement Usine) (Date de Création)</textarea></td></tr></table> <label class="description" for="ko_2">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar Il suffit de mettre le lien entre les caractères (') et (')</label><br> <input id="ko_2" name="ko_2" type="text" size="70" maxlength="50" value="<img src='http://www.boissur.com/images/entreprise/boissur-entreprise-picto.gif'>"/> </fieldset> <br> <input type="button" value="Générer le code pour le copier" onclick="document.post.cod1.style.display='block'; document.post.cod1.value='<fieldset class=\'fieldset\'><legend class=\'fieldlegend\'>Rapport de Présentation</legend><table class=\'fieldtable\'><tr><td class=\'fieldleft\'>'+document.post.combat.value+'</td><td class=\'fieldright\'>'+document.post.combatPV.value+'</td><td style=\'width: 150px;height:100px;\'>'+document.post.ko_1.value+'</td></tr><tr><td class=\'fieldleft1\'>'+document.post.monster.value+'</td><td class=\'fieldright\'>'+document.post.monsterPV.value+'</td><td style=\'height:100px;\'>'+document.post.ko_2.value+'</td></tr></table></fieldset>';document.getelementbyid('validate').disabled=(document.getelementbyid('code').value!='')?false:true;"> <input type="reset" value=" Réinitialiser la page"/><input type="button" name="lien" value="Retour au Forum" onClick="self.location.href='http://www.velp.monempire.net/'"> <br><br> <textarea class="post" style="width: 500px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="25" onkeyup="storecaret(this);document.getelementbyid('validate').disabled=(this.value!=''&&document.getelementbyid('code').value!='')?false:true;" onclick="storecaret(this);" style="width: 250px; height: 250px; border: 1px solid #98d0cd;" readonly="true"> </textarea> </form></center><br> <a href="http://www.velp.monempire.net">Retour au forum</a> </body> </html>

J'ai tenté plusieurs moyens en insérant le code suivant:
Code:
for(var i = 0; i < form.gouts.length; i++) { if(form.gouts[i].checked == true) { txt_message = txt_message + '[*]' + form.gouts[i].value + '\n'; } } txt_message = txt_message + "[/list]<strong>Pour en savoir davantage sur moi ...</strong> : " + form.plus.value + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> <form action="http://www.leforumsecret.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" > <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="3" />  <label for="titre">Titre de votre présentation : </label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

Malheureusement, je ne sais pas vraiment ou mettre le code, l'ID est la bonne, cependant je vois toujours le code lorsque je l'insère dans mon autres...

J'espère que vous pourrez résoudre mon problème,

Bien à vous,
Taker

Bonjour,

on va passer de Générateur à Formulaire ! ^^

le message envoyé devra ressembler à ça ?

Prénom :
Nom :
Âge :
Lieu de Résidence :

Nom de l'entreprise :
Secteur Affecté :
Emplacement Siège Social :
Emplacement Usine :
Date de Création :

par undertaker999 Jeu 11 Aoû 2011 - 19:46

Désolé, j'ai oublié le code css

Code:: .fieldset{ border: 3px solid rgb(5, 50, 81); width: 600px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left:50px; } .fieldlegend{ font-size:16px; } .fieldtable{ width: 580px; border:0px; font-size:12px; } .fieldleft { text-align:right; font-weight:bolder; } .fieldleft1 { text-align:right; font-weight:bolder; } .fieldright { padding-left: 10px; }

Ce qui donne le rendu suivant ^^

Envoyer un formulaire n'ayant qu'un label pour plusieurs réponses Rappor10

Bien à vous,
Taker

par Scoubifitz Ven 12 Aoû 2011 - 3:35

bonsoir,

prêt pour un chamboulement dans les habitudes ?

alors en premier , remplacez le CSS par celui-ci :

.fieldset{
border: 3px solid rgb(5, 50, 81);
width: 600px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-left:30px;
}
.fieldlegend{
font-size:16px;
}
.fieldtable{
width: 580px;
border:0px;
font-size:12px;
}
.fieldleft,.fieldleft1 {
text-align:right;
font-weight:bolder;
width:200px;
}
.fieldright {
padding-left: 10px;
}

ça rassemble les "class" qui sont pareilles , et on rajoute une largeur fixe aux cellules de gauche ...

deuxième étape : remplacez entièrement le contenu de la page html (h48) par celui ci :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Générateur de Présentation</title> <style type="text/css"> body { background-color:white; width:600px; margin-left:auto; margin-right:auto; text-align:center; } .fieldset{ border: 3px solid rgb(5, 50, 81); width: 600px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left:auto; margin-right:auto; } .fieldlegend{ font-size:20px; padding-left:10px; padding-right:10px; } .fieldtable{ width: 580px; border:0px; font-size:14px; text-align:center; } .fieldleft { text-align:right; font-weight:bolder; width:200px; } .fieldright { padding-left: 10px; text-align:left; } </style> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<fieldset class='fieldset'><legend class='fieldlegend'>Rapport de Présentation</legend><table class='fieldtable'><tr><td class='fieldleft'>Prénom : </td><td class='fieldright'>" + form.prenom.value + "</td><td rowspan='4' style='width:150px;'>[img]" + form.avatar.value + "[/img]</td></tr><tr><td class='fieldleft'>Nom : </td><td class='fieldright'>" + form.nom.value + "</td></tr><tr><td class='fieldleft'>Age : </td><td class='fieldright'>" + form.age.value + "</td></tr><tr><td class='fieldleft'>Lieu de résidence : \n\n</td><td class='fieldright'>" + form.residence.value + "\n\n</td></tr><tr><td class='fieldleft'>Nom de l\'entreprise : </td><td class='fieldright'>" + form.enterprise.value + "</td><td rowspan='5' style='width:150px;'>[img]" + form.logo.value + "[/img]</td></tr><tr><td class='fieldleft'>Secteur Affecté : </td><td class='fieldright'>" + form.secteur.value + "</td></tr><tr><td class='fieldleft'>Emplacement Siège Social : </td><td class='fieldright'>" + form.siege.value + "</td></tr><tr><td class='fieldleft'>Emplacement Usine : </td><td class='fieldright'>" + form.usine.value + "</td></tr><tr><td class='fieldleft'>Date de Création : </td><td class='fieldright'>" + form.date.value + "</td></tr></table></fieldset>" + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> </head> <body> <form action="http://velp.monempire.net/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent" > <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="3" />  <h2><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="right"><img alt="" src="http://i52.tinypic.com/5wchtt.jpg" align="left">Générateur de<br>Présentation</h2> <p>Ce générateur vous facilitera la mise en page de votre présentation sur le forum</p> <label for="titre">Titre du sujet (automatique) : </label> <input type="text" name="subject" id="titre" readonly="readonly" size="40" value="Présentation de " class="USERNAME" /><br> <fieldset class="fieldset"><legend class="fieldlegend">Rapport de Présentation</legend> <table class="fieldtable"><tr> <td class="fieldleft"><label for="prenom">Prénom : </label></td> <td class="fieldright"><input type="text" name="prenom" id="prenom" size="30" maxlength="30" /></td> <td rowspan="4" style="width:150px;"><img src='http://www.ibiza-concept.fr/portail//images/forum/presentation.png'></td> </tr><tr> <td class="fieldleft"><label for="nom">Nom : </label></td> <td class="fieldright"><input type="text" name="nom" id="nom" size="30" maxlength="30" /></td> </tr><tr> <td class="fieldleft"><label for="age">Age : </label></td> <td class="fieldright"><input type="text" name="age" id="age" size="3" maxlength="3" /></td> </tr><tr> <td class="fieldleft"><label for="residence">Lieu de résidence : </label></td> <td class="fieldright"><input type="text" name="residence" id="residence" size="30" maxlength="30" /></td> </tr><tr> <td colspan="3"><label for="avatar">Ajoutez <strong>le lien d'une image</strong> qui vous représente et/ou le lien d'un Avatar <br>(ou gardez le lien par défaut)</label> <input id="avatar" name="avatar" type="text" size="70" maxlength="50" value="http://www.ibiza-concept.fr/portail//images/forum/presentation.png" /></td> </tr><tr> <td class="fieldleft"><label for="enterprise">Nom de l'entreprise : </label></td> <td class="fieldright"><input type="text" name="enterprise" id="enterprise" size="30" maxlength="30" /></td> <td rowspan="5" style="width:150px;"><img src='http://www.boissur.com/images/entreprise/boissur-entreprise-picto.gif'></td> </tr><tr> <td class="fieldleft"><label for="secteur">Secteur Affecté : </label></td> <td class="fieldright"><input type="text" name="secteur" id="secteur" size="30" maxlength="30" /></td> </tr><tr> <td class="fieldleft"><label for="siege">Emplacement Siège Social : </label></td> <td class="fieldright"><input type="text" name="siege" id="siege" size="30" maxlength="30" /></td> </tr><tr> <td class="fieldleft"><label for="usine">Emplacement Usine : </label></td> <td class="fieldright"><input type="text" name="usine" id="usine" size="30" maxlength="30" /></td> </tr><tr> <td class="fieldleft"><label for="date">Date de Création : </label></td> <td class="fieldright"><input type="text" name="date" id="date" size="30" maxlength="30" /></td> </tr><tr> <td colspan="3"><label for="logo">Ajoutez <strong>le lien d'une image</strong> qui représente votre entreprise <br>(ou gardez le lien par défaut)</label> <input id="logo" name="logo" type="text" size="70" maxlength="50" value="http://www.boissur.com/images/entreprise/boissur-entreprise-picto.gif" /></td> </tr></table></fieldset> <input type="submit" name="post" value="Poster le message" /> <br> </form> </body> </html>

troisième étape : éditez le message contenant l'iframe ( http://velp.monempire.net/t25- ) et remplacez l'iframe par celui ci :
(sans scrolling , et avec une hauteur suffisante pour tout voir )

<iframe name="" src="http://velp.monempire.net/h48-" frameborder="no" height="610" scrolling="no" width="100%"></iframe>

Amicalement,
Scoubifitz

par undertaker999 Ven 12 Aoû 2011 - 23:19

Je test maintenant,

je veux seulement vous remercier pour le Mp sur mon site, cela ma bien fait rire,

J'éditerai le présent message dès lors que le test aura été fait...

Merci encore pour l'info par MP ^^

Bien à vous,
Velp

/* Edit */
WOW !!!
C'est exactement ce que je voulais !!!
Je veux personnellement vous remercier pour toute l'aide que vous m'offrez depuis le début de mes commandes sur FDF... Vous réussissez toujours à faire ce que je commande et cela dans un délai d'attente => Inexistant...
Je vous souhaite bonne continuation dans tout ce que vous entreprendrez dans le futur ^^

Très Sincèrement,
Stéphane Gilbert !