Titre d'un formulaire

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

Résolu Titre d'un formulaire

Message par teteaclaqueFR le Ven 3 Mai 2013 - 18:55

Bonjour bonjour ! Smile

Je reviens avec l'attaque du formulaire Twisted Evil


Non plus sérieusement, j'ai une petite question, dont je ne trouve pas la réponse ( ralala )

J'ai donc fait ce formulaire, ( avec quelques petites aide Embarassed )
Code:

<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
</head>
<body>
 
    <script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[center][u][size=18][color=black][b]Nom des appartements :[/b][/size][/color][/u] " + '\n' + form.nom.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Pseudo du propriétaire :[/b][/size][/color][/u] " + '\n' + form.proprio.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Pseudo et grade du saccageur :[/b][/size][/color][/u] " + '\n' + form.pseudo.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Effectuer avec un clone :[/b][/size][/color][/u] " + '\n' + form.clone.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Membre présent lors du second screen :[/b][/size][/color][/u] " + '\n' + form.present.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Date du saccage :[/b][/size][/color][/u] " + '\n' + form.date.value + '\n' + '\n'
        + "[u][size=18][color=black][b]Commentaire :[/b][/size][/color][/u] " + '\n' + form.com.value + '\n' + '\n'
        + "[spoiler=Avant]"  + form.avant.value + "[/spoiler] \n "
        + "[spoiler=Apres]" + form.apres.value + "[/spoiler][/center]";
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>
 
<center><div style="background: #4C3122; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -o-border-radius: 40px; -htm-border-radius: 40px; border: #382419 solid 2px; -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; -o-box-shadow: 0px 0px 4px #000000; -htm-box-shadow: 0px 0px 4px #000000; text-shadow: 0px 0px 4px #000000; width: 98%;"><span style="color: grey; border-right: solid #00000 2px; font-weight: bold; padding-right: 10px; padding-top: 2px;">Formulaire de saccage</span></div>
<div style="background:#4C3122; -moz-border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px; border-radius: 0px 0px 40px 40px; -o-border-radius: 0px 0px 40px 40px; -htm-border-radius: 0px 0px 40px 40px; border-left: 5px #382419 solid; border-right: 5px #382419 solid; border-bottom: 2px #382419 dotted; -moz-box-shadow: inset 1px 1px 8px #000000; -webkit-box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; padding: 10px; text-align:justify; width: 80%; color: black;">

 
 
<form action="/posting.forum" 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" />
<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="1" /> <!--  ID du forum dans lequel le message sera posté-->
 
