Mise en forme réponse de formulaire

[TheDirector]

Bonjour,
j'ai créé un formulaire

Code:

<center><style>
  form{width:800px; background-color:lightskyblue;}
  label{
      color:#FFFFFF;
      display: block;
      width: 280px;
      margin-right:10px;
      float: middle;
  }
p{
    text-align:center;
  }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "und";
var rules = "und";
if (document.getElementById('masc').checked == true) {  
sexe = "Masculin";
}  
else {  
sexe = "Féminin";
}  
if (document.getElementById('rules_yes').checked == true) {  
rules = "Oui";
}  
else {  
rules = "Non";
}
// Créer un message à partir des informations fournies
var txt_message = "Je vous présente mon dossier d'élève que voici : " + "\n"
+ "<strong>Nom :</strong> <br />" + form.nom.value + "\n"
+ "<strong>Prénom(s) :</strong> <br />" + form.prenom.value + "\n"
+ "<strong>Surnom :</strong> <br />" + form.surnom.value + "\n"
+ "<strong>Âge :</strong> <br/>" + form.age.value + "\n"
+ "<strong>Sexe :</strong> <br/>" + form.sexe.value + "\n"
+ "<strong>Nationalité :</strong> <br />" + form.nationalite.value + "\n"
+ "<strong>Baguette :</strong> <br />" + form.baguette.value + "\n"
+ "<strong>Comment as-tu connu le forum ?</strong> <br />" + form.connu.value + "\n"
+ "<strong>Comment trouves-tu le forum ?</strong> <br />" + form.trouve.value + "\n"
+ "<strong>Présence sur le forum :</strong> <br />" + form.presence.value + "\n"
+ "<br /> Voilà, pour toute question, demandez moi :)" + "\n" ;
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
 
<form action="http://poudlard-entraide.forumactif.com/privmsg.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="username[]" value="Dumbledore" /> <!-- Champ qui contient le nom du membre auquel sera envoyé le message -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="subject" value="" /> <!-- Contiendra le titre du message -->
<input type="hidden" name="lt" value="" />
<input type="hidden" name="folder" value="inbox" />
<input type="hidden" name="mode" value="post" />
<input type="hidden" name="new_pm_time" value="9275318947">

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />
 
<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label for="sexe">Sexe : </label>
 <input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
      <input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un MP sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>
 
<p><input type="submit" name="post" value="Envoyer" /></p>
</form></center>

Serait-il possible que la mise en forme (postée par le formulaire !) soit comme celle-ci :

Code:

<center><div style=" background-color: #efefef; width: 450px; text-align: justify; padding: 20px; border-top: 5px solid #000; border-bottom: 20px solid #000; font: 12px droid sans; color: #000;"><a href="http://www.never-utopia.com/u11921" class="postlink" target="_blank" rel="nofollow"><img src="http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png" width="450" height="235" alt=""></a><div style="font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;">PSEUDO</div><div style="font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;">
« Dossier d'élève »</div><br>
<table><tr><td>۞ <strong>NOM :</strong> Texte ici
۞ <strong>PRÉNOM(S) :</strong> Texte ici
۞ <strong>SURNOM :</strong> Texte ici
۞ <strong>ÂGE :</strong> Texte ici
۞ <strong>SEXE :</strong> Texte ici
۞ <strong>NATIONALITÉ :</strong> Texte ici
۞ <strong>BAGUETTE :</strong> Texte ici

۞ <strong>AVATAR :</strong> [spoiler]Image ici[/spoiler]
۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong> Texte ici
۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong> Texte ici
۞ <strong>PRÉSENCE SUR LE FORUM :</strong> Texte ici</div></div></td></td></table></div></center>

Merci beaucoup

[TheDirector]

Up

[Scoubifitz]

bonsoir,

       <center><div style=" background-color: #efefef; width: 450px; text-align: justify; padding: 20px; border-top: 5px solid #000; border-bottom: 20px solid #000; font: 12px droid sans; color: #000;"><a href="http://www.never-utopia.com/u11921" class="postlink" target="_blank" rel="nofollow"><img src="https://i.servimg.com/u/f11/18/03/74/01/prasen10.png" width="450" height="235" alt=""></a><div style="font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;">PSEUDO</div><div style="font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;">
       « Dossier d'élève »</div><br>
       <table><tr><td>۞ <strong>NOM :</strong> Texte ici
       ۞ <strong>PRÉNOM(S) :</strong> Texte ici
       ۞ <strong>SURNOM :</strong> Texte ici
       ۞ <strong>ÂGE :</strong> Texte ici
       ۞ <strong>SEXE :</strong> Texte ici
       ۞ <strong>NATIONALITÉ :</strong> Texte ici
       ۞ <strong>BAGUETTE :</strong> Texte ici
       
       ۞ <strong>AVATAR :</strong>

