Mise en forme réponse de formulaire

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

Résolu Mise en forme réponse de formulaire

Message par TheDirector le Ven 23 Aoû 2013 - 13:27

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 Smile


Dernière édition par TheDirector le Dim 25 Aoû 2013 - 10:29, édité 1 fois

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par TheDirector le Sam 24 Aoû 2013 - 16:26

Up Razz

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par Scoubifitz le Sam 24 Aoû 2013 - 22:33

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://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

       ۞ <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 ?

Hi 

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: Mise en forme réponse de formulaire

Message par TheDirector le Sam 24 Aoû 2013 - 22:47

Bonsoir Smile

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

Bonne soirée ;D

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par Scoubifitz le Sam 24 Aoû 2013 - 22:58

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>

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: Mise en forme réponse de formulaire

Message par TheDirector le Sam 24 Aoû 2013 - 23:06

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 )

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par Scoubifitz le Sam 24 Aoû 2013 - 23:18

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 ?

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: Mise en forme réponse de formulaire

Message par TheDirector le Sam 24 Aoû 2013 - 23:22

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 :/

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par Scoubifitz le Sam 24 Aoû 2013 - 23:57

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>

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: Mise en forme réponse de formulaire

Message par TheDirector le Dim 25 Aoû 2013 - 0:23

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"

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme réponse de formulaire

Message par Scoubifitz le Dim 25 Aoû 2013 - 4:59

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>

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: Mise en forme réponse de formulaire

Message par TheDirector le Dim 25 Aoû 2013 - 10:29

Merci infiniment pour ton aide, c'est juste splendide Smile

Résolu

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector 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