Ajouter une question / réponse "oui ou non" dans un formulaire

[HoShiMayatan]

Bonjour ^^


Il y a quelques temps déjà on m'a aidé a mettre un formulaire en place ( sur ce topic )
J'aurai souhaiter y ajouter une option : il s'agit d'une question ou on répond "oui" ou "non" en cochant la réponse (ou a nouveau, en menu déroulant)

On pourrait voir ça comme ça dans le formulaire :

La question ?
-> Cocher oui
-> Cocher non

Et la réponse se poste avec la question et les infos du formulaire

Merci  

[HoShiMayatan]

Up ^^

[HoShiMayatan]

up

[Scoubifitz]

Bonjour,

La question devra être placée à la fin du formulaire ?

[HoShiMayatan]

Par exemple oui, avant le bouton "envoyer"

[Scoubifitz]

J'ai repris votre code et retravaillé pour qu'il bugge moins à l'édition :

Code:

<style type="text/css">
<!--
.fieldform{
width:166px;
border:2px outset SteelBlue;
border-radius:12px;
font-size:12px;
padding:0 2px;
}
.fieldform div{
width:160px;
margin:2px;
border:2px outset SteelBlue;
border-radius:8px;
text-align:center;
}
.fieldform input,.fieldform select,.fieldform textarea{
font-size:12px;
}
.fieldform textarea{width:95%}
.colorform{
color:SteelBlue;
}
-->
</style>
<script type="text/javascript">
/* tableau options multiples */
monTableau = new Array(3);
monTableau[0] = new Array(2);
monTableau[1] = new Array(2);
monTableau[2] = new Array(2);
monTableau[3] = new Array(2);
monTableau[4] = new Array(2);
/* forum TERA */
monTableau[0][0] = "35";
monTableau[0][1] = new Array(1);
monTableau[0][2] = new Array(1);
/* forum GUILD WARS 2 */
monTableau[1][0] = "26";
monTableau[1][1] = new Array(1);
monTableau[1][2] = new Array(1);
/* forum BLADE AND SOUL */
monTableau[2][0] = "24";
monTableau[2][1] = new Array(1);
monTableau[2][2] = new Array(1);
/* forum AION */
monTableau[3][0] = "3";
monTableau[3][1] = new Array(1);
monTableau[3][2] = new Array(1);
/* forum SWTOR */
monTableau[4][0] = "25";
monTableau[4][1] = new Array(1);
monTableau[4][2] = new Array(1);
/* race TERA */
monTableau[0][1][0] = "Humain";
monTableau[0][1][1] = "Castanic";
monTableau[0][1][2] = "Haut Elfe";
monTableau[0][1][3] = "Elin";
monTableau[0][1][4] = "Popori";
monTableau[0][1][5] = "Aman";
monTableau[0][1][6] = "Baraka";
/* classe TERA */
monTableau[0][2][0] = "Lancier";
monTableau[0][2][1] = "Pourfendeur";
monTableau[0][2][2] = "Sorcier";
monTableau[0][2][3] = "Mystic";
monTableau[0][2][4] = "Guerrier";
monTableau[0][2][5] = "Berseker";
monTableau[0][2][6] = "Archer";
monTableau[0][2][7] = "Prêtre";
/* race GUILD WARS 2 */
monTableau[1][1][0] = "Humain";
monTableau[1][1][1] = "Asura";
monTableau[1][1][2] = "Sylvaris";
monTableau[1][1][3] = "Norn";
monTableau[1][1][4] = "Chars";
/* classe GUILD WARS 2 */
monTableau[1][2][0] = "Ingénieur";
monTableau[1][2][1] = "Nécromant";
monTableau[1][2][2] = "Envouteur";
monTableau[1][2][3] = "Gardien";
monTableau[1][2][4] = "Rôdeur";
monTableau[1][2][5] = "Elémentaliste";
monTableau[1][2][6] = "Guerrier";
monTableau[1][2][7] = "Voleur";
/* race BLADE AND SOUL */
monTableau[2][1][0] = "JIN";
monTableau[2][1][1] = "GON";
monTableau[2][1][2] = "KUN";
monTableau[2][1][3] = "LYN";
/* classe BLADE AND SOUL */
monTableau[2][2][0] = "Blade Master";
monTableau[2][2][1] = "Kung-Fu Master";
monTableau[2][2][2] = "Force Master";
monTableau[2][2][3] = "Destroyer";
monTableau[2][2][4] = "Assassin";
/* race AION */
monTableau[3][1][0] = "Elyséen";
monTableau[3][1][1] = "Asmodien";
/* classe AION */
monTableau[3][2][0] = "Sorcier";
monTableau[3][2][1] = "Spiritualiste";
monTableau[3][2][2] = "Rôdeur";
monTableau[3][2][3] = "Assassin";
monTableau[3][2][4] = "Gladiateur";
monTableau[3][2][5] = "Templier";
monTableau[3][2][6] = "Aède";
monTableau[3][2][7] = "Clerc";
monTableau[3][2][8] = "Artiste";
monTableau[3][2][9] = "Pistolero";
/* race SWTOR */
monTableau[4][1][0] = "Cyborg";
monTableau[4][1][1] = "Humain";
monTableau[4][1][2] = "Myraluka";
monTableau[4][1][3] = "Myrialan";
monTableau[4][1][4] = "Twi'lek";
monTableau[4][1][5] = "Zabrak";
/* classe SWTOR */
monTableau[4][2][0] = "Homme de troupe";
monTableau[4][2][1] = "Contrebandier";
monTableau[4][2][2] = "Chevalier Jedi";
monTableau[4][2][3] = "Consulaire Jedi";
/* changement d'options */
function jeu_onchange(strChoix)
{
document.post.Race.options.length = 0;
document.post.Classe.options.length = 0;
for(var x=0;x<monTableau.length;x++)
{
if (monTableau[x][0] == strChoix)
{
for(var y=0;y<monTableau[x][1].length;y++)
{
opt = y==0?new Option(monTableau[x][1][y],monTableau[x][1][y],true,true):new Option(monTableau[x][1][y],monTableau[x][1][y],false,false);
document.post.Race.options[y] = opt;
}
for(var z=0;z<monTableau[x][2].length;z++)
{
opt1 = z==0?new Option(monTableau[x][2][z],monTableau[x][2][z],true,true):new Option(monTableau[x][2][z],monTableau[x][2][z],false,false);
document.post.Classe.options[z] = opt1;
}
}
}
}