Spoiler:

       ۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong> Texte ici
       ۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong> Texte ici
       ۞ <strong>PRÉSENCE SUR LE FORUM :</strong> Texte ici</div></div></td></td></table></div></center>

- L'image de la fiche possède un lien vers un membre de "never-utopia" , c'est voulu ?

- Faut-il récupérer automatiquement le pseudo du membre qui postule ?

- il n'y a pas de champ dans le formulaire pour récupérer la value de l'avatar , un oubli ?

 

[TheDirector]

Bonsoir

1. Oui c'est voulu mais je souhaite maintenant le retirer
2. Oui, pour qu'à la place de PSEUDO soit mis le pseudo ^^
3. Oui, un oubli ^^

Bonne soirée ;D

[Scoubifitz]

un essai ?

Code:

<center><style>
form{width:800px; background-color:lightskyblue;}
label{
color:#FFFFFF;
display: block;
width: 280px;
margin-right:10px;
float: middle;
}
p{
text-align:center;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "und";
if (document.getElementById('sexe').checked == true) {
sexe = "Masculin";
}
else {
sexe = "Féminin";
}
// Créer un message à partir des informations fournies
var txt_message = "<center><div style=' background-color: #efefef; width:450px; text-align: justify; padding: 20px; border: 5px solid #000; border-width:5px 0 20px 0; font: 12px droid sans; color: #000;'><a href='http://www.never-utopia.com/u11921' class='postlink' target='_blank' rel='nofollow'><img src='http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png' width='450' height='235' alt='' /></a><div style='font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;'>" + form.pseudo.value + "</div><div style='font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;'>\n"
+ "« Dossier d'élève »</div><br>\n"
+ "<table><tr><td>۞ <strong>NOM :</strong>" + form.nom.value + "\n"
+ "۞ <strong>PRÉNOM(S) :</strong>" + form.prenom.value + "\n"
+ "۞ <strong>SURNOM :</strong>" + form.surnom.value + "\n"
+ "۞ <strong>ÂGE :</strong>" + form.age.value + "\n"
+ "۞ <strong>SEXE :</strong>" + sexe + "\n"
+ "۞ <strong>NATIONALITÉ :</strong>" + form.nationalite.value + "\n"
+ "۞ <strong>BAGUETTE :</strong>" + form.baguette.value + "\n\n"
+ "۞ <strong>AVATAR :</strong> [spoiler][url]" + form.avatar.value + "[/url]\n[img]" + form.avatar.value + "[/img][/spoiler]\n"
+ "۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong>" + + form.connu.value + "\n"
+ "۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong>" + form.trouve.value + "\n"
+ "۞ <strong>PRÉSENCE SUR LE FORUM :</strong>" + form.presence.value + "</td></tr></table></div></center>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>

<form action="http://poudlard-entraide.forumactif.com/privmsg.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="username[]" value="Dumbledore" /> <!-- Champ qui contient le nom du membre auquel sera envoyé le message -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="subject" value="" /> <!-- Contiendra le titre du message -->
<input type="hidden" name="lt" value="" />
<input type="hidden" name="folder" value="inbox" />
<input type="hidden" name="mode" value="post" />
<input type="hidden" name="new_pm_time" value="9275318947" />
<input type="hidden" name="pseudo" value="" class="USERNAME" />

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />

<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label for="sexe">Sexe : </label>
<input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
<input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="avatar">Avatar (lien vers l'image): </label>
<input type="text" name="avatar" id="avatar" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un MP sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>

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

[TheDirector]

J'ai modifié un peu mais maintenant ceci ne s'envoit plus x) (je précise que le formulaire doit ouvrir un nouveau sujet dans le forum f2 )

[Scoubifitz]

:lol!:  je me disais bien : pourquoi veut-il faire une mise en forme pour un envoi par MP à Dumbledore ?

Code:

<style>
form{width:800px; background-color:lightskyblue;}
label{
color:#FFFFFF;
display: block;
width: 280px;
margin-right:10px;
float: middle;
}
p{
text-align:center;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "und";
if (document.getElementById('sexe').checked == true) {
sexe = "Masculin";
}
else {
sexe = "Féminin";
}
// Créer un message à partir des informations fournies
var txt_message = "<center><div style=' background-color: #efefef; width:450px; text-align: justify; padding: 20px; border: 5px solid #000; border-width:5px 0 20px 0; font: 12px droid sans; color: #000;'><a href='http://www.never-utopia.com/u11921' class='postlink' target='_blank' rel='nofollow'><img src='http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png' width='450' height='235' alt='' /></a><div style='font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;'>" + form.pseudo.value + "</div><div style='font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;'>\n"
+ "« Dossier d'élève »</div><br>\n"
+ "<table><tr><td>۞ <strong>NOM :</strong>" + form.nom.value + "\n"
+ "۞ <strong>PRÉNOM(S) :</strong>" + form.prenom.value + "\n"
+ "۞ <strong>SURNOM :</strong>" + form.surnom.value + "\n"
+ "۞ <strong>ÂGE :</strong>" + form.age.value + "\n"
+ "۞ <strong>SEXE :</strong>" + sexe + "\n"
+ "۞ <strong>NATIONALITÉ :</strong>" + form.nationalite.value + "\n"
+ "۞ <strong>BAGUETTE :</strong>" + form.baguette.value + "\n\n"
+ "۞ <strong>AVATAR :</strong> [spoiler][url]" + form.avatar.value + "[/url]\n[img]" + form.avatar.value + "[/img][/spoiler]\n"
+ "۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong>" + + form.connu.value + "\n"
+ "۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong>" + form.trouve.value + "\n"
+ "۞ <strong>PRÉSENCE SUR LE FORUM :</strong>" + form.presence.value + "</td></tr></table></div></center>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<center>
<form action="/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" /> <!-- 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="" />
<input type="hidden" name="f" value="2" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="pseudo" value="" class="USERNAME" />

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />

<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label for="sexe">Sexe : </label>
<input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
<input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="avatar">Avatar (lien vers l'image): </label>
<input type="text" name="avatar" id="avatar" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un MP sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>

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

peut-on connaitre la nature de la modification ?

[TheDirector]

J'ai modifié pour changer le mode envoi MP en mode créer topic ^^

Avec ce code :

Code:

<style>
form{width:800px; background-color:lightskyblue;}
label{
color:#FFFFFF;
display: block;
width: 280px;
margin-right:10px;
float: middle;
}
p{
text-align:center;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "und";
if (document.getElementById('sexe').checked == true) {
sexe = "Masculin";
}
else {
sexe = "Féminin";
}
// Créer un message à partir des informations fournies
var txt_message = "<center><div style=' background-color: #efefef; width:450px; text-align: justify; padding: 20px; border: 5px solid #000; border-width:5px 0 20px 0; font: 12px droid sans; color: #000;'><a href='http://www.never-utopia.com/u11921' class='postlink' target='_blank' rel='nofollow'><img src='http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png' width='450' height='235' alt='' /></a><div style='font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;'>" + form.pseudo.value + "</div><div style='font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;'>\n"
+ "« Dossier d'élève »</div><br>\n"
+ "<table><tr><td>۞ <strong>NOM :</strong>" + form.nom.value + "\n"
+ "۞ <strong>PRÉNOM(S) :</strong>" + form.prenom.value + "\n"
+ "۞ <strong>SURNOM :</strong>" + form.surnom.value + "\n"
+ "۞ <strong>ÂGE :</strong>" + form.age.value + "\n"
+ "۞ <strong>SEXE :</strong>" + sexe + "\n"
+ "۞ <strong>NATIONALITÉ :</strong>" + form.nationalite.value + "\n"
+ "۞ <strong>BAGUETTE :</strong>" + form.baguette.value + "\n\n"
+ "۞ <strong>AVATAR :</strong> [spoiler][url]" + form.avatar.value + "[/url]\n[img]" + form.avatar.value + "[/img][/spoiler]\n"
+ "۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong>" + + form.connu.value + "\n"
+ "۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong>" + form.trouve.value + "\n"
+ "۞ <strong>PRÉSENCE SUR LE FORUM :</strong>" + form.presence.value + "</td></tr></table></div></center>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<center>
<form action="/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" /> <!-- 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="" />
<input type="hidden" name="f" value="2" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="pseudo" value="" class="USERNAME" />

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />

<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label for="sexe">Sexe : </label>
<input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
<input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="avatar">Avatar (lien vers l'image): </label>
<input type="text" name="avatar" id="avatar" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un MP sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>

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

Ceci me dit que je dois entrer un message :/

[Scoubifitz]

code fonctionnel :

Code:

<style>
form{width:800px; background-color:lightskyblue;}
label{
color:#FFFFFF;
display: block;
width: 280px;
margin-right:10px;
float: middle;
}
p{
text-align:center;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "";
if(form.sexe[0].checked == true)
sexe = "Masculin";
else if(form.sexe[1].checked == true)
sexe = "Féminin";

// Créer un message à partir des informations fournies
var txt_message = "<center><div style=' background-color: #efefef; width:450px;"
+ " text-align: justify; padding: 20px; border: 5px solid #000; border-width:5px 0 20px 0;"
+ " font: 12px droid sans; color: #000;'>"
+ "<a href='http://www.never-utopia.com/u11921' class='postlink' target='_blank' rel='nofollow'>"
+ "<img src='http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png' width='450' height='235' alt='' /></a>"
+ "<div style='font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;'>"
+ form.pseudo.value + "</div><div style='font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase;"
+ " letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;'>\n"
+ "« Dossier d'élève »</div><br>\n"
+ "<table><tr><td>۞ <strong>NOM :</strong>" + form.nom.value + "\n"
+ "۞ <strong>PRÉNOM(S) :</strong>" + form.prenom.value + "\n"
+ "۞ <strong>SURNOM :</strong>" + form.surnom.value + "\n"
+ "۞ <strong>ÂGE :</strong>" + form.age.value + "\n"
+ "۞ <strong>SEXE :</strong>" + sexe + "\n"
+ "۞ <strong>NATIONALITÉ :</strong>" + form.nationalite.value + "\n"
+ "۞ <strong>BAGUETTE :</strong>" + form.baguette.value + "\n\n"
+ "۞ <strong>AVATAR :</strong> [spoiler][url]" + form.avatar.value
+ "[/url]\n[img]" + form.avatar.value + "[/img][/spoiler]\n"
+ "۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong>" + + form.connu.value + "\n"
+ "۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong>" + form.trouve.value + "\n"
+ "۞ <strong>PRÉSENCE SUR LE FORUM :</strong>" + form.presence.value
+ "</td></tr></table></div></center>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<center>
<form action="/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" /> <!-- 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="" />
<input type="hidden" name="f" value="2" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="pseudo" value="" class="USERNAME" />

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />

<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label>Sexe : </label>
<input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
<input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="avatar">Avatar (lien vers l'image): </label>
<input type="text" name="avatar" id="avatar" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un message sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>

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

[TheDirector]

Merci beaucoup, il n'y a plus qu'un petit bug. Dans Comment as-tu connu le forum, ceci me met (sur la fiche dans le poste) "NaN"

[Scoubifitz]

un petit "+" de trop dans le script ...

Code:

<style>
form{width:800px; background-color:lightskyblue;}
label{
color:#FFFFFF;
display: block;
width: 280px;
margin-right:10px;
float: middle;
}
p{
text-align:center;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
var sexe = "";
if(form.sexe[0].checked == true)
sexe = "Masculin";
else if(form.sexe[1].checked == true)
sexe = "Féminin";

// Créer un message à partir des informations fournies
var txt_message = "<center><div style=' background-color: #efefef; width:450px;"
+ " text-align: justify; padding: 20px; border: 5px solid #000; border-width:5px 0 20px 0;"
+ " font: 12px droid sans; color: #000;'>"
+ "<a href='http://www.never-utopia.com/u11921' class='postlink' target='_blank' rel='nofollow'>"
+ "<img src='http://i11.servimg.com/u/f11/18/03/74/01/prasen10.png' width='450' height='235' alt='' /></a>"
+ "<div style='font: 39px yanone kaffeesatz; line-height: 100%; letter-spacing: -2px; text-align: center;'>"
+ form.pseudo.value + "</div><div style='font: 10px calibri;line-height: 90%; color: #444444; text-transform: uppercase;"
+ " letter-spacing: 2px; text-align: center; border-bottom: 1px solid black; padding-bottom: 10px;'>\n"
+ "« Dossier d'élève »</div><br>\n"
+ "<table><tr><td>۞ <strong>NOM :</strong>" + form.nom.value + "\n"
+ "۞ <strong>PRÉNOM(S) :</strong>" + form.prenom.value + "\n"
+ "۞ <strong>SURNOM :</strong>" + form.surnom.value + "\n"
+ "۞ <strong>ÂGE :</strong>" + form.age.value + "\n"
+ "۞ <strong>SEXE :</strong>" + sexe + "\n"
+ "۞ <strong>NATIONALITÉ :</strong>" + form.nationalite.value + "\n"
+ "۞ <strong>BAGUETTE :</strong>" + form.baguette.value + "\n\n"
+ "۞ <strong>AVATAR :</strong> [spoiler][url]" + form.avatar.value
+ "[/url]\n[img]" + form.avatar.value + "[/img][/spoiler]\n"
+ "۞ <strong>COMMENT AS-TU CONNU LE FORUM ?</strong>" + form.connu.value + "\n"
+ "۞ <strong>COMMENT TROUVES-TU LE FORUM ?</strong>" + form.trouve.value + "\n"
+ "۞ <strong>PRÉSENCE SUR LE FORUM :</strong>" + form.presence.value
+ "</td></tr></table></div></center>\n";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<center>
<form action="/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" /> <!-- 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="" />
<input type="hidden" name="f" value="2" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="pseudo" value="" class="USERNAME" />

<img src="http://i39.servimg.com/u/f39/17/40/16/56/test10.png"><br />

<font color=#FFFFFF><b>Bien le bonjour à toi ! Si tu es aujourd'hui sur cette page, c'est que tu as postulé pour le poste de Surveillant. Nous te donnons donc 5 jours pour réaliser ce test. Si tu as besoin de plus de temps, demandes nous. </b><br /><br /><font color=red><u>Consigne :</u> Rédiges les messages que tu es susceptible d'envoyer au membre dans chaque situation. Précise ce que tu donnes au membre par la suite.</font></font><br /><br /><br /><br />

<label for="titre">Titre automatique :</label>
<input type="text" name="subject" id="titre" value="Dossier de " size="45" maxlength="60" class="USERNAME" readonly="readonly" /><br /><br />

<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" size="45" maxlength="60" required="required" /><br /><br />

<label for="prenom">Prénom(s) : </label>
<input type="text" name="prenom" id="prenom" size="45" maxlength="60" required="required" /><br /><br />

<label for="surnom">Surnom : </label>
<input type="text" name="surnom" id="surnom" size="45" maxlength="60" required="required" /><br /><br />

<label for="age">Âge : </label>
<input type="text" name="age" id="age" size="45" maxlength="60" required="required" /><br /><br />

<label>Sexe : </label>
<input type="radio" id="masc" name="sexe" value="Masculin"/>Masculin
<input type="radio" id="fem" name="sexe" value="Feminin"/>Féminin<br /><br />

<label for="nationalite">Nationalité : </label>
<input type="text" name="nationalite" id="nationalite" size="45" maxlength="60" required="required" /><br /><br />

<label for="baguette">Baguette : </label>
<input type="text" name="baguette" id="baguette" size="45" maxlength="60" required="required" /><br /><br />

<label for="avatar">Avatar (lien vers l'image): </label>
<input type="text" name="avatar" id="avatar" size="45" maxlength="60" required="required" /><br /><br />

<label for="connu">Comment as-tu connu le forum ? </label>
<input type="text" name="connu" id="connu" size="45" maxlength="60" required="required" /><br /><br />

<label for="trouve">Comment trouves-tu le forum ? </label>
<textarea name="trouve" id="trouve" rows="8" cols="60" required="required"></textarea><br /><br />

<label for="presence">Présence sur le forum : </label>
<input type="text" name="presence" id="presence" size="45" maxlength="60" required="required" /><br /><br />

<font color=#FF0000>Attention, en cliquant sur "Envoyer", un message sera envoyé automatiquement à Dumbledore avec vos réponses. Avant de cliquer, vérifiez que vos informations sont bien correctes !</font>

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

[TheDirector]

Merci infiniment pour ton aide, c'est juste splendide

Résolu