Création d'un formulaire de présentation automatique

par forumascenseur Ven 27 Déc 2013 - 19:23

Rappel du premier message :

Salut à tous,

J'aurais besoin d'aide concernant la création d'un formulaire de présentation de façon à simplifier celle-ci car beaucoup de membres ont beaucoup de mal avec la mise en page automatique et de ce fait ne se présente pas ==> du coup pas d'accès au forum!
Déjà comment créer ce formulaire ?
Ensuite comment faire pour rediriger les infos saisies dans le formulaires dans un sujet avec une mise en page bien précise ?
Et comment donner l'accès a ce formulaire aux membres du forum ?

Je vous remercie !

passez d'excellentes fêtes de fin d'année!!!!!

A+++++

par forumascenseur Dim 29 Déc 2013 - 22:26

Oui c'est super Very Happy

Maintenant dernière partie, comment puis-je donner accès aux membres à ce formulaire de manière bien visible aux nouveaux venus ?

par Scoubifitz Dim 29 Déc 2013 - 22:34

Recopiez et collez entièrement le dernier code que j'ai fourni , en modifiant aussi la partie liste d'options .

Il y a du code supplémentaire qui n'est pas apparu sur votre page de formulaire .

Pour l'accès aux membres , modifiez le lien dans votre description de forum , ici :

( CLIQUER SUR CE LIEN POUR SAVOIR COMMENT VOUS PRÉSENTER )

édit : je remet le code complet , à cause d'un bug de l'éditeur :

