Formulaire

[kakale]

Re bonsoir,

Décidément j'ai tenté de peaufiner avec 30 millions de code à la fois et de soucis, j'ai voulu créer un formulaire. La mise en page n'a pas de soucis, le code fonctionnement correctement mais une fois que je clique sur envoyer ( qui envoie bel et bien sur la bonne page ) AUCUNES informations ne s'y collent...

J'ai trouvé la ligne qui s'y prête mais comment dois-je la remplir ? Avec un simple Copier /coller de chaque étapes ? Si c'est le cas, pourquoi les informations précédemment écrites ne se mettent pas automatiquement ?

Je vous met donc la page en question...
Merci une nouvelle fois d'avance.

Image : http://puu.sh/2qxe

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.region.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
return false;
}
else if(form.passion.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.graftime.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
return false;
}
else if(form.logiciel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
return false;
}
else if(form.gp.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else if(form.regle.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de rentrer le code du Règlement";
return false;
}



else
{
// Créer un message à partir des informations fournies
var txt_message ="
<div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>Lanfear\'</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Ma Présentation</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudonyme? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps jouez vous à Allods? : [/b]" + form.graftime.value + '\n';
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Quelles sont vos motivations  à nous rejoindre? : [/b][list]" + form.logiciel.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu la guilde Lanfear ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="http://lanfeara.forumactif.com/posting.forum" 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" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->



<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->



<input type="hidden" name="f" value="6" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->


<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Lanfear</span>

<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>





<fieldset><legend>En général</legend>

<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudonyme ?
<i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Carte d'identité</legend>
<table>

<tr>
<td class="left"><label for="graftime">Depuis combien de temps
 jouez vous à Allods ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr>

<tr>
<td class="left">Quelle race êtes vous ?:</td>

<td><input type="radio" name="niveau" value="Kanians" id="Kanians" checked="checked" /> <label for="débutant">Kanians</label>

<input type="radio" name="niveau" value="Elfe" id="Elfe" /> <label for="intermédiaire">Elfe</label>

<input type="radio" name="niveau" value="Gibberlings" id="Gibberlings" /> <label for="pro">Gibberlings</label>

</tr>

<tr>
<td class="left">Quelle classe êtes vous
 ? :</td>
<td>
<input type="radio" name="niveau" value="Archétype Guerrier" id="Archétype Guerrier" checked="checked" /> <label for="Archétype Guerrier">Archétype Guerrier</label>


<input type="radio" name="niveau" value="Archétype Paladin " id="Archétype Paladin" /> <label for="Archétype Paladin">Archétype Paladin</label>


<input type="radio" name="niveau" value="Archétype Tribaliste" id="Archétype Tribaliste" /><label for="Archétype Tribaliste">Archétype Tribaliste</label>


<input type="radio" name="niveau" value="Archétype Mage" id="Archétype Mage" checked="checked" /> <label for="Archétype Mage">Archétype Mage</label>


<input type="radio" name="niveau" value="Archétype Éclaireur" id="Archétype Éclaireur" /> <label for="Archétype Éclaireur">Archétype Éclaireur</label>


<input type="radio" name="niveau" value="Archétype Guérisseur" id="Archétype Guérisseur" /> <label for="Archétype Guérisseur">Archétype Guérisseur</label>


<input type="radio" name="niveau" value="Archétype Invocateur" id="Archétype Invocateur" /> <label for="Archétype Invocateur">Archétype Invocateur</label>


<input type="radio" name="niveau" value="Archétype Psionique " id="Archétype Psionique " /> <label for="Archétype Psionique">Archétype Psionique</label>

</tr>


<tr>
<td class="left"><label for="motivations">Quelles sont vos motivations 
à nous rejoindre?</label></td>
<td><textarea name="motivations" id="motivations" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>


<fieldset><legend>Lanfear</legend>
<table><tr>
<td colspan="2"><label for="gp">Vos premières impressions sur ce forum ?</label>

<textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr>


<tr>
<td colspan="2"><label for="connais">Comment avez-vous connu la guilde Lanfear ?</label>

<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>



<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br><br><input type="submit" name="post" value="Créer !"><br>
</fieldset>
</form></div>

[Ea]

Bonjour,


Et si vous remplacez :

Code:

http://lanfeara.forumactif.com/posting.forum

Par :

Code:

http://s301826463.onlinehome.fr/fdf/print_post.php

Qui affiche les données envoyées par le formulaire, ça affiche ce qu'il faut ?

Cordialement.

[Scoubifitz]

bonjour,

décidément , j'en apprends tous les jours , merci Etana ! ^^

pour ce qui est du formulaire , vous avez supprimé certaines parties dans le formulaire , mais laissé les valeurs dans le script ... des valeurs qui n'existent plus ...

ce code ci fonctionne ... faites vos essais progressivement ...

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>De Graph\' Passion</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Ma Présentation</span></div>"  + '\n' + '\n'
+ "[b]Quel est votre Pseudonyme? : [/b]" + form.pseudo.value + '\n'
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
+ '\n'
+ "[b]Depuis combien de temps jouez vous à Allods? : [/b]" + form.graftime.value + '\n';
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.niveau.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
}
txt_message = txt_message + "[b]Quelles sont vos motivations  à nous rejoindre? : [/b][list]" + form.motivations.value + "[/list]"
+ "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
+ form.gp.value + '\n'
+ "[b]Comment avez-vous connu la guilde Lanfear ? : [/b]" + '\n'
+ form.connais.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="http://lanfeara.forumactif.com/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" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="6" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">De Graph' Passion</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>

<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudonyme ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Carte d'identité</legend>
<table>

<tr>
<td class="left"><label for="graftime">Depuis combien de temps<br /> jouez vous à Allods ?</label></td>
<td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
</tr>

<tr>
<td class="left">Quelle race êtes vous ?:</td>

<td><input type="radio" name="niveau" value="Kanians" id="Kanians" checked="checked" /> <label for="débutant">Kanians</label><br />
<input type="radio" name="niveau" value="Elfe" id="Elfe" /> <label for="intermédiaire">Elfe</label><br />
<input type="radio" name="niveau" value="Gibberlings" id="Gibberlings" /> <label for="pro">Gibberlings</label><br />
</tr>

<tr>
<td class="left">Quelle classe êtes vous <br /> ? :</td>
<td>
<input type="radio" name="niveau" value="Archétype Guerrier" id="Archétype Guerrier" checked="checked" /> <label for="Archétype Guerrier">Archétype Guerrier</label><br />

<input type="radio" name="niveau" value="Archétype Paladin " id="Archétype Paladin" /> <label for="Archétype Paladin">Archétype Paladin</label><br />

<input type="radio" name="niveau" value="Archétype Tribaliste" id="Archétype Tribaliste" /><label for="Archétype Tribaliste">Archétype Tribaliste</label><br />

<input type="radio" name="niveau" value="Archétype Mage" id="Archétype Mage" checked="checked" /> <label for="Archétype Mage">Archétype Mage</label><br />

<input type="radio" name="niveau" value="Archétype Éclaireur" id="Archétype Éclaireur" /> <label for="Archétype Éclaireur">Archétype Éclaireur</label><br />

<input type="radio" name="niveau" value="Archétype Guérisseur" id="Archétype Guérisseur" /> <label for="Archétype Guérisseur">Archétype Guérisseur</label><br />

<input type="radio" name="niveau" value="Archétype Invocateur" id="Archétype Invocateur" /> <label for="Archétype Invocateur">Archétype Invocateur</label><br />

<input type="radio" name="niveau" value="Archétype Psionique " id="Archétype Psionique " /> <label for="Archétype Psionique">Archétype Psionique</label><br />
</tr>


<tr>
<td class="left"><label for="motivations">Quelles sont vos motivations  <br />à nous rejoindre?</label></td>
<td><textarea name="motivations" id="motivations" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>


<fieldset><legend>Graph' passion</legend>
<table><tr>
<td colspan="2"><label for="gp">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
</tr>


<tr>
<td colspan="2"><label for="connais">Comment avez-vous connu la guilde Lanfear ?</label><br />
<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br><br><input type="submit" name="post" value="Créer !"><br>
</fieldset>
</form></div>

[kakale]

Je vous remercie pour votre aide à tout les deux !

Une question persiste : N'y-a-t-il aucun moyen de personnalisé le contenu du message envoyé ? Par exemple rajouter de l'ombre derrière le texte ou faire un cadre ? Un peu, si je puis me permettre, les forums RPG qui ont leurs feuilles personnalisées.

Si oui, , encore merci !

[Scoubifitz]

c'est parfaitement possible ...

auriez vous un exemple de tableau ?

[kakale]

Bien sur, j'ai fait cela vite fait sous gimp.

Le principe étant de mettre la plupart des textes avec une ombre. Le cadre m'a tout l'air d'être un moz-radius, et de placer des tableaux pour mettre les images... Cela m'a l'air compliqué alors prenez votre temps ! ^^'

http://puu.sh/2qFU

[Scoubifitz]

je me suis mal exprimé , désolé ...

auriez vous un exemple de code de tableau que l'on pourra insérer dans le script ?
(votre image fait 1200px de large ! ^^)

Lanfear Presentation
Titre de la partie
contenu contenu contenu contenu contenu
Titre de la partie
contenu contenu contenu contenu

Code:

[table style="background-color:white;border:1px solid black;width:500px;-moz-box-shadow: 1px 1px 12px #000;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;margin-left:20px;"]
[tr]
[td colspan="2"]Lanfear
Presentation 
[/td]
[/tr][tr]
[td colspan="2"]
[center]  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  :ajout:  [/center]
[/td]
[/tr][tr]
[td] Titre de la partie
[/td][td rowspan="4"] [center][img]http://i74.servimg.com/u/f74/16/14/72/81/nonew12.png[/img][/center][/td]
[/tr][tr]
[td style="border:1px solid black;width:300px;-moz-box-shadow: 1px 1px 12px #000;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;"] contenu
contenu
contenu
contenu
contenu[/td]
[/tr][tr]
[td] Titre de la partie 
[/td]
[/tr][tr]
[td style="border:1px solid black;width:300px;-moz-box-shadow: 1px 1px 12px #000;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;"]contenu
contenu
contenu
contenu [/td]
[/tr]
[/table]

voila

[kakale]

(l'image n'était qu'un exemple. Et en effet j'ai mal comprit et ai tracé directement un tableau...)

Seulement où puis-je rentrer ce code ?
Pour le tableau, je ne m'y connais vraiment pas du tout... On peut toujours faire quelque chose de simple qui y ressemble, pas la peine , je pense, de vous casser la tête!

Voilà le rendu graphiquement : http://puu.sh/2qYm

[Scoubifitz]

sans me "casser la tête" , pouvez vous coller ce code directement dans un message sur votre forum , pour savoir si c'est ce que vous recherchez ?

Code:

[table style="-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #aaa; box-shadow: 1px 1px 12px #aaa;margin:15px;padding:10px;"]
[tr]
[td colspan="2"][font=Times New Roman][color=LightGray]Lanfear[/color][/font]
[center][size=29][color=darkred][font=Monotype Corsiva]Ma Présentation[/font][/color][/size][/center][/td][/tr]
[tr][td colspan="2"][img]http://puu.sh/2qYj[/img][/td]
[/tr][tr]
[td] Titre de la partie
[/td][td rowspan="4" width="300"][img]http://img863.imageshack.us/img863/2758/bansheerender.png[/img][/td]
[/tr][tr]
[td style="border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;"] contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu[/td]
[/tr][tr]
[td] Titre de la partie
[/td]
[/tr][tr]
[td style="border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;"]contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu [/td]
[/tr]
[/table]

[kakale]

Coïncidence ! J'ai fait le même tableau à 00h48 sur mon forum. C'est exactement ce que je souhaite !

Reste à mettre à jour dans le script pour chaque catégorie, je vous remercie et attend la suite avec impatience ! ^^

[Scoubifitz]

par rapport au tableau , pouvez vous m'indiquer où doivent se placer les différentes valeurs du formulaire ?
(age , métier ...)

[kakale]

Il y aura en tout 4 tableaux.
3 pour les différentes catégories de la fiche et 1 qui comporte l'image de droite.

Schéma vite fait : http://puu.sh/2rNn

[Scoubifitz]

c'est exactement ce qu'il me fallait ! ^^

il faudra patienter jusqu'à demain , je n'aurais pas le temps suffisant pour finir le formulaire ce soir (taf du matin )

Amicalement ...

[kakale]

Pas de soucis, ravie d'avoir fait l'exemple qu'il vous fallait!
Bon travail, même si, on préférerai rester dans son lit ..

Prenez votre temps, c'est déjà splendide d'arriver où l'on veut sans passer par 10 000 chemins.

[Scoubifitz]

voili , voilou ...

c'est la première fois que je tente un envoi aussi élaboré ...

c'est testé ! ^^

Code:

<style type="text/css">
.form {
font-size: 12px;
width: 1100;
margin-left:auto;
margin-right:auto;

}
fieldset{
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #BABABA;
border-width:1px 0 0 0;
}
legend {
-moz-box-shadow: 1px 1px 12px #bbb;
-webkit-box-shadow: 1px 1px 12px #aaa;
 box-shadow: 1px 1px 12px #aaa;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>

<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.allods.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire depuis quand vous jouez à Allods";
return false;
}
else if(form.motivations.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos motivations";
return false;
}
else if(form.lanfear.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de donner vos impressions";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous avez connu ce forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="[table style='color:white;background-color:#080114;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #aaa; box-shadow: 1px 1px 12px #aaa;margin:15px;padding:10px;'][tr][td][font=Times New Roman][color=LightGray]Lanfear[/color][/font][center][size=29][color=darkred][font=Monotype Corsiva]Ma Présentation[/font][/color][/size][/center][/td][td][/td][/tr][tr][td colspan='2'][img(700px,25px)]http://puu.sh/2qYj[/img][/td][/tr][tr][td][color=orange]Présentation[/color][/td][td rowspan='6' width='230'][img(247px,250px)]http://img863.imageshack.us/img863/2758/bansheerender.png[/img][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Quel est votre Pseudonyme? : [/b]" + form.pseudo.value + '\n' + '\n'

+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n' + '\n'

+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n' + '\n'

+ "[/td][/tr][tr][td][color=orange]Carte d'identité[/color][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Depuis combien de temps jouez vous à Allods? : [/b]" + '\n' + '\n'
+ "[center]" + form.allods.value + "[/center]" + '\n' + '\n';

// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.race.length; i++)
{
if(form.race[i].checked == true) { txt_message = txt_message + "[b]Quelle Race êtes vous ?[/b]" + '\n' + '\n'
+ "[center]" + form.race[i].value + "[/center]" + '\n' + '\n'; }
}
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var k = 0; k < form.classe.length; k++)
{
if(form.classe[k].checked == true) { txt_message = txt_message + "[b]Quelle Classe êtes vous ?[/b]" + '\n' + '\n'
+ "[center]" + form.classe[k].value + "[/center]" + '\n' + '\n'; }
}
txt_message = txt_message + "[b]Quelles sont vos motivations à nous rejoindre ? : [/b][list]" + form.motivations.value + "[/list]" + '\n' + '\n'

+ "[/td][/tr][tr][td][color=orange]Lanfear[/color][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Vos premières impressions de ce forum ? : [/b]" + '\n' + '\n'
+ form.lanfear.value + '\n' + '\n'
+ "[b]Comment avez-vous connu la guilde Lanfear ? : [/b]" + '\n' + '\n'
+ form.connais.value + '\n' + '\n'

 + "[/td][/tr][/table]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="http://lanfeara.forumactif.com/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" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<input type="hidden" name="f" value="6" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Lanfear</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color:darkred;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudonyme ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr>
<tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr>
<tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Carte d'identité</legend>
<table>
<tr>
<td class="left"><label for="allods">Depuis combien de temps<br /> jouez vous à Allods ?</label></td>
<td valign="bottom"><input type="text" name="allods" id="allods" size="40" maxlength="30"/></td>
</tr>
<tr>
<td class="left">Quelle race êtes vous ?:</td>
<td><input type="radio" name="race" value="Kanians" id="Kanians" checked="checked" /> <label for="débutant">Kanians</label><br />
<input type="radio" name="race" value="Elfe" id="Elfe" /> <label for="intermédiaire">Elfe</label><br />
<input type="radio" name="race" value="Gibberlings" id="Gibberlings" /> <label for="pro">Gibberlings</label><br /></td>
</tr>
<tr>
<td class="left">Quelle classe êtes vous ? :</td>
<td>
<input type="radio" name="classe" value="Archétype Guerrier" id="Archétype Guerrier" checked="checked" /> <label for="Archétype Guerrier">Archétype Guerrier</label><br />
<input type="radio" name="classe" value="Archétype Paladin " id="Archétype Paladin" /> <label for="Archétype Paladin">Archétype Paladin</label><br />
<input type="radio" name="classe" value="Archétype Tribaliste" id="Archétype Tribaliste" /><label for="Archétype Tribaliste">Archétype Tribaliste</label><br />
<input type="radio" name="classe" value="Archétype Mage" id="Archétype Mage" checked="checked" /> <label for="Archétype Mage">Archétype Mage</label><br />
<input type="radio" name="classe" value="Archétype Éclaireur" id="Archétype Éclaireur" /> <label for="Archétype Éclaireur">Archétype Éclaireur</label><br />
<input type="radio" name="classe" value="Archétype Guérisseur" id="Archétype Guérisseur" /> <label for="Archétype Guérisseur">Archétype Guérisseur</label><br />
<input type="radio" name="classe" value="Archétype Invocateur" id="Archétype Invocateur" /> <label for="Archétype Invocateur">Archétype Invocateur</label><br />
<input type="radio" name="classe" value="Archétype Psionique " id="Archétype Psionique " /> <label for="Archétype Psionique">Archétype Psionique</label><br /></td>
</tr>
<tr>
<td class="left"><label for="motivations">Quelles sont vos motivations  <br />à nous rejoindre?</label></td>
<td><textarea name="motivations" id="motivations" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Lanfear</legend>
<table><tr>
<td colspan="2"><label for="lanfear">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="lanfear" id="lanfear" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td colspan="2"><label for="connais">Comment avez-vous connu la guilde Lanfear ?</label><br />
<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br><br><input type="submit" name="post" value="Créer !"><br>
</fieldset>
</form></div>

[kakale]

Je vous aimeeeeeeeeeeee!
*tousse*

C'est de l'excellent travail, félicitation c'est ce que je souhaitais !
Plus qu'à changer la couleur des cadres et c'est bon!

Dernière question : pouvez-vous rajouter une légère ombre derrière tout les textes s'il vous plait?

[Scoubifitz]

euh ... dans le formulaire ? ou après envoi ?

[kakale]

*sent qu'il prend peur*

Dans l'envoi ^^

[Scoubifitz]

facile ... il suffit de le rajouter au style du tableau ...

Code:

<style type="text/css">
.form {
font-size: 12px;
width: 1100;
margin-left:auto;
margin-right:auto;

}
fieldset{
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:1px dashed #BABABA;
border-width:1px 0 0 0;
}
legend {
-moz-box-shadow: 1px 1px 12px #bbb;
-webkit-box-shadow: 1px 1px 12px #aaa;
 box-shadow: 1px 1px 12px #aaa;
font-family: Monotype Corsiva;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>

<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.pseudo.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.metier.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
return false;
}
else if(form.allods.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire depuis quand vous jouez à Allods";
return false;
}
else if(form.motivations.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos motivations";
return false;
}
else if(form.lanfear.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de donner vos impressions";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous avez connu ce forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message ="[table style='color:white;background-color:#080114;text-shadow: 0px 0px 12px #bbb;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #aaa; box-shadow: 1px 1px 12px #aaa;margin:15px;padding:10px;'][tr][td][font=Times New Roman][color=LightGray]Lanfear[/color][/font][center][size=29][color=darkred][font=Monotype Corsiva]Ma Présentation[/font][/color][/size][/center][/td][td][/td][/tr][tr][td colspan='2'][img(700px,25px)]http://puu.sh/2qYj[/img][/td][/tr][tr][td][color=orange]Présentation[/color][/td][td rowspan='6' width='230'][img(247px,250px)]http://img863.imageshack.us/img863/2758/bansheerender.png[/img][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Quel est votre Pseudonyme? : [/b]" + form.pseudo.value + '\n' + '\n'

+ "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n' + '\n'

+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n' + '\n'

+ "[/td][/tr][tr][td][color=orange]Carte d'identité[/color][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Depuis combien de temps jouez vous à Allods? : [/b]" + '\n' + '\n'
+ "[center]" + form.allods.value + "[/center]" + '\n' + '\n';

// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.race.length; i++)
{
if(form.race[i].checked == true) { txt_message = txt_message + "[b]Quelle Race êtes vous ?[/b]" + '\n' + '\n'
+ "[center]" + form.race[i].value + "[/center]" + '\n' + '\n'; }
}
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var k = 0; k < form.classe.length; k++)
{
if(form.classe[k].checked == true) { txt_message = txt_message + "[b]Quelle Classe êtes vous ?[/b]" + '\n' + '\n'
+ "[center]" + form.classe[k].value + "[/center]" + '\n' + '\n'; }
}
txt_message = txt_message + "[b]Quelles sont vos motivations à nous rejoindre ? : [/b][list]" + form.motivations.value + "[/list]" + '\n' + '\n'

+ "[/td][/tr][tr][td][color=orange]Lanfear[/color][/td][/tr][tr][td style='border:1px solid black;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #000; box-shadow: 1px 1px 12px #000;'][b]Vos premières impressions de ce forum ? : [/b]" + '\n' + '\n'
+ form.lanfear.value + '\n' + '\n'
+ "[b]Comment avez-vous connu la guilde Lanfear ? : [/b]" + '\n' + '\n'
+ form.connais.value + '\n' + '\n'

 + "[/td][/tr][/table]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value;
return true;
}
}
</script>
<div class="form">
<form action="http://lanfeara.forumactif.com/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" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<input type="hidden" name="f" value="6" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<br />
<div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase; ">Lanfear</span><br />
<span style="font-size: 29px;  font-family: Monotype Corsiva;  color:darkred;  margin-left: 100px;">Ma Présentation</span></div>
<br />
<br />

