Problème avec le script d'un formulaire

Page 2 sur 2 Précédent  1, 2

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

Résolu Problème avec le script d'un formulaire

Message par Asilgard le Mar 16 Oct 2012 - 22:14

Rappel du premier message :

Bonjour à toutes et tous,

Je viens vous voir aujourd'hui après avoir tenté de régler le problème par moi-même à plusieurs reprise, simplement je ne suis pas une pro du javascript et j'en passe donc ej me tourne vers vous dans l'espoir de trouver des réponses et une solutions à mon problème.

C'est assez compliqué à expliquer, je vais tout de même essayer et aller étapes par étapes pour mes questions.

J'ai créer sur mon forum un formulaire que les membres devrons remplir et qui se posteras automatiquement dans un forum donné (jusque là tout vas bien), le code fonctionne, le poste se crée, sauf qu'une fois le poste créer et enregistré dans le forum il y a une erreur que je ne parviens pas à enlever, à chaque fin d'un code "checkbox", il y a un unedefined qui apparait et je ne suis pas assez calée pour trouver l'erreur dans mon code. (voir l'image ci-dessous)



Je vous mets à présent le code du formulaire en questions, alors je m'excuse d'avance le code est très long mais comme j'ai peur d'y avoir fait d'autre erreur, je préfère tout vous donner.

Code:
<script type="text/javascript">
        function envoiMessage(form)
        {
          // Créer un message à partir des informations fournies
          var txt_message = "[b][color=#83A697]Je suis : [/color][/b] " + form.genre.value + '\n'
                    + "[b][color=#83A697]Êtes-vous prêt(e) à vous engager dans une relation maintenant ? [/color][/b] " + form.relation.value + '\n'
                    + "[b][color=#83A697]Statut marital : [/color][/b] " + form.statut.value + '\n'
                    + "[b][color=#83A697]Profession : [/color][/b] " + form.profession.value + ' \n'
                    + "[b][color=#83A697]Taille : [/color][/b] " + form.taille.value + '\n'
                    + "[b][color=#83A697]Silhouette : [/color][/b] " + form.silhouette.value + '\n'
                    + "[b][color=#83A697]Cheveux : [/color][/b] " + form.cheveux.value + '\n'
                    + "[b][color=#83A697]Yeux : [/color][/b] " + form.yeux.value + '\n'
                    + "[b][color=#83A697]Enfant(s) : [/color][/b] " + form.enfant.value + '\n'
                    + "[b][color=#83A697]Votre trait de caractère le plus marqué : [/color][/b] " + form.trait.value + '\n'
                    + "[b][color=#83A697]Fumez-vous ? [/color][/b] " + form.fumer.value + '\n'
                    + "[b][color=#83A697]Vos sorties : [/color][/b]\n[list]";
                      // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                      for(var i = 0; i < form.gouts.length; i++)
                      {
                          if(form.gouts[i].checked == true) { txt_message = txt_message + '[*]' + form.gouts[i].value + '\n'; }
                      }
                      txt_message = txt_message
    + "[/list] " + form.gouts.value + '\n'
                    + "[b][color=#83A697]Vos hobbies : [/color][/b]\n[list]";
                   for(var i = 0; i < form.hobbies.length; i++)
                      {
                          if(form.hobbies[i].checked == true) { txt_message = txt_message + '[*]' + form.hobbies[i].value + '\n'; }
                      }
                      txt_message = txt_message
                    + "[/list][b][color=#83A697]En plus : [/color][/b]</br>" + form.plus.value + '\n'
               + "[b][color=#83A697]Décrivez-vous : [/color][/b]" + form.description.value + '\n'
               + "[b][color=#83A697]Décrivez vos loisirs, que faites-vous de vos soirées, de vos week-ends ? [/color][/b] " + form.loisirs.value + ' \n'
               + "[b][color=#83A697]Quelles sont les vacances que vous préférez ? [/color][/b] " + form.vacances.value + ' \n'
               + "[b][color=#83A697]Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? [/color][/b] " + form.objet.value + ' \n'
               + "[b][color=#83A697]Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? [/color][/b] " + form.livre.value + ' \n'
               + "[b][color=#83A697]Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires de travail ? [/color][/b] " + form.travail.value + ' \n'
               + "[b][color=#83A697]Date de naissance : [/color][/b] " + form.birth.value + ' \n'
               + "[b][color=#83A697]Pays de résidence : [/color][/b] " + form.pays.value + ' \n'
               + "[b][color=#83A697]Ville : [/color][/b] " + form.ville.value + ' \n'
               + "[b][color=#83A697]Nationalité : [/color][/b] " + form.nationalité.value + ' \n'
               + "[b][color=#83A697]Origine ethnique : [/color][/b] " + form.origine.value + ' \n'

               + "[b][color=#83A697]Vous parlez : [/color][/b]\n[list]";
                      // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                      for(var i = 0; i < form.langage.length; i++)
                      {
                          if(form.langage[i].checked == true) { txt_message = txt_message + '[*]' + form.langage[i].value + '\n'; }
                      }
                      txt_message = txt_message
               + "[/list] " + form.langage.value + '\n'

               + "[b][color=#83A697]Vous vivez : [/color][/b] " + form.vie.value + ' \n'
               + "[b][color=#83A697]Votre poids : [/color][/b] " + form.poids.value + ' \n'
                    + "[b][color=#83A697]La longueur de vos cheveux : [/color][/b] " + form.longueur.value + '\n'
               + "[b][color=#83A697]Votre style : [/color][/b] " + form.style.value + '\n'
               + "[b][color=#83A697]Votre aspect physique : [/color][/b] " + form.aspect.value + '\n'
               + "[b][color=#83A697]Le plus attrayant chez vous : [/color][/b] " + form.attrayant.value + '\n'
               + "[b][color=#83A697]Votre niveau d'études : [/color][/b] " + form.etudes.value + '\n'
               + "[b][color=#83A697]Votre signe astrologique : [/color][/b] " + form.signe.value + '\n'

               + "[b][color=#83A697]Vos goûts musicaux : [/color][/b]\n[list]";
                      // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                      for(var i = 0; i < form.musique.length; i++)
                      {
                          if(form.musique[i].checked == true) { txt_message = txt_message + '[*]' + form.musique[i].value + '\n'; }
                      }
                      txt_message = txt_message
                 + "[/list] " + form.musique.value + '\n'

               + "[b][color=#83A697]Vos films préférés : [/color][/b]\n[list]";
                      // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                      for(var i = 0; i < form.film.length; i++)
                      {
                          if(form.film[i].checked == true) { txt_message = txt_message + '[*]' + form.film[i].value + '\n'; }
                      }
                      txt_message = txt_message
                 + "[/list] " + form.film.value + '\n'

                 + "[b][color=#83A697]Vos animaux de compagnie : [/color][/b]\n[list]";
                      // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                      for(var i = 0; i < form.animaux.length; i++)
                      {
                          if(form.animaux[i].checked == true) { txt_message = txt_message + '[*]' + form.animaux[i].value + '\n'; }
                      }
                      txt_message = txt_message
                 + "[/list] " + form.animaux.value + '\n'

               + "[b][color=#83A697]Vous mangez : [/color][/b] " + form.mange.value + ' \n'
               + "[b][color=#83A697]Vous êtes romantique ? [/color][/b] " + form.romantique.value + ' \n'
               + "[b][color=#83A697]Pour vous le mariage c'est : [/color][/b] " + form.mariage.value + ' \n'
               + "[b][color=#83A697]Vous voulez des enfants : [/color][/b] " + form.mariage.value + ' \n'
               + "[b][color=#83A697]Votre religion : [/color][/b] " + form.religion.value + ' \n'
               + "[b][color=#83A697]Votre niveau de pratique : [/color][/b] " + form.pratique.value + ' \n'
               + "[b][color=#83A697]Vos revenus : [/color][/b] " + form.revenus.value + '\n'
               + "[b][color=#83A697]Qui recherchez-vous ?  [/color][/b] " + form.recherche.value + ' \n'


                 form.message.value = txt_message;
        }
        </script>
       
 <div class="cadre_formulaire">
        <h3><div class="formulaire1">Bienvenue sur Meet Them All</div></h3>
        <form action="http://witw.forumcanada.org/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" /> <!-- Un nouveau topic sera créé -->
        <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
        <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
        <input type="hidden" name="f" value="5" /> <!--  ID du forum dans lequel le message sera posté-->
     
<fieldset>
 <legend> Présentez-vous de manière générale : </legend>

   <label for="titre">Pseudonyme :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><div class="ligne_s"></div>       
     
    <label for="genre">Je suis : </label><select name="genre" id="genre">
<option>un homme</option><option>une femme</option></select><div class="ligne_s"></div>

   <label for="relation">Êtes-vous prêt(e) à vous engager dans une relation maintenant ? </label><select name="relation" id="relation">
<option>je le garde pour moi</option><option>pas du tout</option><option>laissons faire le hasard</option><option>c'est mon souhait</option></select><div class="ligne_s"></div>
       
   <label for="statut">Statut marital : </label><select name="statut" id="statut">
<option>je le garde pour moi</option><option>divorcé(e)</option><option>jamais marié(e)</option><option>marié(e)</option><option>séparé(e)</option><option>veuf/veuve</option></select><div class="ligne_s"></div>

   <label for="profession">Profession : </label><input type="text" size="30" name="profession" id="profession" /><div class="ligne_s"></div>
       
   <label for="taille">Taille : </label><select name="taille" id="taille">
<option>je le garde pour moi</option><option> > de 1,90 m</option><option>1,89 m</option><option>1,88 m</option><option>1,87 m</option><option>1,86 m</option><option>1,85 m</option><option>1,84 m</option><option>1,83 m</option><option>1,82 m</option><option>1,81 m</option><option>1,80 m</option><option>1,79 m</option><option>1,78 m</option><option>1,77 m</option><option>1,76 m</option><option>1,75 m</option><option>1,74 m</option><option>1,73 m</option><option>1,72 m</option><option>1,71 m</option><option>1,70 m</option><option>1,69 m</option><option>1,68 m</option><option>1,67 m</option><option>1,66 m</option><option>1,65 m</option><option>1,64 m</option><option>1,63 m</option><option>1,62 m</option><option>1,61 m</option><option>1,60 m</option><option> < de 1,60 m</option></select><div class="ligne_s"></div>

   <label for="silhouette">Silhouette : </label><select name="silhouette" id="silhouette">
<option>je le garde pour moi</option><option>mince</option><option>normale</option><option>quelques kilos en trop</option><option>ronde</option><option>sportive</option></select><div class="ligne_s"></div>

   <label for="cheveux">Cheveux : </label><select name="cheveux" id="cheveux">
<option>je le garde pour moi</option><option>blancs</option><option>blonds</option><option>bruns</option><option>châtains</option><option>gris</option><option>noirs</option><option>poivre et sel</option><option>roux</option><option>autre(s)</option></select><div class="ligne_s"></div>

   <label for="yeux">Yeux : </label><select name="yeux" id="yeux">
<option>je le garde pour moi</option><option>bleus</option><option>verts</option><option>gris</option><option>noirs</option><option>marrons</option><option>noisette</option><option>autre</option></select><div class="ligne_s"></div>

   <label for="enfant">Enfant(s) : </label><select name="enfant" id="enfant">
<option>je le garde pour moi</option><option>aucun</option><option>oui</option><option>oui, 1</option><option>oui, 2</option><option>oui, 3</option><option>oui, 4</option><option>oui, 5</option><option>oui, plus de 5</option></select><div class="ligne_s"></div>

   <label for="trait">Votre trait de caractère le plus marqué : </label><select name="trait" id="trait">
<option>je le garde pour moi</option><option>attentionné(e)</option><option>aventureux(se)</option><option>calme</option><option>timide</option><option>insouciant(e)</option><option>humoristique</option><option>exigeant(e)</option><option>fier/fière</option><option>sensible</option><option>spontané(e)</option><option>possessif(ve)</option><option>réservé(e)</option><option>solitaire</option><option>tenace</option><option>nymphomane</option><option>mythomane</option><option>hyperactif(ve)</option><option>travailleur(se)</option><option>narcissique</option><option>égocentrique</option><option>expansif(ve)</option><option>autre</option></select><div class="ligne_s"></div>

   <label for="fumer">Fumez-vous ? </label><select name="fumer" id="fumer">
<option>je le garde pour moi</option><option>non (la fumée n'est pas un problème)</option><option>non (n'aime pas la fumée)</option><option>oui, occasionnellement</option><option>oui, régulièrement</option></select><div class="ligne_s"></div>

   <label>Vos sorties : </label></br>
        <table cellspacing="5">
    <tr><td><input type="checkbox" name="gouts" id="cinéma" value="cinéma" /><label for="cinéma">cinéma</label></td>
        <td><input type="checkbox" name="gouts" id="famille" value="famille" /><label for="famille">famille</label></td>
        <td><input type="checkbox" name="gouts" id="bar / pub" value="bar / pub" /><label for="bar / pub">bar /pub</label></td>
        <td><input type="checkbox" name="gouts" id="évènements sportifs" value="évènements sportifs" /><label for="évènements sportifs">évènements sportifs</label></td></tr>
   <tr><td><input type="checkbox" name="gouts" id="club de sport" value="club de sport" /><label for="club de sport">club de sport</label> </td>
        <td><input type="checkbox" name="gouts" id="spectacle de danse" value="spectacle de danse" /><label for="spectacle de danse">spectacle de danse</label></td>
        <td><input type="checkbox" name="gouts" id="soirées entre amis" value="soirées entre amis" /><label for="soirées entre amis">soirées entre amis</label></td>
        <td><input type="checkbox" name="gouts" id="after work" value="after work" /><label for="after work">after work</label></td></tr>
    <tr><td><input type="checkbox" name="gouts" id="discothèque" value="discothèque" /><label for="discothèque">discothèque</label> </td>
        <td><input type="checkbox" name="gouts" id="restaurant" value="restaurant" /><label for="restaurant">restaurant</label></td>
        <td><input type="checkbox" name="gouts" id="concert" value="concert" /><label for="concert">concert</label></td>
      <td><input type="checkbox" name="gouts" id="karaoké" value="karaoké" /><label for="karaoké">karaoké</label> </td></tr>
    <tr><td><input type="checkbox" name="gouts" id="théâtre" value="théâtre" /><label for="théâtre">théâtre</label></td>
        <td><input type="checkbox" name="gouts" id="opéra" value="opéra" /><label for="opéra">opéra</label></td>
        <td><input type="checkbox" name="gouts" id="autre(s)" value="autre(s)" /><label for="autre(s)">autre(s)</label></td></tr></table> <div class="ligne_s"></div>

   <label>Vos hobbies : </label></br>
        <table cellspacing="5">
    <tr><td><input type="checkbox" name="hobbies" id="internet" value="internet" /><label for="internet">internet</label></td>
        <td><input type="checkbox" name="hobbies" id="musique" value="musique" /><label for="musique">musique</label></td>
        <td> <input type="checkbox" name="hobbies" id="bricolage" value="bricolage" /><label for="bricolage">bricolage</label></td>
        <td><input type="checkbox" name="hobbies" id="cuisine" value="cuisine" /><label for="cuisine">cuisine</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="nature" value="nature" /><label for="nature">nature</label></td>
        <td> <input type="checkbox" name="hobbies" id="shopping" value="shopping" /><label for="shopping">shopping</label></td>
        <td><input type="checkbox" name="hobbies" id="activités caritatives" value="activités caritatives" /><label for="activités caritatives">activités caritatives</label></td>
        <td><input type="checkbox" name="hobbies" id="astrologie" value="astrologie" /><label for="astrologie">astrologie</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="chant/instruments musicaux" value="chant/instruments musicaux" /><label for="chant/instruments musicaux">chant/instruments musicaux</label></td>
        <td><input type="checkbox" name="hobbies" id="couture / tricot" value="couture / tricot" /><label for="couture / tricot">couture / tricot</label></td>
        <td><input type="checkbox" name="hobbies" id="décoration" value="décoration" /><label for="décoration">décoration</label></td>
      <td><input type="checkbox" name="hobbies" id="dessin" value="dessin" /><label for="dessin">dessin</label> </td></tr>
    <tr><td><input type="checkbox" name="hobbies" id="écriture" value="écriture" /><label for="écriture">écriture</label></td>
        <td><input type="checkbox" name="hobbies" id="jeux de cartes" value="jeux de cartes" /><label for="jeux de cartes">jeux de cartes</label></td>
        <td><input type="checkbox" name="hobbies" id="jeux de société" value="jeux de société" /><label for="jeux de société">jeux de société</label> </td>
      <td><input type="checkbox" name="hobbies" id="l'art" value="l'art" /><label for="l'art">l'art</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="peinture" value="peinture" /><label for="peinture">peinture</label></td>
      <td><input type="checkbox" name="hobbies" id="politique" value="politique" /><label for="politique">politique</label></td>
      <td><input type="checkbox" name="hobbies" id="télévision" value="télévision" /><label for="télévision">télévision</label></td>
      <td><input type="checkbox" name="hobbies" id="sport" value="sport" /><label for="sport">sport</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="jardinage" value="jardinage" /><label for="jardinage">jardinage</label></td>
      <td><input type="checkbox" name="hobbies" id="automobile" value="automobile" /><label for="automobile">automobile</label></td>
      <td><input type="checkbox" name="hobbies" id="lecture" value="lecture" /><label for="lecture">lecture</label></td>
      <td><input type="checkbox" name="hobbies" id="voyage" value="voyage" /><label for="voyage">voyage</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="animaux" value="animaux" /><label for="animaux">animaux</label></td>
      <td><input type="checkbox" name="hobbies" id="balades" value="balades" /><label for="balades">balades</label></td>
      <td><input type="checkbox" name="hobbies" id="collection de figurines" value="collection de figurines" /><label for="collection de figurine">collection de figurine</label></td>
      <td><input type="checkbox" name="hobbies" id="danse" value="danse" /><label for="danse">danse</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="dégustation de vin" value="dégustation de vin" /><label for="dégustation de vin">dégustation de vin</label></td>
      <td><input type="checkbox" name="hobbies" id="échecs" value="échecs" /><label for="échecs">échecs</label></td>
      <td><input type="checkbox" name="hobbies" id="informatique" value="informatique" /><label for="informatique">informatique</label></td>
      <td><input type="checkbox" name="hobbies" id="jeux de rôles" value="jeux de rôles" /><label for="jeux de rôles">jeux de rôles</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="jeux vidéos" value="jeux vidéos" /><label for="jeux vidéos">jeux vidéos</label></td>
      <td><input type="checkbox" name="hobbies" id="mode" value="mode" /><label for="mode">mode</label></td>
      <td><input type="checkbox" name="hobbies" id="pêche / chasse" value="pêche / chasse" /><label for="pêche / chasse">pêche / chasse</label></td>
      <td><input type="checkbox" name="hobbies" id="photo" value="photo" /><label for="photo">photo</label></td></tr>
   <tr><td><input type="checkbox" name="hobbies" id="religion" value="religion" /><label for="religion">religion</label></td>
      <td><input type="checkbox" name="hobbies" id="théâtre" value="théâtre" /><label for="théâtre">théatre</label></td>
      <td><input type="checkbox" name="hobbies" id="autre(s)" value="autre(s)" /><label for="autre(s)">autre(s)</label></td></tr></table><div class="ligne_s"></div>
      
        <label for="plus">En plus: </label></br>
        <textarea id="plus" name="plus" rows="3" cols="100" overflow="hidden"></textarea></br>
</fieldset>


<fieldset>
 <legend> Décrivez-vous : </legend>
      
        <textarea id="description" name="description" rows="5" cols="100" overflow="hidden"></textarea>

</br></fieldset>
      
<fieldset>
 <legend> En Quelques Mots : </legend>
   <label for="loisirs">Décrivez vos loisirs : que faites-vous de vos soirées, vos week-ends ? </label></br>
    <textarea id="loisirs" name="loisirs" rows="3" cols="100" oveflow="hidden"></textarea><div class="ligne_s"></div>
   
   <label for="vacances">Quelles sont les vacances que vous préférez ? </label></br>
    <textarea id="vacances" name="vacances" rows="3" cols="100" overflow="hidden"></textarea><div class="ligne_s"></div>
   
   <label for="objet">Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? </label></br>
    <textarea id="objet" name="objet" rows="3" cols="100" overflow="hidden"></textarea><div class="ligne_s"></div>
   
   <label for="livre">Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? </label></br>
    <textarea id="livre" name="livre" rows="3" cols="100" overflow="hidden"></textarea><div class="ligne_s"></div>
   
   <label for="travail">Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires ? </label></br>
   <textarea id="travail" name="travail" rows="3" cols="100" overflow="hidden"></textarea></br>

</fieldset>

<fieldset>
 <legend> Votre Profil : </legend>
   <label for="birth">Date de naissance : </label><input type="text" size="30" name="birth" id="birth" /><div class="ligne_s"></div>
                  
   <label for="pays">Pays de résidence : </label><input type="text" size="30" name="pays" id="pays" /><div class="ligne_s"></div>
                  
   <label for="ville">Ville : </label><input type="text" size="30" name="ville" id="ville" /><div class="ligne_s"></div>
                  
   <label for="nationalité">Nationalité : </label><input type="text" size="30" name="nationalité" id="nationalité" /><div class="ligne_s"></div>
   
   <label for="origine">Origine ethnique : </label><select name="origine" id="origine">
<option>je le garde pour moi</option><option>européenne</option><option>asiatique</option><option>africaine</option><option>arabe</option><option>hispanique</option><option>indienne</option><option>latino</option><option>méditéranéenne</option><option>métisse</option><option>autre(s)</option></select><div class="ligne_s"></div>

<label>Vous parlez : </label></br>
        <table cellspacing="5">
    <tr><td><input type="checkbox" name="langage" id="afrikaans" value="afrikaans" /><label for="afrikaans">afrikaans</label></td>
        <td><input type="checkbox" name="langage" id="allemand" value="allemand" /><label for="allemand">allemand</label></td>
        <td> <input type="checkbox" name="langage" id="anglais" value="anglais" /><label for="anglais">anglais</label></td>
        <td><input type="checkbox" name="langage" id="arabe" value="arabe" /><label for="arabe">arabe</label></td></tr>
   <tr><td><input type="checkbox" name="langage" id="cantonais" value="cantonais" /><label for="cantonais">cantonais</label></td>
        <td> <input type="checkbox" name="langage" id="chinois" value="chinois" /><label for="chinois">chinois</label></td>
        <td><input type="checkbox" name="langage" id="coréen" value="coréen" /><label for="coréen">coréen</label></td>
        <td><input type="checkbox" name="langage" id="créole" value="créole" /><label for="créole">créole</label></td></tr>
   <tr><td><input type="checkbox" name="langage" id="espagnol" value="espagnol" /><label for="espagnol">espagnol</label></td>
        <td><input type="checkbox" name="langage" id="français" value="français" /><label for="français">français</label></td>
      <td><input type="checkbox" name="langage" id="grec" value="grec" /><label for="grec">grec</label></td>
      <td><input type="checkbox" name="langage" id="hawaïen" value="hawaïen" /><label for="hawaïen">hawaïen</label> </td></tr>
    <tr><td><input type="checkbox" name="langage" id="hébreu" value="hébreu" /><label for="hébreu">hébreu</label></td>
        <td><input type="checkbox" name="langage" id="italien" value="italien" /><label for="italien">italien</label></td>
        <td><input type="checkbox" name="langage" id="japonais" value="japonais" /><label for="japonais">japonais</label></td>
        <td><input type="checkbox" name="langage" id="langue des signes" value="langue des signes" /><label for="langue des signes">langue des signes</label> </td></tr>
      <tr><td><input type="checkbox" name="langage" id="portugais" value="portugais" /><label for="portugais">portugais</label></td>
   <td><input type="checkbox" name="langage" id="québécois" value="québécois" /><label for="québécois">québécois</label></td>
      <td><input type="checkbox" name="langage" id="russe" value="russe" /><label for="russe">russe</label></td>
      <td><input type="checkbox" name="langage" id="viétnamien" value="viétnamien" /><label for="viétnamien">viétnamien</label></td>
      <td><input type="checkbox" name="langage" id="autre(s)" value="autre(s)" /><label for="autre(s)">autre(s)</label></td></tr>
   </table><div class="ligne_s"></div>

  <label for="vie">Vous vivez : </label><select name="vie" id="vie">
<option>je le garde pour moi</option><option>seul(e)</option><option>avec mes parents</option><option>avec mes enfants</option><option>en colocation</option><option>avec mes enfants une partie du temps</option></select><div class="ligne_s"></div>

  <label for="poids">Votre poids : </label><select name="poids" id="poids">
<option>je le garde pour moi</option><option>- de 40 kg</option><option>entre 40 et 45 kg</option><option>entre 46 et 50 kg</option><option>entre 51 et 55 kg</option><option>entre 56 et 60 kg</option><option>entre 61 et 65 kg</option><option>entre 66 et 70 kg</option><option>entre 71 et 75 kg</option><option>entre 76 et 80 kg</option><option>entre 81 et 85 kg</option><option>entre 86 et 90 kg</option><option>entre 91 et 95 kg</option><option>entre 96 et 100 kg</option><option>entre 101 et 105 kg</option><option>entre 106 et 110 kg</option><option>entre 111 et 115 kg</option><option>entre 116 et 120 kg</option><option>+ de 120 kg</option></select><div class="ligne_s"></div>

   <label for="longueur">La longueur de vos cheveux : </label><select name="longueur" id="longueur">
<option>je le garde pour moi</option><option>rasés</option><option>très courts</option><option>courts</option><option>mi-longs</option><option>longs</option><option>très longs</option><option>chauve</option></select><div class="ligne_s"></div>

   <label for="style">Votre style : </label><select name="style" id="style">
<option>je le garde pour moi</option><option>BCBG</option><option>branché</option><option>business</option><option>bohème</option><option>classique</option><option>ethnique</option><option>décontracté</option><option>rock</option><option>sportif</option><option>autre</option></select><div class="ligne_s"></div>

   <label for="aspect">Votre aspect physique : </label><select name="aspect" id="aspect">
<option>je le garde pour moi</option><option>un vrai canon !</option><option>très agréable à regarder</option><option>plutôt agréable à regarder</option><option>dans la moyenne</option><option>pas terrible</option><option>ce n'est pas à moi de le dire</option><option>est-ce vraiment important ?</option></select><div class="ligne_s"></div>

   <label for="attrayant">Le plus attrayant chez vous : </label><select name="attrayant" id="attrayant">
<option>je le garde pour moi</option><option>mes abdominaux</option><option>ma bouche</option><option>mon buste</option><option>mes cheveux</option><option>mes fesses</option><option>mes jambes</option><option>mes mains</option><option>mes courbes</option><option>mon nez</option><option>ma nuque</option><option>mes oreilles</option><option>mes seins</option><option>mes pieds</option><option>mon sourire</option><option>mes yeux</option><option>le plus beau n'est pas dans la liste</option></select><div class="ligne_s"></div>

   <label for="etudes">Votre niveau d'études : </label><select name="etudes" id="etudes">
<option>je le garde pour moi</option><option>niveau lycée et inférieur</option><option>bac</option><option>bac +2</option><option>bac +3</option><option>bac +4</option><option>bac +5</option><option>bac +5 et plus</option></select><div class="ligne_s"></div>

   <label for="signe">Votre signe astrologique : </label><select name="signe" id="signe">
<option>bélier</option><option>taureau</option><option>gémeaux</option><option>cancer</option><option>lion</option><option>vierge</option><option>balance</option><option>scorpion</option><option>sagittaire</option><option>capricorne</option><option>verseau</option><option>poissons</option></select>

</fieldset>

<fieldset>
 <legend> Votre style de vie : </legend>
 
<label>Vos goûts musicaux : </label></br>
        <table cellspacing="5">
    <tr><td><input type="checkbox" name="musique" id="classique" value="classique" /><label for="classique">classique</label></td>
        <td><input type="checkbox" name="musique" id="rap" value="rap" /><label for="rap">rap et hip hop</label></td>
        <td> <input type="checkbox" name="musique" id="variete" value="variete" /><label for="variete">variétés</label></td>
        <td><input type="checkbox" name="musique" id="rock" value="rock" /><label for="rock">rock</label></td></tr>
   <tr><td><input type="checkbox" name="musique" id="rnb" value="rnb" /><label for="rnb">r'n'b</label></td>
        <td> <input type="checkbox" name="musique" id="ambiance" value="ambiance" /><label for="ambiance">musique d'ambiance, relaxation</label></td>
        <td><input type="checkbox" name="musique" id="dance" value="dance" /><label for="dance">dance / DJ</label></td>
        <td><input type="checkbox" name="musique" id="tradi" value="tradi" /><label for="tradi">musique traditionnelle</label></td></tr>
   <tr><td><input type="checkbox" name="musique" id="latino" value="latino" /><label for="latino">latino</label></td>
        <td><input type="checkbox" name="musique" id="opera" value="opera" /><label for="opera">opéra</label></td>
      <td><input type="checkbox" name="musique" id="soul" value="soul" /><label for="soul">soul</label></td>
      <td><input type="checkbox" name="musique" id="electro" value="electro" /><label for="electro">électronique / techno</label> </td></tr>
    <tr><td><input type="checkbox" name="musique" id="world" value="world" /><label for="world">world music</label></td>
        <td><input type="checkbox" name="musique" id="reggae" value="reggae" /><label for="reggae">reggae</label></td>
        <td><input type="checkbox" name="musique" id="blues" value="blues" /><label for="blues">blues</label></td>
        <td><input type="checkbox" name="musique" id="jazz" value="jazz" /><label for="jazz">jazz</label> </td></tr>
      <tr><td><input type="checkbox" name="musique" id="hard" value="hard" /><label for="hard">hard rock / métal</label></td>
   <td><input type="checkbox" name="musique" id="gospel" value="gospel" /><label for="gospel">gospel</label></td>
      <td><input type="checkbox" name="musique" id="OST" value="OST" /><label for="OST">OST</label></td>
      <td><input type="checkbox" name="musique" id="pop" value="pop" /><label for="pop">pop rock</label></td>
      <td><input type="checkbox" name="musique" id="autre(s)" value="autre(s)" /><label for="autre(s)">autre(s)</label></td></tr>
   </table><div class="ligne_s"></div>
   
<label>Vos films préférés : </label></br>
        <table cellspacing="5">
    <tr><td><input type="checkbox" name="film" id="comiques" value="comiques" /><label for="comiques">comiques</label></td>
        <td><input type="checkbox" name="film" id="horreur" value="horreur" /><label for="horreur">d'horreur</label></td>
        <td><input type="checkbox" name="film" id="mangas" value="mangas" /><label for="mangas">mangas</label></td>
        <td><input type="checkbox" name="film" id="aventure" value="aventure" /><label for="aventure">d'aventure</label></td></tr>
   <tr><td><input type="checkbox" name="film" id="fantastiques" value="fantastiques" /><label for="fantastiques">fantastiques</label></td>
        <td><input type="checkbox" name="film" id="westerns" value="westerns" /><label for="westerns">westerns</label></td>
        <td><input type="checkbox" name="film" id="courts" value="courts" /><label for="courts">courts métrages</label></td>
        <td><input type="checkbox" name="film" id="auteur" value="auteur" /><label for="auteur">d'auteur</label></td></tr>
   <tr><td><input type="checkbox" name="film" id="érotiques" value="érotiques" /><label for="érotiques">érotiques</label></td>
        <td><input type="checkbox" name="film" id="action" value="action" /><label for="action">d'action</label></td>
      <td><input type="checkbox" name="film" id="comedies" value="comedies" /><label for="comedies">comédies romantiques</label></td>
      <td><input type="checkbox" name="film" id="sf" value="sf" /><label for="sf">science-fiction</label> </td></tr>
    <tr><td><input type="checkbox" name="film" id="dramatiques" value="dramatiques" /><label for="dramatiques">dramatiques</label></td>
        <td><input type="checkbox" name="film" id="policiers" value="policiers" /><label for="policiers">policiers</label></td>
        <td><input type="checkbox" name="film" id="docu" value="docu" /><label for="docu">documentaires</label></td>
        <td><input type="checkbox" name="film" id="anim" value="anim" /><label for="anim">d'animation</label> </td></tr>
   <tr><td><input type="checkbox" name="film" id="guerre" value="guerre" /><label for="guerre">de guerre</label></td>
      <td><input type="checkbox" name="film" id="histo" value="histo" /><label for="histo">historiques</label></td>
      <td><input type="checkbox" name="film" id="asiatiques" value="asiatiques" /><label for="asiatiques">asiatiques</label></td>
      <td><input type="checkbox" name="film" id="dessins" value="dessins" /><label for="dessins">dessins animés</label></td>
      <td><input type="checkbox" name="film" id="autre(s)" value="autre(s)" /><label for="autre(s)">autre(s)</label></td></tr>
   </table><div class="ligne_s"></div>

   <label>Vos animaux de compagnie : </label></br>
   <table cellspacing="5">
   <tr><td><input type="checkbox" name="animaux" id="exotiques" value="exotiques" /><label for="exotiques">animaux exotiques</label></td>
      <td><input type="checkbox" name="animaux" id="chevaux" value="chevaux" /><label for="chevaux">chevaux / poneys</label></td>
      <td><input type="checkbox" name="animaux" id="rongeurs" value="rongeurs" /><label for="rongeurs">rongeurs</label></td>
      <td><input type="checkbox" name="animaux" id="lapins" value="lapins" /><label for="lapins">lapins</label></td></tr>
   <tr><td><input type="checkbox" name="animaux" id="poissons" value="poissons" /><label for="poissons">poissons</label></td>
        <td><input type="checkbox" name="animaux" id="chats" value="chats" /><label for="chats">chats</label></td>
        <td><input type="checkbox" name="animaux" id="chiens" value="chiens" /><label for="chiens">chiens</label></td>
        <td><input type="checkbox" name="animaux" id="insectes" value="insectes" /><label for="insectes">insectes</label></td></tr>
    <tr><td><input type="checkbox" name="animaux" id="oiseaux" value="oiseaux" /><label for="oiseaux">oiseaux</label> </td>
        <td><input type="checkbox" name="animaux" id="reptiles" value="reptiles" /><label for="reptiles">reptiles</label></td>
        <td><input type="checkbox" name="animaux" id="autres" value="autres" /><label for="autres">autres animaux</label></td>
      <td><input type="checkbox" name="animaux" id="aucun" value="aucun" /><label for="aucun">je ne possède pas d'animal</label></td></tr>
    </table> <div class="ligne_s"></div>
   
   <label for="mange">Vous mangez : </label><select name="mange" id="mange">
<option>je le garde pour moi</option><option>mange de tout</option><option>gros appétit</option><option>nourriture saine</option><option>fast food</option><option>diététique</option><option>macrobiotique</option><option>végétarien</option><option>végétalien</option><option>casher / hallal</option></select><div class="ligne_s"></div>

   <label for="romantique">Vous êtes romantique ? </label><select name="romantique" id="romantique">
<option>je le garde pour moi</option><option>très romantique</option><option>assez romantique</option><option>peu romantique</option><option>pas du tout romantique</option></select><div class="ligne_s"></div>

   <label for="mariage">Pour vous le mariage c'est : </label><select name="mariage" id="mariage">
<option>je le garde pour moi</option><option>sacré</option><option>très important</option><option>important</option><option>pas indispensable</option><option>hors de question</option><option>on ne m'y reprendra plus</option></select><div class="ligne_s"></div>

   <label for="enfants">Vous voulez des enfants : </label><select name="enfants" id="enfants">
<option>je le garde pour moi</option><option>non</option><option>rien n'est décidé</option><option>oui, 1</option><option>oui, 2</option><option>oui, 3</option><option>oui, + de 3</option><option>oui, nombre non décidé</option></select><div class="ligne_s"></div>

   <label for="religion">Votre religion : </label><select name="religion" id="religion">
<option>je le garde pour moi</option><option>athée</option><option>agnostique</option><option>bouddhiste</option><option>catholique</option><option>chrétien</option><option>hindouiste</option><option>israélite</option><option>musulman</option><option>orthodoxe</option><option>protestant</option><option>spirituel</option><option>autre</option></select><div class="ligne_s"></div>

   <label for="pratique">Votre niveau de pratique : </label><select name="pratique" id="pratique">
<option>je le garde pour moi</option><option>pratiquant</option><option>pratiquant occasionnel</option><option>non pratiquant</option></select><div class="ligne_s"></div>

   <label for="revenus">Vos revenus : </label><select name="revenus" id="revenus">
<option>je le garde pour moi</option><option>- de 10.000 dollars/an</option><option>de 10 à 20.000 dollars/an</option><option>de 20 à 30.000 dollars/an</option><option>de 30 à 40.000 dollars/an</option><option>de 40 à 50.000 dollars/an</option><option>de 50 à 75.000 dollars/an</option><option>de 75 à 100.000 dollars/an</option><option>+ de 100.000 dollars/an</option></select>

   </fieldset>

<fieldset>
 <legend> Qui recherchez-vous </legend>
      
        <textarea id="recherche" name="recherche" rows="5" cols="100" wrap=physical>Qu'est-ce qui vous attire ? Quelles sont vos préférences physiques et psychologiques ? Quelles sont les critères importants pour vous ? </textarea>

</br></fieldset>
   
        </br><input type="submit" name="post" value="Envoyer" />
        </form></div>

Voilà le code, donc ma première question c'est d'où vient exactement cette erreur ? Comment la corriger ? et surtout si cela vient du code, quel est le code exact que je ne refasse pas l'erreur par la suite.

Ma seconde question concerne plus l'apparence du formulaire, mais une fois posté. Je vous montre l'apparence du formulaire au remplissage. Comme vous pouvez le voir j'ai trouver comment gérer l'apparence de celui-ci avec le CSS et aussi quelques "table" et autre code dans le code HTML.



Ce que je me demandais c’était, ci il était possible de gérer aussi l'apparence du formulaire mais une fois celui-ci remplit et poster par un membre, que le membre n'est rien à faire après le remplissage et que le poste soit joliment présenté et non pas comme vous pouvez le voir sur la photo postée plus haut (celle pour l'erreur unedefined) où tout se met à la suite.

Ma dernière questions (promit c'est vraiment la dernière), j'aurais aimé créer dans le formulaire à remplir, un cadre spécifique pour que les membres puisse y mettre une photo, donc autrement dit qu'ils y mettre le lien de leurs photo et qu'une fois le formulaire posté celle-ci apparaisse avec une dimension et une apparence donnée, tout celà pour la même choses, qu'ils n'ai rien à faire après avoir appuyé sur envoyer.

Merci à ceux qui prendrons le temps et aussi auront le courage de m'aider à résoudre mon problème et surtout à répondre à mes questions.


Dernière édition par Asilgard le Lun 29 Oct 2012 - 19:57, édité 1 fois

Asilgard
**

Féminin
Messages : 71
Inscrit(e) le : 08/10/2011

http://witw.forumcanada.org/
Asilgard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le script d'un formulaire

Message par Asilgard le Sam 27 Oct 2012 - 16:42

Merci, c'est bon pour le titre Smile

en fait je souhaiterais la décaler du bord gauche, pour qu'elle ne soit pas aligné avec les cadre bleu des titre.

Asilgard
**

Féminin
Messages : 71
Inscrit(e) le : 08/10/2011

http://witw.forumcanada.org/
Asilgard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le script d'un formulaire

Message par Scoubifitz le Sam 27 Oct 2012 - 17:10

toujours en début de script , remplacez :

Code:
// Créer un message à partir des informations fournies
var txt_message = "[table border='0' cellspacing='10' width='600'][tr]"
+ "[td colspan='2' bgcolor=royalblue][center][size=24]" + form.titre.value + "[/size][/center]"
+ "[/td][/tr][tr][td rowspan='2']";
par :

Code:
// Créer un message à partir des informations fournies
var txt_message = "[table border='0' cellspacing='10' width='600'][tr]"
+ "[td colspan='2' bgcolor=royalblue][center][size=24]" + form.titre.value + "[/size][/center]"
+ "[/td][/tr][tr][td rowspan='2' style='width:250px;text-align:right;']";

ça agrandit la première cellule du tableau et aligne le contenu à droite ...

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: Problème avec le script d'un formulaire

Message par Asilgard le Sam 27 Oct 2012 - 17:31

rooh vraiment super, merci beaucoup, du coup je disais plus avoir de question mais si xD !

Comment je dois faire pour modifier les grands titre, ensemble mettre une autre police, un effet uppercase, bord du haut légèrement arrondit.

A oui et je voudrais mettre tout de même pour les deux petit cadre un titre qui montre ce qu'il y a dedans, pour le premier identité, et l'autre signalement, juste au dessus avec un ligne en dessous et ensuite que je puisse le personnaliser que je travail aussi un peu.

merci d'avance Smile

Asilgard
**

Féminin
Messages : 71
Inscrit(e) le : 08/10/2011

http://witw.forumcanada.org/
Asilgard a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec le script d'un formulaire

Message par Scoubifitz le Dim 28 Oct 2012 - 2:49

le mieux , si vous voulez personnaliser la fiche , c'est de mettre des class dans le script , et définir ces class dans le CSS du Panneau admin votre forum ...

voilà le script avec les class , à la place du style direct:

Code:
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table border='0' cellspacing='10' width='600'][tr]"
+ "[td colspan='2' class='persoRP_titre'][b]" + form.titre.value + "[/b][/td][/tr][tr]"
+ "[td rowspan='2' class='persoRP_photo']";
if(form.photo.value != "") // Si le champ "photo" n'a pas été laissé vide ...
{
txt_message += "<img src='" + form.photo.value + "' style='width:150px;' />";
}
else
{
txt_message += "[img]http://img15.hostingpics.net/pics/153755Sanstitre1.png[/img]";
}
txt_message += "[/td][td]<div class='persoRP_divtitre'>Identité</div><div class='persoRP_div'>"
+ "[b]Nom :[/b] " + form.nom.value + '\n'
+ "[b]Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Genre :[/b] " + form.genre.value + '\n'
+ "[b]Âge :[/b] " + form.age.value + '\n'
+ "[b]Date de naissance :[/b] " + form.birthday.value + '\n'
+ "[b]Lieu de naissance :[/b] " + form.lieu.value + '\n'
+ "[b]Origine(s) :[/b] " + form.origine.value + '\n'
+ "[b]Nationalité(s) :[/b] " + form.nation.value + '\n'
+ "[b]Pays de résidence : [/b] " + form.pays.value + '\n'
+ "[b]Ville de résidence : [/b] " + form.ville.value + '\n'
+ "</div>[/td][/tr][tr][td]<div class='persoRP_divtitre'>Signalement</div><div class='persoRP_div'>"
+ "[b]Taille : [/b] " + form.taille.value + '\n'
+ "[b]Poids : [/b] " + form.poids.value + '\n'
+ "[b]Origine ethnique : [/b] " + form.ethnie.value + '\n'
+ "[b]Description : [/b]\n" + form.descript.value + "\n[/td][/tr][tr]"
+ "[td colspan='2' class='persoRP_minititre']Profil[/td][/tr][tr][td colspan='2']"
+ "[b]Caractère : [/b]\n" + form.profil.value + '\n\n'
+ "[b]Religion : [/b] " + form.religion.value + '\n'
+ "[b]Etudes : [/b] " + form.etude.value + '\n'
+ "[b]Profession : [/b] " + form.profession.value + '\n'
+ "[b]Langues parlées : [/b] " + form.langue.value + '\n'
+ "[b]Statut marital : [/b] " + form.statut.value + '\n'
+ "[b]Orientation sexuelle : [/b] " + form.sexy.value + '\n'
+ "[b]Signe astrologique :[/b] " + form.signe.value + "\n[/td][/tr][tr]"
+ "[td colspan='2' class='persoRP_minititre']Histoire [/td][/tr][tr]"
+ "[td colspan='2']" + form.histoire.value + "\n[/td][/tr][/table]";

form.message.value = txt_message; 
}
</script>

et un CSS que vous pourrez améliorer et modifier à volonté :

Code:
/**** fiche du perso RP ****/
/* en forme de sabre */
.persoRP_titre{
background-color:#718432;
text-align:center;
font-size:24px;
height:36px;
-moz-border-radius:100px/18px;
-webkit-border-radius:100px/18px;
border-radius:100px/18px;
}
/* titre principal */
.persoRP_titre strong{
background-color:#557722;
height:36px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
/* cellule de la photo */
.persoRP_photo{
width:250px;
text-align:right;
}
/* position de la photo */
.persoRP_photo img{
margin-right:25px;
}
/* titre large */
.persoRP_minititre{
background-color:#718432;
text-align:center;
-moz-border-radius: 0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
}
/* titre des div */
.persoRP_divtitre{
border: 1px solid #8F918A;
border-width:1px 5px;
-moz-border-radius:0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
font-size: 12px;
padding: 1px;
text-align: center;
background-color: rgba(26, 33, 0, 0.2);
}
/* contenu du div */
.persoRP_div{
border: 1px solid #8F918A;
border-width:1px 5px;
font-size: 12px;
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius:0 0 0 20px;
border-radius: 0 0 0 20px;
padding: 10px 20px;
height: 150px;
text-align: justify;
overflow: auto;
background-color: rgba(26, 33, 0, 0.2);
}

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: Problème avec le script d'un formulaire

Message par Asilgard le Lun 29 Oct 2012 - 19:57

Merci beaucoup pour tes aides et tes réponses rapides et précises.

J'ai terminé les deux formulaires, ils sont opérationnelles et l'apparence des postes est totalement terminé, j'adore le résultat.

Un grand merci à toi. Je marque le sujet comme résolu Smile

Asilgard
**

Féminin
Messages : 71
Inscrit(e) le : 08/10/2011

http://witw.forumcanada.org/
Asilgard a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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