Générateur de code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Générateur de code

Message par Invité le Sam 11 Jan 2014 - 0:27

Bonsoir,


Je cherche a trouver comment faire pour mettre une fonction a choix multiple donc case a cocher

donc exemple

le membre fait les choix parmi les propositions donnée du formulaire

Tu as un forum de type ?

- Publicité
- RPG
- Discussion

ect..

Mais j'ai bien tenter de trouver la solution sur le net mais rien a faire rien ne fonctionne

Comment faire svp pour intégrer cela sur se formulaire ci

Code:
<html>
  <meta charset="utf-8" />
<head>
 <title>Formulaire qui génère un code</title>
 
<style type="text/css">
 
body{
 font-family:Verdana;
 }
 
div#formulaire{
 width:600px;
 margin:auto;
 background-color:#AEAEAE;
 border:double 4px #435B58;
 }
 
div#formulaire h1{
 text-align:center;
 font-size:20px;
 font-variant:small-caps;
 font-weight:bold;
 color:#735134;
 background-color:#E4B78F;
 border-bottom:4px double #735134;
 margin-top:0;
 }

div#formulaire h2{
        text-align:center;
 font-size:14px;
 font-weight:normal;
 color:#735134;
 background-color:#D9C0AA;
 border-bottom:1px solid #735134;
 border-right:1px solid #735134;
 width:400px;
 margin-left:0px;
 padding-left:20px;
 }
 
div#formulaire form#rempli label, div#formulaire form#copie label, div#formulaire form#copie p{
 font-size:14px;
 font-weight:normal;
 font-style:italic;
 color:#373737;
 }
 
div.presentation{
 background-color:#807B7B;
 width:400px;
 margin:auto;
 border:solid 1px black;
 }
 
div.presentation h1{
 text-align:left;
 padding-left:22px;
 font-variant:small-caps;
 font-size:14px;
 color:#704d16;
 letter-spacing:2px;
 background-color: #DEB146;
 }
 
div.presentation p{
 font-size:12px;
 font-family:Comic Sans ms;
 text-align:justify;
 padding-left:12px;
 padding-right:12px;
        color:#000000;
 }
 
</style>

<script type="text/javascript">
<!--

function verif(LeForm){

 var pseudo = LeForm.pseudo.value;
        var age = LeForm.age.value;
        var region = LeForm.region.value;
        var metier = LeForm.metier.value;
 var infos = LeForm.infos.value;
 var genre = LeForm.genre.value;
        

 var ok = true;

 if (pseudo == ""){
 ok = false;
   alert("Veuillez entrer un pseudo");
}

       if (age == ""){
 ok = false;
   alert("Veuillez entrer votre age");
}
  
        if (region == ""){
 ok = false;
   alert("Veuillez entrer votre region");
}
  
 if (metier == ""){
 ok = false;
   alert("Veuillez entrer votre métier, si vous ne travailler pas entrer en recherche ou encore pour les femmes entrer femme au foyer");
}
  
        if (infos == ""){
 ok = false;
   alert("Veuillez nous faire par de votre sentiment sur le design et codage du forum");
}

if (ok){
 var contenu = "<div class=\"presentation\"><h1 class=\"titre\">Présentation de "+pseudo+"</h1><p><span class=\"mea\">Je suis</span> "+genre+"</p><p><span class=\"mea\">Et j'ai</span> "+age+"</p><p><span class=\"mea\">Je viens de la region</span> "+region+"</p><p><span class=\"mea\">Mon métier</span> "+metier+"</p><p><span class=\"mea\">Comment juge tu le forum :</span><br /> "+infos+"</p>";
 document.getElementById("code_genere").innerHTML = ""+contenu+"";
 document.getElementById("apercu").innerHTML = ""+contenu+"";
}  
}
-->
</script>

</head>
<body>
<div id="formulaire">

 <h1>Formulaire de présentation</h1>

  <center><h2>Veuillez remplir le formulaire suivant :</h2></center>

 <form action="#" method="post" id="rempli">
 <label>Ton pseudo</label> :<input type="text" name="pseudo" size="30" maxlength="200"/> <br />
 <label>je suis :</label> :