<!-- Début des parametrages -->
<p><center><font class="titre2">Le Gang-Saru met a votre disposition une page permetant de crée votre topic "saccage" en toute simplicité. Veuillez remplir tout les champs. ( Ce formulaire n'empeche pas vos erreurs de remplisage. ) </font></P></center>
<center><font class="titre"><strong><label for="titre">Titre du saccage :</label></strong></font><br /> <input type="text" name="subject" id="titre" value="" placeholder="[Nom de l'organisation] Pseudo habbo [taille]" size="55" maxlenght="60" /></center><br /><br />
<center><font class="titre"><strong><label for="nom">Nom des appartements :</label></strong></font><br /> <input type="text" name="nom" id="nom"  size="55" placeholder="Nom EXACT des appartements saccagés" /></center><br />

<center><font class="titre"><strong><label for="proprio">Pseudo du propriétaire</label></strong></font><br /> <input type="text" name="proprio" id="proprio"  size="55" placeholder="Pseudo EXACT du propriétaire" /></center><br />
 
<center><font class="titre"><strong><label for="pseudo">Pseudo du saccageur :</label></strong></font> <br /> <input type="text" size="30"name="pseudo" id="pseudo" value="" placeholder="Pseudo Habbo + Grade" size="55" maxlenght="60" /></center><br />
 
<center><font class="titre"><strong><label for="clone">Effectuer avec un clone ?</label></strong></font> <br /> <select name="clone" id="clone"><option>Oui</option><option>Non</option></select></center><br />
 
<center><font class="titre"><strong><label for="present">Membre présent lors du slogan :</label></strong></font> <br /> <textarea id="present" name="present" size="55" placeholder="Pseudo & grade"></textarea></center><br />
 
<center><font class="titre"><strong><label for="date">Date du saccage :</label></strong></font> <br /> <input type="date" name="date" id="date" size="55" /></center><br />
 
<center><font class="titre"><strong><label for="com">Commentaire :</label> <br /></strong></font><input type="text" name="com" id="com" size="55" placeholder="Des difficultées rencontré ? Racontez votre vie ;)" /></center><br />
 
<center><p><u>Nous vous fournissons un uploader d'image. Veuillez enregistrer votre image sous un format .png. Et selectionnez "taille reel".</u></p></center><br />
 
<center><iframe src="http://www.hostingpics.net/iframe_mini.php?module=1160&iduni=565d06a4ffe4a257d56426382ec55952" width="400" height="100" scrolling="no" frameborder="0" allowtransparency="true"></iframe></center><br /><br />
 
<center><font class="titre"><strong><label for="avant">Screen avant :</label></strong></font> <br /> <input type="text" name="avant" size="55" id="avant" placeholder="lien de l'image" /></center><br />
 
<center><font class="titre"><strong><label for="apres">Screen apres :</label></strong></font> <br /> </center><center><input type="text" size="55" name="apres" id="apres" placeholder="Lien de l'image" /></center><br />
 
<br /><center><input type="submit" name="post" value="Envoyer" /></center></form></div></center>
 <right><p>Mise en page Never-Utopia ©</right></P>
</body>
</html>

Et le titre du sujet est a remplir, mais j'aimerai, pour facilité la tache à mes membres, qu'il crée le titre sans y faire attention. Par exemple a la place de :
Code:
<center><font class="titre"><strong><label for="titre">Titre du saccage :</label></strong></font><br /> <input type="text" name="subject" id="titre" value="" placeholder="[Nom de l'organisation] Pseudo habbo [taille]" size="55" maxlenght="60" /></center><br /><br />

Car pour le titre, il doit se présenté de la sorte : [Nom de l'organisation] Pseudo [Taille

Mettre 3 champs a remplir

par exemple :

id1 :Le nom de l'organisation [ ]
id2 :Ton Pseudo [ ]
id3 :Taille [Deroulant : Petit ou Moyen ou Grand ou Vendetta]

( En plus, "Ton pseudo existe déjà sous l'id "pseudo" Embarassed )

pour que tout cela se réunissent sous un titre [id1] id2 [id3]

J’espère que vous pourrez m'apporter de l'aide. Merci d'avance !


Dernière édition par teteaclaqueFR le Dim 5 Mai 2013 - 3:15, édité 1 fois

teteaclaqueFR
Nouveau membre

Messages : 27
Inscrit(e) le : 17/03/2013

http://thelawofimmortal.forumactif.org/
teteaclaqueFR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre d'un formulaire

Message par Scoubifitz le Dim 5 Mai 2013 - 1:49

bonsoir,

un peu comme ça ? :

Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[center][u][size=18][color=black][b]Nom des appartements :[/b][/size][/color][/u] " + '\n' + form.nom.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Pseudo du propriétaire :[/b][/size][/color][/u] " + '\n' + form.proprio.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Pseudo et grade du saccageur :[/b][/size][/color][/u] " + '\n' + form.pseudo.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Effectuer avec un clone :[/b][/size][/color][/u] " + '\n' + form.clone.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Membre présent lors du second screen :[/b][/size][/color][/u] " + '\n' + form.present.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Date du saccage :[/b][/size][/color][/u] " + '\n' + form.date.value + '\n' + '\n'
+ "[u][size=18][color=black][b]Commentaire :[/b][/size][/color][/u] " + '\n' + form.com.value + '\n' + '\n'
+ "[spoiler=Avant]"  + form.avant.value + "[/spoiler] \n "
+ "[spoiler=Apres]" + form.apres.value + "[/spoiler][/center]";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

form.subject.value = "[" + form.orga_name.value + "]" + form.pseudo.value + " [" + form.zak_size.value + "]";
}
</script>
</head>
<body>

<div style="background: #4C3122; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -o-border-radius: 40px; -htm-border-radius: 40px; border: #382419 solid 2px; -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; -o-box-shadow: 0px 0px 4px #000000; -htm-box-shadow: 0px 0px 4px #000000; text-shadow: 0px 0px 4px #000000; width: 98%;text-align:center;margin:auto;"><span style="color: grey; border-right: solid #00000 2px; font-weight: bold; padding-right: 10px; padding-top: 2px;">Formulaire de saccage</span></div>
<div style="background:#4C3122; -moz-border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px; border-radius: 0px 0px 40px 40px; -o-border-radius: 0px 0px 40px 40px; -htm-border-radius: 0px 0px 40px 40px; border-left: 5px #382419 solid; border-right: 5px #382419 solid; border-bottom: 2px #382419 dotted; -moz-box-shadow: inset 1px 1px 8px #000000; -webkit-box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; padding: 10px; width: 80%; color: black;text-align:center;margin:auto;">

<form action="/posting.forum" 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" />
<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="1" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" value="" />

<!-- Début des parametrages -->
<p>Le Gang-Saru met a votre disposition une page permetant de crée votre topic "saccage" en toute simplicité. <br />
Veuillez remplir tout les champs. ( Ce formulaire n'empeche pas vos erreurs de remplisage. ) </p>
<strong><label for="orga_name">Organisation : </label></strong>
<input type="text" name="orga_name" id="orga_name" placeholder="Nom de l'organisation" size="25" maxlenght="40" /><br /><br />

<strong><label for="zak_size">Taille du saccage : </label></strong> 
<select name="zak_size" id="zak_size">
<option>Petit </option>
<option>Moyen </option>
<option>Grand </option>
<option>Vendetta</option>
</select><br /><br />

<strong><label for="nom">Nom des appartements :</label></strong><br />
<input type="text" name="nom" id="nom"  size="55" placeholder="Nom EXACT des appartements saccagés" /><br /><br />

<strong><label for="proprio">Pseudo du propriétaire</label></strong><br />
<input type="text" name="proprio" id="proprio" size="55" placeholder="Pseudo EXACT du propriétaire" /><br /><br />

<strong><label for="pseudo">Pseudo du saccageur :</label></strong> <br />
<input type="text" size="30"name="pseudo" id="pseudo" placeholder="Pseudo Habbo + Grade" size="55" maxlenght="60" required="required" /><br /><br />

<strong><label for="clone">Effectuer avec un clone ?</label></strong> <br />
<select name="clone" id="clone">
<option>Oui</option>
<option>Non</option>
</select><br /><br />

<strong><label for="present">Membre présent lors du slogan :</label></strong> <br />
<textarea id="present" name="present" size="55" placeholder="Pseudo & grade"></textarea><br /><br />

<strong><label for="date">Date du saccage :</label></strong> <br />
<input type="date" name="date" id="date" size="55" /><br /><br />

<strong><label for="com">Commentaire :</label> </strong><br />
<input type="text" name="com" id="com" size="55" placeholder="Des difficultées rencontré ? Racontez votre vie ;)" /><br /><br />

<p><u>Nous vous fournissons un uploader d'image. Veuillez enregistrer votre image sous un format .png. Et selectionnez "taille reel".</u></p>

<iframe src="http://www.hostingpics.net/iframe_mini.php?module=1160&iduni=565d06a4ffe4a257d56426382ec55952" width="400" height="100" scrolling="no" frameborder="0" allowtransparency="true"></iframe><br /><br />

<strong><label for="avant">Screen avant :</label></strong> <br />
<input type="text" name="avant" size="55" id="avant" placeholder="lien de l'image" /><br /><br />

<strong><label for="apres">Screen apres :</label></strong> <br />
<input type="text" size="55" name="apres" id="apres" placeholder="Lien de l'image" /><br /><br /><br />

<input type="submit" name="post" value="Envoyer" />
</form>
</div>
<p style="text-align:right;">Mise en page Never-Utopia ©</p>
</body>
</html>

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Titre d'un formulaire

Message par teteaclaqueFR le Dim 5 Mai 2013 - 3:11

C'est bien ça, je vous remercie ! Smile

teteaclaqueFR
Nouveau membre

Messages : 27
Inscrit(e) le : 17/03/2013

http://thelawofimmortal.forumactif.org/
teteaclaqueFR 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