Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

alliottom59
***

Masculin
Messages : 172
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>
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3598
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.
avatar

alliottom59
***

Masculin
Messages : 172
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