<select name="genre">
 <option value="une fille">une fille</option>
 <option value="un garçon">un garçon</option>
      </select><br />
           <label>Ton âge :</label> :
           <select name="age">
<option value="12 Ans">12 Ans</option>
<option value="13 Ans">13 Ans</option>
<option value="14 Ans">14 Ans</option>
<option value="15 Ans">15 Ans</option>
<option value="16 Ans">16 Ans</option>
<option value="17 Ans">17 Ans</option>
<option value="18 Ans">18 Ans</option>
<option value="19 Ans">19 Ans</option>
<option value="20 Ans">20 Ans</option>
<option value="21 Ans">21 Ans</option>
<option value="22 Ans">22 Ans</option>
<option value="23 Ans">23 Ans</option>
<option value="24 Ans">24 Ans</option>
<option value="25 Ans">25 Ans</option>
<option value="26 Ans">26 Ans</option>
<option value="27 Ans">27 Ans</option>
<option value="28 Ans">28 Ans</option>
<option value="29 Ans">29 Ans</option>
<option value="30 Ans">30 Ans</option>
<option value="31 Ans">31 Ans</option>
<option value="32 Ans">32 Ans</option>
<option value="33 Ans">33 Ans</option>
<option value="34 Ans">34 Ans</option>
<option value="35 Ans">35 Ans</option>
<option value="36 Ans">36 Ans</option>
<option value="37 Ans">37 Ans</option>
<option value="38 Ans">38 Ans</option>
<option value="39 Ans">39 Ans</option>
<option value="40 Ans">40 Ans</option>
<option value="41 Ans">41 Ans</option>
<option value="42 Ans">42 Ans</option>
<option value="43 Ans">43 Ans</option>
<option value="44 Ans">44 Ans</option>
<option value="45 Ans">45 Ans</option>
<option value="46 Ans">46 Ans</option>
<option value="47 Ans">47 Ans</option>
<option value="48 Ans">48 Ans</option>
<option value="49 Ans">49 Ans</option>
<option value="50 Ans">50 Ans</option>
<option value="51 Ans">51 Ans</option>
<option value="52 Ans">52 Ans</option>
<option value="53 Ans">53 Ans</option>
<option value="54 Ans">54 Ans</option>
<option value="55 Ans">55 Ans</option>
<option value="56 Ans">56 Ans</option>
<option value="57 Ans">57 Ans</option>
<option value="58 Ans">58 Ans</option>
<option value="59 Ans">59 Ans</option>
<option value="60 Ans">60 Ans</option>
<option value="61 Ans">61 Ans</option>
<option value="62 Ans">62 Ans</option>
<option value="63 Ans">63 Ans</option>
<option value="64 Ans">64 Ans</option>
<option value="65 Ans">65 Ans</option>
<option value="66 Ans">66 Ans</option>
<option value="67 Ans">67 Ans</option>
<option value="68 Ans">68 Ans</option>
<option value="69 Ans">69 Ans</option>
<option value="70 Ans">70 Ans</option>
<option value="71 Ans">71 Ans</option>
<option value="72 Ans">72 Ans</option>
<option value="73 Ans">73 Ans</option>
<option value="74 Ans">74 Ans</option>
<option value="75 Ans">75 Ans</option>
<option value="76 Ans">76 Ans</option>
<option value="77 Ans">77 Ans</option>
<option value="78 Ans">78 Ans</option>
<option value="79 Ans">79 Ans</option>
<option value="80 Ans">80 Ans</option>
<option value="81 Ans">81 Ans</option>
<option value="82 Ans">82 Ans</option>
<option value="83 Ans">83 Ans</option>
<option value="84 Ans">84 Ans</option>
<option value="85 Ans">85 Ans</option>
<option value="86 Ans">86 Ans</option>
<option value="87 Ans">87 Ans</option>
<option value="88 Ans">88 Ans</option>
<option value="89 Ans">89 Ans</option>
<option value="90 Ans">90 Ans</option>
<option value="91 Ans">91 Ans</option>
<option value="92 Ans">92 Ans</option>
<option value="93 Ans">93 Ans</option>
<option value="94 Ans">94 Ans</option>
<option value="95 Ans">95 Ans</option>
<option value="96 Ans">96 Ans</option>
<option value="97 Ans">97 Ans</option>
<option value="98 Ans">98 Ans</option>
<option value="99 Ans">99 Ans</option>
<option value="100 Ans">100 Ans</option>
           </select><br />
           <label>Je viens de la region :</label> :<input type="text" name="region" size="30" maxlength="200"/><br />
           <label>Mon métier</label> :<input type="text" name="metier" size="30" maxlength="200"/><br />
           <br />
 <label>Comment juge tu le forum :</label><br /><center><textarea cols="60" rows="10" name="infos"></textarea></center>
           <br /><input type="button" onClick="verif(this.form)" value="Générer le code" />
 </form>


  <center><h2>Aperçu du rendu :</h2></center>
 <div id="apercu"> </div>
 <form id="copie">
                  <p>Voici le code à copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();">
                    <center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center></p>
 </form>

