Amélioration formulaire de présentation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Amélioration formulaire de présentation
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://lemondedudiagauto.com
Description du problème
Bonjour,j'avais à l'époque avec votre aide mis en place un formulaire de présentation sur mon forum.
Je n'arrive pas a mettre en place l'amélioration voulu qui est de mettre un choix multiples sur deux questions du formulaire.
- niveau en mécanique
- niveau en diagnostic
Un membre m'aide a la modification du code html actuel.
Mais suite à la modification le formulaire ne part plus à l'endroit voulu.
ERREUR: précisez un titre, précisez un message.
Je joins en un le code actuel qui focntionne parfaitement.
En deux le modifié qui ne part pas.
Merci pour votre aide
- Code:
<meta charset="utf-8"/>
<script type="text/javascript">
function envoiMessage(form)
{
if( form.prenom.value == "" )
{
alert('Vous n\'avez pas de prénom ?');
return false;
}
else if( form.reglement.value == "" )
{
alert('Répondez à la dernière question !');
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<div style='margin:auto;text-align:center;width:100%'><strong><u>Présentation</u> (V1.3)</strong></div>"
+ "" + '\n'
+ "<u>Vous</u>" + "" + '\n'
+ "<strong>Prénom :</strong> " + form.prenom.value + '\n'
+ "<strong>Age :</strong> " + form.age.value + '\n'
+ "<strong>Lieu de résidence :</strong> " + form.ville.value + '\n'
+ "<strong>niveau en diagnostic : </strong> " + form.passion.value + '\n'
+ "<strong>niveau en mécanique : </strong> " + form.metier.value + '\n'
+ "<strong>outils de diagnostic possédés : </strong> " +form.metier2.value + '\n'
+ "<strong>véhicules possédés : </strong> " +form.veh.value + '\n'
+ "<strong>Ce qui vous passe par la tête : </strong> " +form.tete.value + '\n'
+ "<strong>Comment nous avez-vous connu : </strong> " +form.connu.value + '\n'
+ "<strong>Avez vous lu le règlement: </strong> " +form.reglement.value +'\n'
;
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.prenom.value;
return true;
}
}
</script>
<h3 style="text-decoration: underline;">Présentation</h3>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
<input name="lt" value="0" type="hidden"/><input name="mode" value="newtopic" type="hidden"/>
<!-- Un nouveau topic sera créé -->
<input name="topictype" value="0" checked="checked" type="hidden"/>
<!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input name="message" value="" type="hidden"/>
<!-- Contiendra le texte du message -->
<input name="f" value="3" type="hidden"/>
<!-- post?f=3&mode=newtopic -->
<input name="subject" value="" type="hidden"/>
<fieldset>
<legend>En général</legend>
Les champs indiqués par une <span style="color:Red;">*</span> sont obligatoires<br/><br/>
<label for="prenom"></label>Prénom ? <span style="color:Red;">*</span><br/>
<input name="prenom" id="prenom" size="40" tabindex="20" type="text"/><br/>
<label for="age"></label>Quel âge avez-vous ? <span style="color:Red;">*</span><br/>
<input name="age" id="age" size="40" tabindex="30" required="required" type="text"/><br/>
<label for="ville"></label>Quel est votre lieu de résidence ? <span style="color:Red;">*</span><br/>
<input name="ville" id="ville" size="40" tabindex="40" required="required" type="text"/><br/>
<label for="passion"></label>Quel est votre niveau en diagnostic ? <span style="color:Red;">*</span><br/>
<input name="passion" id="passion" size="40" tabindex="50" required="required" type="text"/><br/>
<label for="metier"></label>Quel est votre niveau en mécanique ? <span style="color:Red;">*</span><br/>
<input name="metier" id="metier" size="40" tabindex="60" required="required" type="text"/><br/>
<label for="metier2"></label>Quels outils de diagnostic possèdez-vous ? <span style="color:Red;">*</span><br/>
<input name="metier2" id="metier2" size="40" tabindex="70" required="required" type="text"/><br/>
<label for="veh"></label>Quels véhicules possèdez-vous ? <span style="color:Red;">*</span><br/>
<input name="veh" id="veh" size="40" tabindex="80" required="required" type="text"/><br/>
<label for="tete"></label>Ce qui vous passe par la tête ? <span style="color:Red;">*</span><br/>
<textarea id="tete" name="tete" cols="60" rows="8" required="required"></textarea><br/>
<label for="connu"></label> Comment nous avez-vous connu ? <span style="color:Red;">*</span><br/>
<textarea id="connu" name="connu" cols="60" rows="8" required="required"></textarea><br/>
<div style="border: 15px solid rgb(204, 204, 204); padding: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%;">
<strong><span style="text-decoration: underline;">Règlement</span><br/><br/>
<span style="color: #ff0000;">- Votre présentation est obligatoire.</span><br/>
<span style="color: #ff0000;">- Toutes demandes d'aides ou autres en section présentation sera supprimée.</span><br/>
- Afin que tout le monde se comprenne, éviter d'utiliser le langage SMS.<br/>
- Le flood est interdit (penser à éditer vos messages, plutôt que d'en poster 2 ou 3 à la suite).<br/>
- Les insultes en tous genres (racisme, homophobie...) sont strictement interdites.<br/>
- Aucun caractère pornographique ne sera toléré.<br/>
- Respectez les autres membres (politesse) Pas de texte en lettres majuscules.<br/>
- Évitez les signatures trop longues.<br/> - La publicité est interdite sauf dans la/les section(s) appropriée(s).<br/>
- Évitez de faire circuler vos coordonnées personnelles (numéro de téléphone, adresse postale).<br/>
- Évitez de faire circuler vos coordonnées véhicule ( Vin, Pin, Immatriculation...).<br/>
- Interdit les sujets traitant les modifications de compteur...<br/>
- Respectez les différentes parties du forum et postez dans les catégories appropriées.<br/>
- Votre présentation est obligatoire.<br/> - Une fois votre sujet résolu faite le savoir.<br/>
- Une fois le sujet résolu éditer votre premier message afin de choisir le bon icône.<br/>
- Pas de lien d'autre forum en signature.<br/>
- Tous messages non constructif dans le but d'avoir accès a un code ou a la messagerie privée seront supprimés.<br/>
- Les membres ne respectant pas ces quelques règles auront leur messagerie privée bloquée..... voir plus selon les cas. </strong>
</div>
<p>Avez-vous lu le règlement ? <span style="color:Red;">*</span></p>
<select name="reglement">
<option value="">Choisissez la réponse</option>
<option value="oui">oui</option>
<option value="non">non</option>
</select>
<br/>
<center><input name="post" value="Envoyer le dossier" type="submit"/></center>
<p></p>
</fieldset>
</form>
le modifié
- Code:
<meta charset="utf-8"/>
<script type="text/javascript">
function envoiMessage(form)
{
if( form.prenom.value == "" )
{
alert('Vous n\'avez pas de prénom ?');
return false;
}
else if( form.reglement.value == "" )
{
alert('Répondez à la dernière question !');
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<div style='margin:auto;text-align:center;width:100%'><strong><u>Présentation</u> (V1.3)</strong></div>"
+ "" + '\n'
+ "<u>Vous</u>" + "" + '\n'
+ "<strong>Prénom :</strong> " + form.prenom.value + '\n'
+ "<strong>Age :</strong> " + form.age.value + '\n'
+ "<strong>Lieu de résidence :</strong> " + form.ville.value + '\n'
+ "<strong>niveau en diagnostic : </strong> " + form.passion.value + '\n'
+ "<strong>niveau en mécanique : </strong> " + form.metier.value + '\n'
+ "<strong>outils de diagnostic possédés : </strong> " +form.metier2.value + '\n'
+ "<strong>véhicules possédés : </strong> " +form.veh.value + '\n'
+ "<strong>Ce qui vous passe par la tête : </strong> " +form.tete.value + '\n'
+ "<strong>Comment nous avez-vous connu : </strong> " +form.connu.value + '\n'
+ "<strong>Avez vous lu le règlement: </strong> " +form.reglement.value +'\n'
;
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.prenom.value;
return true;
}
}
</script>
<h3 style="text-decoration: underline;">Présentation</h3>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
<input name="lt" value="0" type="hidden"/><input name="mode" value="newtopic" type="hidden"/>
<!-- Un nouveau topic sera créé -->
<input name="topictype" value="0" checked="checked" type="hidden"/>
<!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input name="message" value="" type="hidden"/>
<!-- Contiendra le texte du message -->
<input name="f" value="3" type="hidden"/>
<!-- post?f=3&mode=newtopic -->
<input name="subject" value="" type="hidden"/>
<fieldset>
<legend>En général</legend>
Les champs indiqués par une <span style="color:Red;">*</span> sont obligatoires<br/><br/>
<label for="prenom"></label>Prénom ? <span style="color:Red;">*</span><br/>
<input name="prenom" id="prenom" size="40" tabindex="20" type="text"/><br/>
<label for="age"></label>Quel âge avez-vous ? <span style="color:Red;">*</span><br/>
<input name="age" id="age" size="40" tabindex="30" required="required" type="text"/><br/>
<label for="ville"></label>Quel est votre lieu de résidence ? <span style="color:Red;">*</span><br/>
<input name="ville" id="ville" size="40" tabindex="40" required="required" type="text"/><br/>
<label for="passion"></label>Quel est votre niveau en diagnostic ? <span style="color:Red;">*</span><br/>
<select name="passion">
<option value="">Choisissez la réponse</option>
<option value="nul">nul</option>
<option value="débutant">débutant</option>
<option value="confirmé">confirmé</option>
<option value="pro">pro</option>
<option value="expert">expert</option>
</select>
<br/>
<label for="metier"></label>Quel est votre niveau en mécanique ? <span style="color:Red;">*</span><br/>
<select name="métier">
<option value="">Choisissez la réponse</option>
<option value="nul">nul</option>
<option value="débutant">débutant</option>
<option value="confirmé">confirmé</option>
<option value="pro">pro</option>
<option value="expert">expert</option>
</select>
<br/>
<label for="metier2"></label>Quels outils de diagnostic possèdez-vous ? <span style="color:Red;">*</span><br/>
<input name="metier2" id="metier2" size="40" tabindex="70" required="required" type="text"/><br/>
<label for="veh"></label>Quels véhicules possèdez-vous ? <span style="color:Red;">*</span><br/>
<input name="veh" id="veh" size="40" tabindex="80" required="required" type="text"/><br/>
<label for="tete"></label>Ce qui vous passe par la tête ? <span style="color:Red;">*</span><br/>
<textarea id="tete" name="tete" cols="60" rows="8" required="required"></textarea><br/>
<label for="connu"></label> Comment nous avez-vous connu ? <span style="color:Red;">*</span><br/>
<textarea id="connu" name="connu" cols="60" rows="8" required="required"></textarea><br/>
<div style="border: 15px solid rgb(204, 204, 204); padding: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%;">
<strong><span style="text-decoration: underline;">Règlement</span><br/><br/>
<span style="color: #ff0000;">- Votre présentation est obligatoire.</span><br/>
<span style="color: #ff0000;">- Toutes demandes d'aides ou autres en section présentation sera supprimée.</span><br/>
- Afin que tout le monde se comprenne, éviter d'utiliser le langage SMS.<br/>
- Le flood est interdit (penser à éditer vos messages, plutôt que d'en poster 2 ou 3 à la suite).<br/>
- Les insultes en tous genres (racisme, homophobie...) sont strictement interdites.<br/>
- Aucun caractère pornographique ne sera toléré.<br/>
- Respectez les autres membres (politesse) Pas de texte en lettres majuscules.<br/>
- Évitez les signatures trop longues.<br/> - La publicité est interdite sauf dans la/les section(s) appropriée(s).<br/>
- Évitez de faire circuler vos coordonnées personnelles (numéro de téléphone, adresse postale).<br/>
- Évitez de faire circuler vos coordonnées véhicule ( Vin, Pin, Immatriculation...).<br/>
- Interdit les sujets traitant les modifications de compteur...<br/>
- Respectez les différentes parties du forum et postez dans les catégories appropriées.<br/>
- Votre présentation est obligatoire.<br/> - Une fois votre sujet résolu faite le savoir.<br/>
- Une fois le sujet résolu éditer votre premier message afin de choisir le bon icône.<br/>
- Pas de lien d'autre forum en signature.<br/>
- Tous messages non constructif dans le but d'avoir accès a un code ou a la messagerie privée seront supprimés.<br/>
- Les membres ne respectant pas ces quelques règles auront leur messagerie privée bloquée..... voir plus selon les cas. </strong>
</div>
<p>Avez-vous lu le règlement ? <span style="color:Red;">*</span></p>
<select name="reglement">
<option value="">Choisissez la réponse</option>
<option value="oui">oui</option>
<option value="non">non</option>
</select>
<br/>
<center><input name="post" value="Envoyer le dossier" type="submit"/></center>
<p></p>
</fieldset>
</form>
Dernière édition par alliottom59 le Jeu 18 Aoû 2016 - 9:11, édité 1 fois
Re: Amélioration formulaire de présentation
Bonsoir ,
Attention aux accents ...
Attention aux accents ...
- Code:
<meta charset="utf-8"/>
<script type="text/javascript">
function envoiMessage(form)
{
if( form.prenom.value == "" )
{
alert('Vous n\'avez pas de prénom ?');
return false;
}
else if( form.reglement.value == "" )
{
alert('Répondez à la dernière question !');
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<div style='text-align:center;'><strong><u>Présentation</u> (V1.3)</strong></div>\n" +
"<u>Vous</u>\n" +
"<strong>Prénom :</strong> " + form.prenom.value + '\n'+
"<strong>Age :</strong> " + form.age.value + '\n' +
"<strong>Lieu de résidence :</strong> " + form.ville.value + '\n'+
"<strong>niveau en diagnostic : </strong> " + form.passion.value + '\n'+
"<strong>niveau en mécanique : </strong> " + form.metier.value + '\n'+
"<strong>outils de diagnostic possédés : </strong> " +form.metier2.value + '\n'+
"<strong>véhicules possédés : </strong> " +form.veh.value + '\n'+
"<strong>Ce qui vous passe par la tête : </strong> " +form.tete.value + '\n'+
"<strong>Comment nous avez-vous connu : </strong> " +form.connu.value + '\n'+
"<strong>Avez vous lu le règlement: </strong> " +form.reglement.value +'\n';
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.prenom.value;
return true;
}
}
</script>
<h3 style="text-decoration: underline;">Présentation</h3>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<!-- Un nouveau topic sera créé -->
<input name="topictype" value="0" checked="checked" type="hidden" />
<!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input name="message" value="" type="hidden" />
<!-- Contiendra le texte du message -->
<input name="f" value="3" type="hidden" />
<!-- post?f=3&mode=newtopic -->
<input name="subject" value="" type="hidden" />
<fieldset>
<legend>En général</legend>
Les champs indiqués par une <span style="color:Red;">*</span> sont obligatoires<br /><br />
<label for="prenom">Prénom ? </label><span style="color:Red;">*</span><br />
<input name="prenom" id="prenom" size="40" tabindex="20" type="text" /><br />
<label for="age">Quel âge avez-vous ? </label><span style="color:Red;">*</span><br />
<input name="age" id="age" size="40" tabindex="30" required="required" type="text" /><br />
<label for="ville">Quel est votre lieu de résidence ? </label><span style="color:Red;">*</span><br />
<input name="ville" id="ville" size="40" tabindex="40" required="required" type="text" /><br />
<label for="passion">Quel est votre niveau en diagnostic ? </label><span style="color:Red;">*</span><br />
<select name="passion" id="passion">
<option value="">Choisissez la réponse</option>
<option value="nul">nul</option>
<option value="débutant">débutant</option>
<option value="confirmé">confirmé</option>
<option value="pro">pro</option>
<option value="expert">expert</option>
</select><br />
<label for="metier">Quel est votre niveau en mécanique ? </label><span style="color:Red;">*</span><br />
<select name="metier" id="metier">
<option value="">Choisissez la réponse</option>
<option value="nul">nul</option>
<option value="débutant">débutant</option>
<option value="confirmé">confirmé</option>
<option value="pro">pro</option>
<option value="expert">expert</option>
</select><br />
<label for="metier2">Quels outils de diagnostic possèdez-vous ? </label><span style="color:Red;">*</span><br />
<input name="metier2" id="metier2" size="40" tabindex="70" required="required" type="text" /><br />
<label for="veh">Quels véhicules possèdez-vous ? </label><span style="color:Red;">*</span><br />
<input name="veh" id="veh" size="40" tabindex="80" required="required" type="text" /><br />
<label for="tete">Ce qui vous passe par la tête ? </label><span style="color:Red;">*</span><br />
<textarea id="tete" name="tete" cols="60" rows="8" required="required"></textarea><br />
<label for="connu"> Comment nous avez-vous connu ?</label> <span style="color:Red;">*</span><br />
<textarea id="connu" name="connu" cols="60" rows="8" required="required"></textarea><br />
<div style="border: 15px solid rgb(204, 204, 204); padding: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%;">
<strong><span style="text-decoration: underline;">Règlement</span><br /><br />
<span style="color: #ff0000;">- Votre présentation est obligatoire.</span><br />
<span style="color: #ff0000;">- Toutes demandes d'aides ou autres en section présentation sera supprimée.</span><br />
- Afin que tout le monde se comprenne, éviter d'utiliser le langage SMS.<br />
- Le flood est interdit (penser à éditer vos messages, plutôt que d'en poster 2 ou 3 à la suite).<br />
- Les insultes en tous genres (racisme, homophobie...) sont strictement interdites.<br />
- Aucun caractère pornographique ne sera toléré.<br />
- Respectez les autres membres (politesse) Pas de texte en lettres majuscules.<br />
- Évitez les signatures trop longues.<br /> - La publicité est interdite sauf dans la/les section(s) appropriée(s).<br />
- Évitez de faire circuler vos coordonnées personnelles (numéro de téléphone, adresse postale).<br />
- Évitez de faire circuler vos coordonnées véhicule ( Vin, Pin, Immatriculation...).<br />
- Interdit les sujets traitant les modifications de compteur...<br />
- Respectez les différentes parties du forum et postez dans les catégories appropriées.<br />
- Votre présentation est obligatoire.<br /> - Une fois votre sujet résolu faite le savoir.<br />
- Une fois le sujet résolu éditer votre premier message afin de choisir le bon icône.<br />
- Pas de lien d'autre forum en signature.<br />
- Tous messages non constructif dans le but d'avoir accès a un code ou a la messagerie privée seront supprimés.<br />
- Les membres ne respectant pas ces quelques règles auront leur messagerie privée bloquée..... voir plus selon les cas. </strong>
</div>
<p><label for="reglement">Avez-vous lu le règlement ? </label><span style="color:Red;">*</span></p>
<select name="reglement" id="reglement">
<option value="">Choisissez la réponse</option>
<option value="oui">oui</option>
<option value="non">non</option>
</select><br />
<center><input name="post" value="Envoyer le dossier" type="submit" /></center>
<p></p>
</fieldset>
</form>
Re: Amélioration formulaire de présentation
Parfait
trop fort encore une fois Merci a toi.
trop fort encore une fois Merci a toi.
Sujets similaires
» Amélioration formulaire de présentation
» Bug sur mon formulaire de présentation
» Formulaire de présentation
» Formulaire de présentation
» Formulaire de presentation
» Bug sur mon formulaire de présentation
» Formulaire de présentation
» Formulaire de présentation
» Formulaire de presentation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum