<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Generateur de presentation</title>
<style type="text/css">
/* Le css sera ici */
</style>
<script type="text/javascript">
<!-- //
function verif(LeForm){
var pseudo = LeForm.pseudo.value;
var age = LeForm.age.value;
var genre = LeForm.genre.value;
var mangas = LeForm.mangas.value;
var art = LeForm.art.value;
var passions = LeForm.passions.value;
var musiques = LeForm.musiques.value;
var connu = LeForm.connu.value;
var avis = LeForm.avis.value;
var attends = LeForm.attends.value;
var connexion = LeForm.connexion.value;
var famille = LeForm.famille.value;
var remarque = LeForm.remarque.value;
var question = LeForm.question.value;
var pseudoo =leForm.pseudoo.value;
var ok = true;
if (pseudoo == ""){
ok = false;
alert("Veuillez entrer un pseudo");
}
if (pseudo == ""){
ok = false;
alert("D'ou vient ton pseudo?");
}
if (age == ""){
ok = false;
alert("Veuillez entrer un âge");
}
if (mangas == ""){
ok = false;
alert("Tu n'aimes pas de mangas?");
}
if (passions == ""){
ok = false;
alert("Aucune passion? :'(");
}
if (connu == ""){
ok = false;
alert("Comment as-tu connu le forum?");
}
if (connexion == ""){
ok = false;
alert("As-tu des heures de connexion imposées par tes parents?");
}
if (famille == ""){
ok = false;
alert("As-tu quelqu'un de ta famille ici?");
}
if(ok){
var contenu = <h3 id=\"titre_presentation\"><blink>Presentation de "+pseudoo+"</blink></h3>
<center><table id=\"presentation_membre1\" cellpadding=\"4\">
<tr><td class=\"presentation_1\"><h2>Informations Personnelles</h2>
<ol style=\"list-style-type:upper-roman\">
<li>D'ou vient ton Pseudo?</li>"+pseudo+"
<li>Quel âge as-tu?</li>"+age+"
<li>Es-tu un garçon ou une fille?</li>"+genre+"
<li>Quels sont tes mangas favoris?</li>"+mangas+"
<li>Exerces-tu un art en particulier?</li>"+art+"
<li>Quelles sont tes passions?</li>"+passions+"
<li>Quelles musiques aimes-tu?</li>"+musique+"
</ol>
</td>
<td class=\"presentation_2\"><h2>Le forum et toi</h2>
<ol style=\"list-style-type:upper-roman\">
<li>Comment as-tu connu ce forum?</li>"+connu+"
<li>Ton premier avis sur le forum?</li>"+avis+"
<li>Qu'attends-tu de ce forum?</li>"+attends+"
<li>As-tu des heures de connexion imposées par tes parents?</li>"+connexion+"
<li>As-tu quelqu'un de ta famille inscrit sur le forum?</li>"+famille+"
<li>As-tu une remarque en particulier à faire?</li>"+remarque+"
<li>As-tu des questions à poser?</li>"+question+"
</td>
</tr>
</table></center>;
document.getElementById("code_genere").innerHTML = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";
}
}
//-->
</script>
<style>
#formulaire
{
background:url(http://img11.hostingpics.net/pics/965550fb.png);
width:1000px;
border:1px dashed darkblue;
color:cyan;
text-shadow:2px 2px 2px blue;
}
h1 , h2
{
font-size:17px;
text-decoration:underline;
}
body
{
background:url(http://i.imgur.com/wi0qf.jpg);
background-attachment:fixed;
}
</style>
</head>
<body>
<center><div id="formulaire">
<img src="http://i40.servimg.com/u/f40/16/20/92/13/entete11.jpg" />
<h1>Nouveau petit nuage</h1>
<h2>Remplis ce formulaire pour te présenter ^o^:</h2>
<label>Quel est ton pseudo?</label> :<input type="text" name="pseudoo" size="30" maxlength="200"/> <br />
<form action="#" method="post" id="rempli">
<label>D'ou vient ton pseudo?</label> :<input type="text" name="pseudo" size="30" maxlength="200"/>
<br />
<label>Quel âge as-tu?</label> :<input type="text" name="age" size="30" maxlength="200"/>
<br />
<label>Es-tu un garçon ou une fille?</label> :
<select name="genre">
<option value="(pas d'infos)">Non précisé</option>
<option value="une fille">une fille</option>
<option value="un garçon">un garçon</option>
</select>
<br /> <label>Quels sont tes mangas favoris?</label><br />
<textarea cols="60" rows="10" name="mangas"></textarea>
<br />
<label>Exerces-tu un art en particulier?</label> :<input type="text" name="art" size="30" maxlength="200"/>
<br />
<label>Quelles sont tes passions?</label> :<input type="text" name="passions" size="30" maxlength="200"/>
<br />
<label>Quelles Musiques aimes-tu?</label> :<input type="text" name="musique" size="30" maxlength="200"/>
<br />
<label>Comment as-tu connu ce forum?</label> :<input type="text" name="connu" size="30" maxlength="200"/>
<br />
<label>Ton premier avis sur le forum?</label> :<input type="text" name="avis" size="30" maxlength="200"/>
<br />
<label>Qu'attends-tu de ce forum?facultatif</label> :<input type="text" name="attends" size="30" maxlength="200"/>
<br />
<label>As-tu des heures de connexion imposées par tes parents?</label> :<input type="text" name="connexion" size="30" maxlength="200"/>
<br />
<label>As-tu quelqu'un de ta famille inscrit sur le forum?</label> :<input type="text" name="famille" size="30" maxlength="200"/>
<br />
<label>Une remarque? facultatif</label> :<input type="text" name="remarque" size="30" maxlength="200"/>
<br />
<label>Une question? facultatif</label> :<input type="text" name="question" size="30" maxlength="200"/>
<br />
<input type="button" onClick="verif(this.form)" value="Générer le code" />
</form>
<h2>Aperçu du rendu :</h2>
<div id="apercu"> </div>
<form>
<label>Voici le code à copier/coller</label> <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').select();"><br />
<textarea cols="60" rows="10" id="code_genere" readonly></textarea>
</form>
</div>
</center>
</body>
</html>