</div>

</body>
</html>

D'avance je vous en remercie


Cordialement
Idiscut


Dernière édition par idiscut le Sam 11 Jan 2014 - 11:35, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Scoubifitz le Sam 11 Jan 2014 - 1:57

bonsoir,

comme ceci ?
Code:
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<title>Formulaire qui génère un code</title>
<style type="text/css">
body{
font-family:Verdana;
}

div#formulaire{
width:600px;
margin:auto;
background-color:#AEAEAE;
border:double 4px #435B58;
}

div#formulaire h1{
text-align:center;
font-size:20px;
font-variant:small-caps;
font-weight:bold;
color:#735134;
background-color:#E4B78F;
border-bottom:4px double #735134;
margin-top:0;
}

div#formulaire h2{
text-align:center;
font-size:14px;
font-weight:normal;
color:#735134;
background-color:#D9C0AA;
border-bottom:1px solid #735134;
border-right:1px solid #735134;
width:400px;
margin-left:0px;
padding-left:20px;
}

div#formulaire form#rempli label, div#formulaire form#copie label, div#formulaire form#copie p{
font-size:14px;
font-weight:normal;
font-style:italic;
color:#373737;
}

div.presentation{
background-color:#807B7B;
width:400px;
margin:auto;
border:solid 1px black;
}

div.presentation h1{
text-align:left;
padding-left:22px;
font-variant:small-caps;
font-size:14px;
color:#704d16;
letter-spacing:2px;
background-color: #DEB146;
}

div.presentation p{
font-size:12px;
font-family:Comic Sans ms;
text-align:justify;
padding-left:12px;
padding-right:12px;
color:#000000;
}
</style>

<script type="text/javascript">
<!--

function verif(LeForm){

var pseudo = LeForm.pseudo.value;
var age = LeForm.age.value;
var region = LeForm.region.value;
var metier = LeForm.metier.value;
var infos = LeForm.infos.value;
var genre = LeForm.genre.value;

var ok = true;

if (pseudo == ""){
ok = false;
alert("Veuillez entrer un pseudo");  
}  

if (age == ""){
ok = false;
alert("Veuillez entrer votre age");  
}

if (region == ""){
ok = false;
alert("Veuillez entrer votre region");  
}

if (metier == ""){
ok = false;
alert("Veuillez entrer votre métier, si vous ne travailler pas entrer en recherche ou encore pour les femmes entrer femme au foyer");  
}

if (infos == ""){
ok = false;
alert("Veuillez nous faire par de votre sentiment sur le design et codage du forum");  
}

if (ok){
var contenu = "<div class=\"presentation\"><h1 class=\"titre\">Présentation de "+pseudo+"</h1><p><span class=\"mea\">Je suis</span> "+genre+"</p><p><span class=\"mea\">Et j'ai</span> "+age+"</p><p><span class=\"mea\">Je viens de la region</span> "+region+"</p><p><span class=\"mea\">Mon métier</span> "+metier+"</p><p>J'ai un forum de type :<br>";
for(var i = 0; i < LeForm.foratype.length; i++)
{
if(LeForm.foratype[i].checked === true) { contenu += LeForm.foratype[i].value + "<br>"; }
}
contenu += "</p><p><span class=\"mea\">Comment juge tu le forum :</span><br /> "+infos+"</p></div>";
document.getElementById("code_genere").innerHTML = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";  
}
}
-->
</script>

</head>
<body>
<div id="formulaire">