Code:: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Présentation sur FORUM ASCENSEUR</title> <style type="text/css">  </style> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <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.statutforum.value === "" ) { document.getElementById("errormsg").innerHTML = "Merci de choisir une option dans la liste des statuts."; return false; } else { /* Créer un message à partir des informations fournies */ var txt_message ="[quote][b][color=red]Ma présentation :[/color][/b][/quote]\n" + "[quote][color=green][b]Informations personnelles :[/b][/color][/quote]\n" + "[list][*][b]Mon prénom :[/b] " + form.prenom.value + "\n" + "[*][b]Mon âge :[/b] " + form.age.value + "\n" + "[*][b]Ma région :[/b] " + form.localise.value + "\n" + "[*][b]Mes passions :[/b] " + form.passion.value + "\n" + "[*][b]Mon métier / Mes études :[/b] " + form.metier.value + "\n" + "[/list]\n\n" + "[quote][color=blue][b]Moi et les ascenseurs :[/b][/color][/quote]\n" + "[list][*][b]Comment ai-je connu FORUM ASCENSEUR : [/b] " + form.connu.value + "\n" + "[*][b]Mon statut au niveau de l'ascenseur : [/b]" + form.statutforum.value + "\n" + "[*][b]Ma société (facultatif) :[/b] " + form.societe.value + "\n" + "[/list]\n\n" + "[quote][color=orange][b]Autres Informations :[/b][/color][/quote]\n" + "[list][*][b]Mon fournisseur d'accès internet (facultatif) :[/b] " + form.FAI.value + "\n" + "[*][b]Mon navigateur :[/b] " + form.navigateur.value + "\n" + "[*][b]Message supplémentaire :[/b] " + form.plus.value + "\n" + "[/list]\n"; /* Insère le texte construit dans le champ caché "message" du formulaire */ form.message.value = txt_message; form.subject.value = " [PREZ] " + form.pseudo.value; return true; } } </script> </head> <body> <div class="form"> <form action="/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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="52" />  <input type="hidden" name="subject" id="titre" value="" />  <input type="hidden" name="topic_color" value="#006600" />  <input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME" /> <br /> <div style="line-height: 20px;text-align:center;"> <span style="font-size: 29px; font-family: impact; color: #999999; text-transform: uppercase; ">forum ascenseur</span><br /> <span style="font-size:24px; font-family:Courier New ; color:royalblue; text-shadow:0 0 20px white; margin-left:150px;">Ma Présentation</span> </div> <div class="liftforum"> <p class="title">Informations personnelles</p> <label for="prenom">Quel est votre prénom ?</label> <input type="text" name="prenom" id="prenom" size="40" maxlength="30" required="required" /><br /> <label for="age">Quel est votre âge ?</label> <input type="text" name="age" id="age" size="40" maxlength="10" required="required" /><br /> <label for="localise">Dans quelle région habitez vous ?</label> <input type="text" name="localise" id="localise" size="40" maxlength="30" required="required" /><br /> <label for="passion">Queles sont vos passions / loisirs ?</label> <input type="text" name="passion" id="passion" size="40" maxlength="30" required="required" /><br /> <label for="metier">Quels sont vos études ?</label> <input type="text" name="metier" id="metier" size="40" maxlength="60" required="required" /> <p class="title">Moi et les ascenseurs</p> <label for="connu">Comment ai-je connu FORUM ASCENSEUR ? </label> <input type="text" name="connu" id="connu" size="40" maxlength="30" required="required" /><br /> <label for="statutforum">Mon statut au niveau de l'ascenseur ? </label> <select name="statutforum" id="statutforum"> <option value="" selected="selected">Choisissez votre statut</option> <option value=" Technicien SAV">Technicien SAV</option> <option value=" Technicien de montage">Technicien de montage</option> <option value=" Technicien réparateur">Technicien réparateur </option> <option value=" Assistant technique">Assistant technique</option> <option value=" Chef d'équipe">Chef d'équipe</option> <option value=" Contrôleur">Contrôleur</option> <option value=" Usager">Usager</option> <option value=" Copropriétaire">Copropriétaire</option> <option value=" Autre">Autre... (à préciser dans Message supplémentaire)</option> </select><br /> <label for="societe">Ma société (facultatif) ? </label> <input type="text" name="societe" id="societe" size="40" maxlength="30"/> <p class="title">Autres Informations </p> <label for="FAI">Mon fournisseur d'accès internet ? </label> <input type="text" name="FAI" id="FAI" size="40" maxlength="30"/><br /> <label for="navigateur">Mon navigateur ? </label> <input type="text" name="navigateur" id="navigateur" size="40" maxlength="30" required="required" /><br /> <label for="plus">Message supplémentaire </label> <textarea name="plus" id="plus" cols="30" rows="6"></textarea> <p class="title">Création du post</p> <div id="errormsg" style="text-align:center;color:red;"> </div> <center ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span><br /><br /> <input type="submit" name="post" value="Créer !" /> </center><br /><br /> </div> </form> </div> </body> </html>

par forumascenseur Dim 29 Déc 2013 - 23:08

Qu'est-ce qui a été modifié dans ce dernier code ?

Je l'ai bien mis en place mais je ne vois pas de différence ?

Merci pour l'idée !!!!

par Scoubifitz Dim 29 Déc 2013 - 23:09

Maintenant , si vous ne choisissez pas de statut , une erreur apparaitra au-dessus du bouton d'envoi .

par forumascenseur Dim 29 Déc 2013 - 23:16

Trop bon ça!!!

Je ne peux pas vous faire de bisou mais si vous auriez été proche vous y auriez eu droit Laughing

Non sans rire, un merci énoooorme à vous pour tout le travail accompli et votre dévouement à la communauté car je vous ai déjà lu sur nombre d'autres sujets! cheers

Je vais de ce pas cliquer sur le "MERCI" car il est vraiment mérité (c'est bien petit comme remerciement... )

Le sujet est donc résolu !!!! Very Happy

Création d'un formulaire de présentation automatique

Création d'un formulaire de présentation automatique

Re: Création d'un formulaire de présentation automatique

Re: Création d'un formulaire de présentation automatique

Re: Création d'un formulaire de présentation automatique

Re: Création d'un formulaire de présentation automatique

Re: Création d'un formulaire de présentation automatique