Amélioration formulaire de présentation

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

Résolu Amélioration formulaire de présentation

Message par alliottom59 le Mer 17 Aoû 2016 - 19:13

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

alliottom59
***

Masculin
Messages : 160
Inscrit(e) le : 10/12/2012

http://lemondedudiagauto.com
alliottom59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Amélioration formulaire de présentation

Message par Scoubifitz le Mer 17 Aoû 2016 - 22:17

Bonsoir ,

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>

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: Amélioration formulaire de présentation

Message par alliottom59 le Jeu 18 Aoû 2016 - 9:11

Parfait
trop fort encore une fois Merci a toi.

alliottom59
***

Masculin
Messages : 160
Inscrit(e) le : 10/12/2012

http://lemondedudiagauto.com
alliottom59 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