<h1>Formulaire de présentation</h1>

<center><h2>Veuillez remplir le formulaire suivant :</h2></center>

<form action="#" method="post" id="rempli">
<label>Ton pseudo</label> :<input type="text" name="pseudo" size="30" maxlength="200"/> <br />
<label>je suis :</label> :
<select name="genre">
<option value="une fille">une fille</option>
<option value="un garçon">un garçon</option>
</select><br />
<label>Ton âge :</label> :
<select name="age">
<option value="12 Ans">12 Ans</option>
<option value="13 Ans">13 Ans</option>
<option value="14 Ans">14 Ans</option>
<option value="15 Ans">15 Ans</option>
<option value="16 Ans">16 Ans</option>
<option value="17 Ans">17 Ans</option>
<option value="18 Ans">18 Ans</option>
<option value="19 Ans">19 Ans</option>
<option value="20 Ans">20 Ans</option>
<option value="21 Ans">21 Ans</option>
<option value="22 Ans">22 Ans</option>
<option value="23 Ans">23 Ans</option>
<option value="24 Ans">24 Ans</option>
<option value="25 Ans">25 Ans</option>
<option value="26 Ans">26 Ans</option>
<option value="27 Ans">27 Ans</option>
<option value="28 Ans">28 Ans</option>
<option value="29 Ans">29 Ans</option>
<option value="30 Ans">30 Ans</option>
<option value="31 Ans">31 Ans</option>
<option value="32 Ans">32 Ans</option>
<option value="33 Ans">33 Ans</option>
<option value="34 Ans">34 Ans</option>
<option value="35 Ans">35 Ans</option>
<option value="36 Ans">36 Ans</option>
<option value="37 Ans">37 Ans</option>
<option value="38 Ans">38 Ans</option>
<option value="39 Ans">39 Ans</option>
<option value="40 Ans">40 Ans</option>
<option value="41 Ans">41 Ans</option>
<option value="42 Ans">42 Ans</option>
<option value="43 Ans">43 Ans</option>
<option value="44 Ans">44 Ans</option>
<option value="45 Ans">45 Ans</option>
<option value="46 Ans">46 Ans</option>
<option value="47 Ans">47 Ans</option>
<option value="48 Ans">48 Ans</option>
<option value="49 Ans">49 Ans</option>
<option value="50 Ans">50 Ans</option>
<option value="51 Ans">51 Ans</option>
<option value="52 Ans">52 Ans</option>
<option value="53 Ans">53 Ans</option>
<option value="54 Ans">54 Ans</option>
<option value="55 Ans">55 Ans</option>
<option value="56 Ans">56 Ans</option>
<option value="57 Ans">57 Ans</option>
<option value="58 Ans">58 Ans</option>
<option value="59 Ans">59 Ans</option>
<option value="60 Ans">60 Ans</option>
<option value="61 Ans">61 Ans</option>
<option value="62 Ans">62 Ans</option>
<option value="63 Ans">63 Ans</option>
<option value="64 Ans">64 Ans</option>
<option value="65 Ans">65 Ans</option>
<option value="66 Ans">66 Ans</option>
<option value="67 Ans">67 Ans</option>
<option value="68 Ans">68 Ans</option>
<option value="69 Ans">69 Ans</option>
<option value="70 Ans">70 Ans</option>
<option value="71 Ans">71 Ans</option>
<option value="72 Ans">72 Ans</option>
<option value="73 Ans">73 Ans</option>
<option value="74 Ans">74 Ans</option>
<option value="75 Ans">75 Ans</option>
<option value="76 Ans">76 Ans</option>
<option value="77 Ans">77 Ans</option>
<option value="78 Ans">78 Ans</option>
<option value="79 Ans">79 Ans</option>
<option value="80 Ans">80 Ans</option>
<option value="81 Ans">81 Ans</option>
<option value="82 Ans">82 Ans</option>
<option value="83 Ans">83 Ans</option>
<option value="84 Ans">84 Ans</option>
<option value="85 Ans">85 Ans</option>
<option value="86 Ans">86 Ans</option>
<option value="87 Ans">87 Ans</option>
<option value="88 Ans">88 Ans</option>
<option value="89 Ans">89 Ans</option>
<option value="90 Ans">90 Ans</option>
<option value="91 Ans">91 Ans</option>
<option value="92 Ans">92 Ans</option>
<option value="93 Ans">93 Ans</option>
<option value="94 Ans">94 Ans</option>
<option value="95 Ans">95 Ans</option>
<option value="96 Ans">96 Ans</option>
<option value="97 Ans">97 Ans</option>
<option value="98 Ans">98 Ans</option>
<option value="99 Ans">99 Ans</option>
<option value="100 Ans">100 Ans</option>
</select><br />
<label>Je viens de la region :</label> :<input type="text" name="region" size="30" maxlength="200"/><br />
<label>Mon métier</label> :<input type="text" name="metier" size="30" maxlength="200"/><br />
<label>Tu as un forum de type ?</label>
<input type="checkbox" name="foratype" value="- Publicité" /><label>Publicité </label>
<input type="checkbox" name="foratype" value="- RPG" /><label> RPG </label>
<input type="checkbox" name="foratype" value="- Discussion" /><label> Discussion </label>
<br />
<label>Comment juge tu le forum :</label><br /><center><textarea cols="60" rows="10" name="infos"></textarea></center>
<br /><input type="button" onClick="verif(this.form)" value="Générer le code" />
</form>