<fieldset><legend>En général</legend>
<table><tr>
<td class="left"><label for="pseudo">Quel est votre Pseudonyme ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr>
<tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
</tr>
<tr>
<td class="left"><label for="metier">Quel est votre métier ?</label></td>
<td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
</tr></table>
</fieldset>

<fieldset><legend>Carte d'identité</legend>
<table>
<tr>
<td class="left"><label for="allods">Depuis combien de temps<br /> jouez vous à Allods ?</label></td>
<td valign="bottom"><input type="text" name="allods" id="allods" size="40" maxlength="30"/></td>
</tr>
<tr>
<td class="left">Quelle race êtes vous ?:</td>
<td><input type="radio" name="race" value="Kanians" id="Kanians" checked="checked" /> <label for="débutant">Kanians</label><br />
<input type="radio" name="race" value="Elfe" id="Elfe" /> <label for="intermédiaire">Elfe</label><br />
<input type="radio" name="race" value="Gibberlings" id="Gibberlings" /> <label for="pro">Gibberlings</label><br /></td>
</tr>
<tr>
<td class="left">Quelle classe êtes vous ? :</td>
<td>
<input type="radio" name="classe" value="Archétype Guerrier" id="Archétype Guerrier" checked="checked" /> <label for="Archétype Guerrier">Archétype Guerrier</label><br />
<input type="radio" name="classe" value="Archétype Paladin " id="Archétype Paladin" /> <label for="Archétype Paladin">Archétype Paladin</label><br />
<input type="radio" name="classe" value="Archétype Tribaliste" id="Archétype Tribaliste" /><label for="Archétype Tribaliste">Archétype Tribaliste</label><br />
<input type="radio" name="classe" value="Archétype Mage" id="Archétype Mage" checked="checked" /> <label for="Archétype Mage">Archétype Mage</label><br />
<input type="radio" name="classe" value="Archétype Éclaireur" id="Archétype Éclaireur" /> <label for="Archétype Éclaireur">Archétype Éclaireur</label><br />
<input type="radio" name="classe" value="Archétype Guérisseur" id="Archétype Guérisseur" /> <label for="Archétype Guérisseur">Archétype Guérisseur</label><br />
<input type="radio" name="classe" value="Archétype Invocateur" id="Archétype Invocateur" /> <label for="Archétype Invocateur">Archétype Invocateur</label><br />
<input type="radio" name="classe" value="Archétype Psionique " id="Archétype Psionique " /> <label for="Archétype Psionique">Archétype Psionique</label><br /></td>
</tr>
<tr>
<td class="left"><label for="motivations">Quelles sont vos motivations  <br />à nous rejoindre?</label></td>
<td><textarea name="motivations" id="motivations" cols="35" rows="4"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Lanfear</legend>
<table><tr>
<td colspan="2"><label for="lanfear">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="lanfear" id="lanfear" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td colspan="2"><label for="connais">Comment avez-vous connu la guilde Lanfear ?</label><br />
<textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
</tr></table>
</fieldset>

<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;" id="errormsg"></span><br>
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br><br><input type="submit" name="post" value="Créer !"><br>
</fieldset>
</form></div>

[kakale]

Que faut-il rajouter ? Désolé je suis curieuse d'apprendre aussi
Et encore merci !

[Scoubifitz]

trouvez la partie de script d'envoi ...

il y a la couleur du texte (en orange) , qui peut être supprimé pour que la couleur du forum prenne le relais ..
la couleur de fond (en vert) , qui peut être supprimé pour que le fond devienne transparent ..
l'ombrage de texte (en bleu) ...

// Créer un message à partir des informations fournies
var txt_message ="[table style='color:white;background-color:#080114;text-shadow: 0px 0px 12px #bbb;-moz-box-shadow: 1px 1px 12px #bbb;-webkit-box-shadow: 1px 1px 12px #aaa; box-shadow: 1px 1px 12px #aaa;margin:15px;padding:10px;'][tr][td]

[kakale]

Je vous dit un énorme !
Le topic peut donc être