function envoiMessage(form)
{
/* Refuser l'envoi si un des champs est vide */
if( form.jeu.value === "")
{
alert("Merci de selectionner un jeu");
return false;
}
else
{
var quest = "";
if(form.quest[0].checked == true)
quest = " oui";
else if(form.quest[1].checked == true)
quest = " non";
/* Créer un message à partir des informations fournies */
var txt_message = "[b]Nom du personnage : [/b] " + form.Perso.value + "\n"
+ "[b]Level : [/b] " + form.Level.value + "\n"
+ "[b]Race : [/b] " + form.Race.value + "\n"
+ "[b]Classe : [/b] " + form.Classe.value + "\n"
+ "[b]Présentation IG : [/b]\n" + form.Metiers.value + "\n\n"
+ "[b]Presentation Irl : [/b]\n" + form.irl.value + "\n\n"
+ "[b]Disponibilités : [/b]\n" + form.Disponible.value + "\n\n"
+ "[b]Question : [/b]\n" + quest + "\n";
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.Perso.value;
form.f.value = form.jeu.value;
return true;
}
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(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="" />
<input type="hidden" name="subject" value="" />

<div class="fieldform">
<div><a href="http://madeyes.forumclan.com/t874-aion-demarche-pour-une-bonne-candidature-qui-donne-envie#8218">Topic de présentation</a></div>
<span class="colorform">Nom du personnage :</span><br />
<input name="Perso" type="text" /><br />
<span class="colorform">Level :</span><br>
<input name="Level" type="text"><br>

<span class="colorform">Forum de :</span><br />
<select name="jeu" id="jeu" onchange="jeu_onchange(this[this.selectedIndex].value)">
<option value="" selected="selected">Sélectionnez un jeu</option>
<option value="35">TERA</option>
<option value="26">GUILD WARS</option>
<option value="24">BLADE + SOUL </option>
<option value="3">AION</option>
<option value="25">SWTOR</option>
</select><br />

<span class="colorform">Race :</span><br />
<select name="Race"></select><br />

<span class="colorform">Classe :</span><br />
<select name="Classe"></select><br />

<span class="colorform">Métiers :</span><br />
<textarea rows="3" name="Metiers">Vos Rerrols :
Craft &amp; Level :</textarea><br />

<span class="colorform">Presentation Irl :</span><br />
<textarea rows="3" name="irl"></textarea><br />

<span class="colorform">Disponibilités :</span><br />
<textarea rows="3" name="Disponible">Inscrivez vos disponibilités.</textarea><br />

<span class="colorform">Question :</span><br />
<input name="quest" value=" oui" type="radio"> oui
<input name="quest" value=" non" type="radio"> non

<center><input value="Envoyer" type="submit" name="post" /></center>
</div></form>

[HoShiMayatan]

Merci beaucoup c'est parfait
J'aime beaucoup le cadre qui accompagne le formulaire aussi =)

Problème résolu du coup :p