<center><h2>Aperçu du rendu :</h2></center>
<div id="apercu"> </div>
<form id="copie">
<p>Voici le code à copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();">
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center></p>
</form>

</div>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Invité le Sam 11 Jan 2014 - 2:19

Bonsoir Scoubifitz,


Oui c'est bien cela c'est super, un grand merci

Juste pour que je comprenne bien, histoire que je puisse en rajouté d'autre liste a cocher

il faut que je copie coller cette ligne dans le js

Code:
<p>J'ai un forum de type :<br>";
    for(var i = 0; i < LeForm.foratype.length; i++)
    {
    if(LeForm.foratype[i].checked === true) { contenu += LeForm.foratype[i].value + "<br>"; }
    }
    contenu += "</p>

Et juste modifier foratype par un autre mot clé comme par exemple navigateur

ainsi que sur cette partie ci dans le name

Code:
<input type="checkbox" name="foratype" value="- Publicité" /><label>Publicité </label>

C'est bien cela ??


D'avance je t'en remercie de ton aide


Cordialement
Idiscut

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Scoubifitz le Sam 11 Jan 2014 - 2:33

c'est ça ! ^^

il faut arrêter la variable "contenu" par un point-virgule , mettre la condition , puis continuer la variable ...
et dans le formulaire , mettre le mot clé pour traiter la condition .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Invité le Sam 11 Jan 2014 - 2:40

D'accord

Juste une dernière question, histoire que se point la soit bien remplis et non sans case cochée, donc obliger le membre a cocher aux moins une case, comment on fait ?, sur les autres je sais c'est dans le if du js mais sur se point que tu viens de m'expliquer la je sais pas

j'ai essayer avec le if comme je les fait avec les autres mais ça ne fait plus générer le code donc je suppose que il y à un truc a mettre ailleurs dans la partie code js que tu m'as fait ??

D'avance je t'en remercie

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Scoubifitz le Sam 11 Jan 2014 - 3:18

le mieux est de mettre les vérifications une après l'autre , donc "if" condition , "else if" autre condition , etc ...

"return false" pour arrêter le script si la condition n'est pas remplie

comme ceci :

Code:
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<title>Formulaire qui génère un code</title>
<style type="text/css">
body{
font-family:Verdana;
}

div#formulaire{
width:600px;
margin:auto;
background-color:#AEAEAE;
border:double 4px #435B58;
}

div#formulaire h1{
text-align:center;
font-size:20px;
font-variant:small-caps;
font-weight:bold;
color:#735134;
background-color:#E4B78F;
border-bottom:4px double #735134;
margin-top:0;
}

div#formulaire h2{
text-align:center;
font-size:14px;
font-weight:normal;
color:#735134;
background-color:#D9C0AA;
border-bottom:1px solid #735134;
border-right:1px solid #735134;
width:400px;
margin-left:0px;
padding-left:20px;
}

div#formulaire form#rempli label, div#formulaire form#copie label, div#formulaire form#copie p{
font-size:14px;
font-weight:normal;
font-style:italic;
color:#373737;
}

div.presentation{
background-color:#807B7B;
width:400px;
margin:auto;
border:solid 1px black;
}

div.presentation h1{
text-align:left;
padding-left:22px;
font-variant:small-caps;
font-size:14px;
color:#704d16;
letter-spacing:2px;
background-color: #DEB146;
}

div.presentation p{
font-size:12px;
font-family:Comic Sans ms;
text-align:justify;
padding-left:12px;
padding-right:12px;
color:#000000;
}
</style>

<script type="text/javascript">

function verif(LeForm)
{

var pseudo = LeForm.pseudo.value;
var age = LeForm.age.value;
var region = LeForm.region.value;
var metier = LeForm.metier.value;
var infos = LeForm.infos.value;
var genre = LeForm.genre.value;


if (pseudo == ""){
alert("Veuillez entrer un pseudo");
return false;
}

else if (age == ""){
alert("Veuillez entrer votre age");
return false;
}

else if (region == ""){
alert("Veuillez entrer votre region");
return false;
}

else if (metier == ""){
alert("Veuillez entrer votre métier .\n Si vous ne travaillez pas , entrez : en recherche \n ou encore pour les femmes entrez : femme au foyer");
return false;
}

else if( LeForm.foratype[0].checked === false && LeForm.foratype[1].checked === false  && LeForm.foratype[2].checked === false)
{
alert("Merci de cocher au moins une case pour le type de forum.");
return false;
}
else if (infos == ""){
alert("Veuillez nous faire par de votre sentiment sur le design et codage du forum");
return false;
}
else {
var contenu = "<div class=\"presentation\"><h1 class=\"titre\">Présentation de "+pseudo+"</h1><p><span class=\"mea\">Je suis</span> "+genre+"</p><p><span class=\"mea\">Et j'ai</span> "+age+"</p><p><span class=\"mea\">Je viens de la region</span> "+region+"</p><p><span class=\"mea\">Mon métier</span> "+metier+"</p><p>J'ai un forum de type :<br>";
for(var i = 0; i < LeForm.foratype.length; i++)
{
if(LeForm.foratype[i].checked === true) { contenu += LeForm.foratype[i].value + "<br>"; }
}
contenu += "</p><p><span class=\"mea\">Comment juge tu le forum :</span><br /> "+infos+"</p></div>";
document.getElementById("code_genere").innerHTML = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";
return true;
}
}
</script>
</head>
<body>
<div id="formulaire">

<h1>Formulaire de présentation</h1>

<center><h2>Veuillez remplir le formulaire suivant :</h2></center>

<form action="#" method="post" id="rempli">
<label>Ton pseudo</label> :<input type="text" name="pseudo" size="30" maxlength="200"/> <br />
<label>je suis :</label> :
<select name="genre">
<option value="une fille">une fille</option>
<option value="un garçon">un garçon</option>
</select><br />
<label>Ton âge :</label> :
<select name="age">
<option value="12 Ans">12 Ans</option>
<option value="13 Ans">13 Ans</option>
<option value="14 Ans">14 Ans</option>
<option value="15 Ans">15 Ans</option>
<option value="16 Ans">16 Ans</option>
<option value="17 Ans">17 Ans</option>
<option value="18 Ans">18 Ans</option>
<option value="19 Ans">19 Ans</option>
<option value="20 Ans">20 Ans</option>
<option value="21 Ans">21 Ans</option>
<option value="22 Ans">22 Ans</option>
<option value="23 Ans">23 Ans</option>
<option value="24 Ans">24 Ans</option>
<option value="25 Ans">25 Ans</option>
<option value="26 Ans">26 Ans</option>
<option value="27 Ans">27 Ans</option>
<option value="28 Ans">28 Ans</option>
<option value="29 Ans">29 Ans</option>
<option value="30 Ans">30 Ans</option>
<option value="31 Ans">31 Ans</option>
<option value="32 Ans">32 Ans</option>
<option value="33 Ans">33 Ans</option>
<option value="34 Ans">34 Ans</option>
<option value="35 Ans">35 Ans</option>
<option value="36 Ans">36 Ans</option>
<option value="37 Ans">37 Ans</option>
<option value="38 Ans">38 Ans</option>
<option value="39 Ans">39 Ans</option>
<option value="40 Ans">40 Ans</option>
<option value="41 Ans">41 Ans</option>
<option value="42 Ans">42 Ans</option>
<option value="43 Ans">43 Ans</option>
<option value="44 Ans">44 Ans</option>
<option value="45 Ans">45 Ans</option>
<option value="46 Ans">46 Ans</option>
<option value="47 Ans">47 Ans</option>
<option value="48 Ans">48 Ans</option>
<option value="49 Ans">49 Ans</option>
<option value="50 Ans">50 Ans</option>
<option value="51 Ans">51 Ans</option>
<option value="52 Ans">52 Ans</option>
<option value="53 Ans">53 Ans</option>
<option value="54 Ans">54 Ans</option>
<option value="55 Ans">55 Ans</option>
<option value="56 Ans">56 Ans</option>
<option value="57 Ans">57 Ans</option>
<option value="58 Ans">58 Ans</option>
<option value="59 Ans">59 Ans</option>
<option value="60 Ans">60 Ans</option>
<option value="61 Ans">61 Ans</option>
<option value="62 Ans">62 Ans</option>
<option value="63 Ans">63 Ans</option>
<option value="64 Ans">64 Ans</option>
<option value="65 Ans">65 Ans</option>
<option value="66 Ans">66 Ans</option>
<option value="67 Ans">67 Ans</option>
<option value="68 Ans">68 Ans</option>
<option value="69 Ans">69 Ans</option>
<option value="70 Ans">70 Ans</option>
<option value="71 Ans">71 Ans</option>
<option value="72 Ans">72 Ans</option>
<option value="73 Ans">73 Ans</option>
<option value="74 Ans">74 Ans</option>
<option value="75 Ans">75 Ans</option>
<option value="76 Ans">76 Ans</option>
<option value="77 Ans">77 Ans</option>
<option value="78 Ans">78 Ans</option>
<option value="79 Ans">79 Ans</option>
<option value="80 Ans">80 Ans</option>
<option value="81 Ans">81 Ans</option>
<option value="82 Ans">82 Ans</option>
<option value="83 Ans">83 Ans</option>
<option value="84 Ans">84 Ans</option>
<option value="85 Ans">85 Ans</option>
<option value="86 Ans">86 Ans</option>
<option value="87 Ans">87 Ans</option>
<option value="88 Ans">88 Ans</option>
<option value="89 Ans">89 Ans</option>
<option value="90 Ans">90 Ans</option>
<option value="91 Ans">91 Ans</option>
<option value="92 Ans">92 Ans</option>
<option value="93 Ans">93 Ans</option>
<option value="94 Ans">94 Ans</option>
<option value="95 Ans">95 Ans</option>
<option value="96 Ans">96 Ans</option>
<option value="97 Ans">97 Ans</option>
<option value="98 Ans">98 Ans</option>
<option value="99 Ans">99 Ans</option>
<option value="100 Ans">100 Ans</option>
</select><br />
<label>Je viens de la region :</label> :<input type="text" name="region" size="30" maxlength="200"/><br />
<label>Mon métier</label> :<input type="text" name="metier" size="30" maxlength="200"/><br />
<label>Tu as un forum de type ?</label>
<input type="checkbox" name="foratype" value="- Publicité" /><label>Publicité </label>
<input type="checkbox" name="foratype" value="- RPG" /><label> RPG </label>
<input type="checkbox" name="foratype" value="- Discussion" /><label> Discussion </label>
<br />
<label>Comment juge tu le forum :</label><br /><center><textarea cols="60" rows="10" name="infos"></textarea></center>
<br /><input type="button" onClick="verif(this.form)" value="Générer le code" />
</form>

<center><h2>Aperçu du rendu :</h2></center>
<div id="apercu"> </div>
<form id="copie">
<p>Voici le code à copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();">
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center></p>
</form>

</div>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de code

Message par Invité le Sam 11 Jan 2014 - 11:34

Bonjour,


Ah ok oui en effet c'est mieux de cette manière la

je vous en remercie pour votre aide

En vous souhaitant une bonne année et un bon weekend

Cordialement
Idiscut

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum