Problème avec le script d'un formulaire

par Asilgard Mar 16 Oct 2012 - 22:14

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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="5" />  <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.

par Scoubifitz Mer 17 Oct 2012 - 3:53

bonjour,

Code:: + "[/list] " + form.gouts.value + '\n' + "[/list] " + form.langage.value + '\n' + "[/list] " + form.musique.value + '\n' + "[/list] " + form.film.value + '\n' + "[/list] " + form.animaux.value + '\n'

pas de value unique pour des checkboxs

j'ai remplacé "gouts" par "sortie" , qui est plus adapté ...

pas de signes spéciaux ou d'espace dans les "id" et "for" ...

"musique" dans hobbies et musique ...

"religion" dans hobbies et religion(options)

"théâtre" dans sortie et hobbies

"autre(s)" dans sortie , hobbies , musique , film et animaux

Code:: + "[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'

2x mariage ...

le code corrigé :

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.sortie.length; i++) { if(form.sortie[i].checked == true) { txt_message += '[*]' + form.sortie[i].value + '\n'; } } txt_message += "[/list] \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 += '[*]' + form.hobbies[i].value + '\n'; } } 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.nationalite.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 += '[*]' + form.langage[i].value + '\n'; } } txt_message += "[/list]\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 += '[*]' + form.musique[i].value + '\n'; } } txt_message += "[/list]\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 += '[*]' + form.film[i].value + '\n'; } } txt_message += "[/list]\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 += '[*]' + form.animaux[i].value + '\n'; } } txt_message += "[/list]\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.enfants.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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="5" />  <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="sortie" id="cinema" value="cinéma" /><label for="cinema">cinéma</label></td> <td><input type="checkbox" name="sortie" id="famille" value="famille" /><label for="famille">famille</label></td> <td><input type="checkbox" name="sortie" id="bar_pub" value="bar / pub" /><label for="bar_pub">bar /pub</label></td> <td><input type="checkbox" name="sortie" id="sport_event" value="évènements sportifs" /><label for="sport_event">évènements sportifs</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="club_sport" value="club de sport" /><label for="club_sport">club de sport</label></td> <td><input type="checkbox" name="sortie" id="spectacle_danse" value="spectacle de danse" /><label for="spectacle_danse">spectacle de danse</label></td> <td><input type="checkbox" name="sortie" id="entre_amis" value="soirées entre amis" /><label for="entre_amis">soirées entre amis</label></td> <td><input type="checkbox" name="sortie" id="after_work" value="after work" /><label for="after_work">after work</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="discotheque" value="discothèque" /><label for="discotheque">discothèque</label> </td> <td><input type="checkbox" name="sortie" id="restaurant" value="restaurant" /><label for="restaurant">restaurant</label></td> <td><input type="checkbox" name="sortie" id="concert" value="concert" /><label for="concert">concert</label></td> <td><input type="checkbox" name="sortie" id="karaoke" value="karaoké" /><label for="karaoke">karaoké</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="theatre" value="théâtre" /><label for="theatre">théâtre</label></td> <td><input type="checkbox" name="sortie" id="sortie_opera" value="opéra" /><label for="sortie_opera">opéra</label></td> <td><input type="checkbox" name="sortie" id="autre_sortie" value="autre(s)" /><label for="autre_sortie">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="hobbies_musique" value="musique" /><label for="hobbies_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="caritatives" value="activités caritatives" /><label for="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" value="chant/instruments musicaux" /><label for="chant">chant/instruments musicaux</label></td> <td><input type="checkbox" name="hobbies" id="couture" value="couture / tricot" /><label for="couture">couture / tricot</label></td> <td><input type="checkbox" name="hobbies" id="decoration" value="décoration" /><label for="decoration">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="ecriture" value="écriture" /><label for="ecriture">écriture</label></td> <td><input type="checkbox" name="hobbies" id="jeux_cartes" value="jeux de cartes" /><label for="jeux_cartes">jeux de cartes</label></td> <td><input type="checkbox" name="hobbies" id="jeux_societe" value="jeux de société" /><label for="jeux_societe">jeux de société</label> </td> <td><input type="checkbox" name="hobbies" id="art" value="l'art" /><label for="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="television" value="télévision" /><label for="television">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="figurines" value="collection de figurines" /><label for="figurines">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="vin" value="dégustation de vin" /><label for="vin">dégustation de vin</label></td> <td><input type="checkbox" name="hobbies" id="echecs" value="échecs" /><label for="echecs">é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_roles" value="jeux de rôles" /><label for="jeux_roles">jeux de rôles</label></td> </tr><tr> <td><input type="checkbox" name="hobbies" id="jeux_videos" value="jeux vidéos" /><label for="jeux_videos">jeux vidéos</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_mode" value="mode" /><label for="hobbies_mode">mode</label></td> <td><input type="checkbox" name="hobbies" id="chasse" value="pêche / chasse" /><label for="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="hobbies_religion" value="religion" /><label for="hobbies_religion">religion</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_theatre" value="théâtre" /><label for="hobbies_theatre">théatre</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_autre" value="autre(s)" /><label for="hobbies_autre">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="nationalite">Nationalité : </label><input type="text" size="30" name="nationalite" id="nationalite" /><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="coreen" value="coréen" /><label for="coreen">coréen</label></td> <td><input type="checkbox" name="langage" id="creole" value="créole" /><label for="creole">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="francais" value="français" /><label for="francais">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="hawaien" value="hawaïen" /><label for="hawaien">hawaïen</label></td> </tr><tr> <td><input type="checkbox" name="langage" id="hebreu" value="hébreu" /><label for="hebreu">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_signes" value="langue_signes" /><label for="langue_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="quebecois" value="québécois" /><label for="quebecois">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="vietnamien" value="viétnamien" /><label for="vietnamien">viétnamien</label></td> <td><input type="checkbox" name="langage" id="langage_autre" value="autre(s)" /><label for="langage_autre">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="musique_autre" value="autre(s)" /><label for="musique_autre">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="erotiques" value="érotiques" /><label for="erotiques">é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="film_autre" value="autre(s)" /><label for="film_autre">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="animaux_autres" value="autres" /><label for="animaux_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>

- l'apparence du texte envoyé peut être modifié , avez-vous un exemple concret de ce à quoi ça doit ressembler ?

- il est possible d'ajouter un champ qui recueille le lien d'une image , et de transférer ce lien entre balises [img] dans le script ...

par Asilgard Mer 17 Oct 2012 - 13:19

Bonjour,

Merci à toi pour ta réponse rapide et efficace, sa marche très bien le unedefined ne s'affiche plus.

Pour la présentation, en fait je voudrais simplement une apparence type comme le formulaire avec les fieldset comme cadre et une ligne de séparation entre chaque questions posées.

J'aimerais rester dans le même esprit, je me doute que je dois ajouter des balises div ect dans le HTML comme pour l'apparence du formulaire à remplir, mais je ne sais pas où les placer exactement.

merci pour ta futur réponse.

par Scoubifitz Mer 17 Oct 2012 - 20:08

le HTML est-il autorisé dans les messages ?

par Asilgard Mer 17 Oct 2012 - 22:02

euh oui, j'ai déjà des codes de présentation de postes.

par Scoubifitz Jeu 18 Oct 2012 - 3:24

alors , pour la photo , remplacez :

Code:: <label for="plus">Votre Photo : </label><br> <textarea id="plus" name="plus" rows="3" cols="100" overflow="hidden"></textarea><br>

par :

Code:: <label for="plus">Votre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus" id="plus" value="" size="80" maxlength="120" /><br />

et le script (la partie entre balises "script") par :

Code:: <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<div class='cadre_formulaire'><fieldset><legend> Ma présentation de manière générale : </legend>" + "[b][color=#83A697]Je suis : [/color][/b] " + form.genre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Êtes-vous prêt(e) à vous engager dans une relation maintenant ? [/color][/b] " + form.relation.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Statut marital : [/color][/b] " + form.statut.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Profession : [/color][/b] " + form.profession.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Taille : [/color][/b] " + form.taille.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Silhouette : [/color][/b] " + form.silhouette.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Cheveux : [/color][/b] " + form.cheveux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Yeux : [/color][/b] " + form.yeux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Enfant(s) : [/color][/b] " + form.enfant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre trait de caractère le plus marqué : [/color][/b] " + form.trait.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Fumez-vous ? [/color][/b] " + form.fumer.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos sorties : [/color][/b][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.sortie.length; i++) { if(form.sortie[i].checked == true) { txt_message += '[*]' + form.sortie[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos hobbies : [/color][/b][list]"; for(var i = 0; i < form.hobbies.length; i++) { if(form.hobbies[i].checked == true) { txt_message += '[*]' + form.hobbies[i].value + '\n'; } } txt_message += "[/list]"; if(form.plus.value != "") // Si le champ "photo" n'a pas été laissé vide ... { txt_message += "<div class='ligne_s'></div>[b][color=#83A697]Ma photo :[/color][/b]\n" + "<img src='"+ form.plus.value +"' style='max-height:350px;max-width:350px;' />" + '\n'; } txt_message += "</fieldset><fieldset><legend> Ma description : </legend>" + "[b][color=#83A697]Décrivez-vous : [/color][/b]\n\n" + form.description.value + '\n' + "</fieldset><fieldset><legend> En quelques mots : </legend>" + "[b][color=#83A697]Décrivez vos loisirs, que faites-vous de vos soirées, de vos week-ends ? [/color][/b]\n" + form.loisirs.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quelles sont les vacances que vous préférez ? [/color][/b]\n" + form.vacances.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? [/color][/b]\n" + form.objet.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? [/color][/b]\n" + form.livre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires de travail ? [/color][/b]\n" + form.travail.value + '\n' + "</fieldset><fieldset><legend> Mon profil : </legend>" + "[b][color=#83A697]Date de naissance : [/color][/b] " + form.birth.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pays de résidence : [/color][/b] " + form.pays.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Ville : [/color][/b] " + form.ville.value + ' \n' + "[b][color=#83A697]Nationalité : [/color][/b] " + form.nationalite.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Origine ethnique : [/color][/b] " + form.origine.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous parlez : [/color][/b][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 += '[*]' + form.langage[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous vivez : [/color][/b] " + form.vie.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre poids : [/color][/b] " + form.poids.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]La longueur de vos cheveux : [/color][/b] " + form.longueur.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre style : [/color][/b] " + form.style.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre aspect physique : [/color][/b] " + form.aspect.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Le plus attrayant chez vous : [/color][/b] " + form.attrayant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau d'études : [/color][/b] " + form.etudes.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre signe astrologique : [/color][/b] " + form.signe.value + '\n' + "</fieldset><fieldset><legend> Mon style de vie : </legend>" + "[b][color=#83A697]Vos goûts musicaux : [/color][/b][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 += '[*]' + form.musique[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos films préférés : [/color][/b]\[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 += '[*]' + form.film[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos animaux de compagnie : [/color][/b][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 += '[*]' + form.animaux[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous mangez : [/color][/b] " + form.mange.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous êtes romantique ? [/color][/b] " + form.romantique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pour vous le mariage c'est : [/color][/b] " + form.mariage.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous voulez des enfants : [/color][/b] " + form.enfants.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre religion : [/color][/b] " + form.religion.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau de pratique : [/color][/b] " + form.pratique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos revenus : [/color][/b] " + form.revenus.value + '\n' + "</fieldset><fieldset><legend> je recherche : </legend>" + "[b][color=#83A697]Qui recherchez-vous ? [/color][/b] " + form.recherche.value + '\n' + "</fieldset><fieldset></div>"; form.message.value = txt_message; } </script>

si le lien de la photo n'est pas rempli , le texte et la photo n’apparaitront pas ...

par Asilgard Jeu 18 Oct 2012 - 11:14

C'est vraiment super, merci beaucoup à toi pour le travail que tu as fourni. Smile

Si je comprends bien le code, tu as mi les balises div entre " .... " avant et après chaque code ?

J'aurais une dernière petite question, si dans le cas où le membre met pas de photo est-il possible de faire comme pour le forum un avatar par défaut si le champs n'est pas remplit ?

par Scoubifitz Jeu 18 Oct 2012 - 11:48

pour les séparations , j'ai réutilisé les divs qui sont dans le formulaire , en les mettant à la place des sauts de lignes (\n) ... en fait , j'ai repris le CSS du formulaire pour le message envoyé ...

allez ... on remplace de nouveau le script :

Code:: <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<div class='cadre_formulaire'><fieldset><legend> Ma présentation de manière générale : </legend>" + "[b][color=#83A697]Je suis : [/color][/b] " + form.genre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Êtes-vous prêt(e) à vous engager dans une relation maintenant ? [/color][/b] " + form.relation.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Statut marital : [/color][/b] " + form.statut.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Profession : [/color][/b] " + form.profession.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Taille : [/color][/b] " + form.taille.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Silhouette : [/color][/b] " + form.silhouette.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Cheveux : [/color][/b] " + form.cheveux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Yeux : [/color][/b] " + form.yeux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Enfant(s) : [/color][/b] " + form.enfant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre trait de caractère le plus marqué : [/color][/b] " + form.trait.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Fumez-vous ? [/color][/b] " + form.fumer.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos sorties : [/color][/b][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.sortie.length; i++) { if(form.sortie[i].checked == true) { txt_message += '[*]' + form.sortie[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos hobbies : [/color][/b][list]"; for(var i = 0; i < form.hobbies.length; i++) { if(form.hobbies[i].checked == true) { txt_message += '[*]' + form.hobbies[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>[b][color=#83A697]Ma photo :[/color][/b]\n"; if(form.plus.value != "") // Si le champ "photo" n'a pas été laissé vide ... { txt_message += "<img src='"+ form.plus.value +"' style='max-height:350px;max-width:350px;' />" + '\n'; } else { txt_message += "<img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' />" + '\n'; } txt_message += "</fieldset><fieldset><legend> Ma description : </legend>" + "[b][color=#83A697]Décrivez-vous : [/color][/b]\n\n" + form.description.value + '\n' + "</fieldset><fieldset><legend> En quelques mots : </legend>" + "[b][color=#83A697]Décrivez vos loisirs, que faites-vous de vos soirées, de vos week-ends ? [/color][/b]\n" + form.loisirs.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quelles sont les vacances que vous préférez ? [/color][/b]\n" + form.vacances.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? [/color][/b]\n" + form.objet.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? [/color][/b]\n" + form.livre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires de travail ? [/color][/b]\n" + form.travail.value + '\n' + "</fieldset><fieldset><legend> Mon profil : </legend>" + "[b][color=#83A697]Date de naissance : [/color][/b] " + form.birth.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pays de résidence : [/color][/b] " + form.pays.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Ville : [/color][/b] " + form.ville.value + ' \n' + "[b][color=#83A697]Nationalité : [/color][/b] " + form.nationalite.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Origine ethnique : [/color][/b] " + form.origine.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous parlez : [/color][/b][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 += '[*]' + form.langage[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous vivez : [/color][/b] " + form.vie.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre poids : [/color][/b] " + form.poids.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]La longueur de vos cheveux : [/color][/b] " + form.longueur.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre style : [/color][/b] " + form.style.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre aspect physique : [/color][/b] " + form.aspect.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Le plus attrayant chez vous : [/color][/b] " + form.attrayant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau d'études : [/color][/b] " + form.etudes.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre signe astrologique : [/color][/b] " + form.signe.value + '\n' + "</fieldset><fieldset><legend> Mon style de vie : </legend>" + "[b][color=#83A697]Vos goûts musicaux : [/color][/b][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 += '[*]' + form.musique[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos films préférés : [/color][/b]\[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 += '[*]' + form.film[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos animaux de compagnie : [/color][/b][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 += '[*]' + form.animaux[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous mangez : [/color][/b] " + form.mange.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous êtes romantique ? [/color][/b] " + form.romantique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pour vous le mariage c'est : [/color][/b] " + form.mariage.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous voulez des enfants : [/color][/b] " + form.enfants.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre religion : [/color][/b] " + form.religion.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau de pratique : [/color][/b] " + form.pratique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos revenus : [/color][/b] " + form.revenus.value + '\n' + "</fieldset><fieldset><legend> je recherche : </legend>" + "[b][color=#83A697]Qui recherchez-vous ? [/color][/b] " + form.recherche.value + '\n' + "</fieldset><fieldset></div>"; form.message.value = txt_message; } </script>

pour la photo par défaut , repérez :

Code:: else { txt_message += "<img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' />" + '\n'; }

pour la photo du membre , il y a une hauteur et une largeur maxi de 350px ...

par Asilgard Jeu 18 Oct 2012 - 13:08

Rooh, merci c'est impeccable, après j'ai juste quelques réglages à faire en CSS, mais ça c'est pas un soucis.

Par contre une fois le formulaire envoyé il y a un cadre vide qui s'ajoute tout à la fin. Je vous le montre en image se sera plus compréhensible.

par Scoubifitz Jeu 18 Oct 2012 - 13:44

mouarffff !

j'ai laissé trainer un fieldset à la fin du script ...

+ "</fieldset><fieldset></div>";

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

... à supprimer ....

par Asilgard Jeu 18 Oct 2012 - 15:23

C'est bon merci beaucoup,

Je voulais vous demander une dernière chose, j'ai tenté de mettre la photo au tout début du formulaire et de centrer celle-ci dans un cadre simple, mais je n'y parviens pas.

Est-il possible de mettre plusieurs image l'une à côté de l'autre avec ce code et en dernière pour un meilleur affichage, je m'étais dit qu'il serait plus simple que l'image s'affiche en plus grand en cliquant dessus (soit par une ouverture pop-up soit tout simplement dans une autre page).

Je vous montre un aperçut rapide de ce que j'imaginais en image.

par Scoubifitz Jeu 18 Oct 2012 - 18:02

postez ceci dans un message sur votre forum , pour voir si c'est ce que vous souhaitez ...

Code:: <div class="cadre_formulaire"><h3 class="formulaire1"><center>Présentation de "pseudo"</center></h3><table style="margin:auto;" cellpadding="1"><tr><td><a href="http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png"><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' style='max-height:40px;max-width:350px;' /></a></td><td><a href="http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png"><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' style='max-height:60px;max-width:350px;' /></a></td><td><a href="http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png"><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' style='max-height:50px;max-width:350px;' /></a></td></tr></table><div class='ligne_s'></div></div>

on verra après , pour le script ...

par Asilgard Jeu 18 Oct 2012 - 22:00

Vous avez parfaitement comprit la mise en page que je souhaitais avoir, après pour la taille des images plus grand serait mieux, et quand au lien qu'il envoie sur une autre page pour éviter d'avoir à revenir en arrière sur la page du poste.

Mais sinon c'est tout à fait ça !!!!

par Scoubifitz Jeu 18 Oct 2012 - 23:34

bien ... pour trois photos , il faut compléter (remplacer):

Code:: <label for="plus">Votre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus" id="plus" value="" size="80" maxlength="120" /><br />

avec :

Code:: <label for="plus">Votre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus" id="plus" value="" size="80" maxlength="120" /><br /> <label for="plus1">Autre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus1" id="plus1" value="" size="80" maxlength="120" /><br /> <label for="plus2">Une photo de plus (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus2" id="plus2" value="" size="80" maxlength="120" /><br />

ensuite on remplace le script :

Code:: <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<div class='cadre_formulaire'><h1 class='formulaire1'><center>Présentation de " + form.titre.value + "</center></h1><table style='margin:auto;' cellpadding='1'><tr>"; if(form.plus1.value != "") // Si le champ "plus1" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus1.value + "' target='_blank'><img src='" + form.plus1.value + "' style='width:250px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } if(form.plus.value != "") // Si le champ "plus" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus.value + "' target='_blank'><img src='" + form.plus.value + "' style='width:250px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } if(form.plus2.value != "") // Si le champ "plus2" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus2.value + "' target='_blank'><img src='" + form.plus2.value + "' style='width:250px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } txt_message += "</tr></table><div class='ligne_s'></div><fieldset><legend> Ma présentation de manière générale : </legend>" + "[b][color=#83A697]Je suis : [/color][/b] " + form.genre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Êtes-vous prêt(e) à vous engager dans une relation maintenant ? [/color][/b] " + form.relation.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Statut marital : [/color][/b] " + form.statut.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Profession : [/color][/b] " + form.profession.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Taille : [/color][/b] " + form.taille.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Silhouette : [/color][/b] " + form.silhouette.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Cheveux : [/color][/b] " + form.cheveux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Yeux : [/color][/b] " + form.yeux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Enfant(s) : [/color][/b] " + form.enfant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre trait de caractère le plus marqué : [/color][/b] " + form.trait.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Fumez-vous ? [/color][/b] " + form.fumer.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos sorties : [/color][/b][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.sortie.length; i++) { if(form.sortie[i].checked == true) { txt_message += '[*]' + form.sortie[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos hobbies : [/color][/b][list]"; for(var i = 0; i < form.hobbies.length; i++) { if(form.hobbies[i].checked == true) { txt_message += '[*]' + form.hobbies[i].value + '\n'; } } txt_message += "[/list]</fieldset><fieldset><legend> Ma description : </legend>" + "[b][color=#83A697]Décrivez-vous : [/color][/b]\n\n" + form.description.value + '\n' + "</fieldset><fieldset><legend> En quelques mots : </legend>" + "[b][color=#83A697]Décrivez vos loisirs, que faites-vous de vos soirées, de vos week-ends ? [/color][/b]\n" + form.loisirs.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quelles sont les vacances que vous préférez ? [/color][/b]\n" + form.vacances.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? [/color][/b]\n" + form.objet.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? [/color][/b]\n" + form.livre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires de travail ? [/color][/b]\n" + form.travail.value + '\n' + "</fieldset><fieldset><legend> Mon profil : </legend>" + "[b][color=#83A697]Date de naissance : [/color][/b] " + form.birth.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pays de résidence : [/color][/b] " + form.pays.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Ville : [/color][/b] " + form.ville.value + ' \n' + "[b][color=#83A697]Nationalité : [/color][/b] " + form.nationalite.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Origine ethnique : [/color][/b] " + form.origine.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous parlez : [/color][/b][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 += '[*]' + form.langage[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous vivez : [/color][/b] " + form.vie.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre poids : [/color][/b] " + form.poids.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]La longueur de vos cheveux : [/color][/b] " + form.longueur.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre style : [/color][/b] " + form.style.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre aspect physique : [/color][/b] " + form.aspect.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Le plus attrayant chez vous : [/color][/b] " + form.attrayant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau d'études : [/color][/b] " + form.etudes.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre signe astrologique : [/color][/b] " + form.signe.value + '\n' + "</fieldset><fieldset><legend> Mon style de vie : </legend>" + "[b][color=#83A697]Vos goûts musicaux : [/color][/b][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 += '[*]' + form.musique[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos films préférés : [/color][/b]\[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 += '[*]' + form.film[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos animaux de compagnie : [/color][/b][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 += '[*]' + form.animaux[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous mangez : [/color][/b] " + form.mange.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous êtes romantique ? [/color][/b] " + form.romantique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pour vous le mariage c'est : [/color][/b] " + form.mariage.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous voulez des enfants : [/color][/b] " + form.enfants.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre religion : [/color][/b] " + form.religion.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau de pratique : [/color][/b] " + form.pratique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos revenus : [/color][/b] " + form.revenus.value + '\n' + "</fieldset><fieldset><legend> je recherche : </legend>" + "[b][color=#83A697]Qui recherchez-vous ? [/color][/b] " + form.recherche.value + '\n' + "</fieldset><fieldset></div>"; form.message.value = txt_message; } </script>

le premier lien -photo s'affichera au centre , le 2e à gauche , le 3e à droite ...
s'il n'y a aucun lien , les avatars par défauts seront affichés ...
les photos auront une largeur de 250 avec un lien vers l'original ...

par Asilgard Sam 20 Oct 2012 - 14:57

Bonjour,

Ton code marche très bien, c'est parfaitement ce que je souhaitais avoir. Simplement depuis que j'ai entré ce nouveau code, j'ai l'impression que le code CSS ne répond plus, mes cadre n'ont plus d'arrondies et les titre n'ont plus l'apparence que je leurs avais donné, mais à côté de ça le background est toujours présent... j'ai dû mal à comprendre le soucis.

Je te montre en image :

Problème avec le script d'un formulaire 318077Sanstitreerrrr

Et je t'envoie mon code HTML :

Code:: <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "<div class='fond1'><h1 class='formulaire1'><center>Présentation de " + form.titre.value + "</center></h1><table style='margin:auto;' cellpadding='1'><tr>"; if(form.plus1.value != "") // Si le champ "plus1" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus1.value + "' target='_blank'><img src='" + form.plus1.value + "' style='width:150px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } if(form.plus.value != "") // Si le champ "plus" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus.value + "' target='_blank'><img src='" + form.plus.value + "' style='width:150px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } if(form.plus2.value != "") // Si le champ "plus2" n'a pas été laissé vide ... { txt_message += "<td><a href='" + form.plus2.value + "' target='_blank'><img src='" + form.plus2.value + "' style='width:150px;' /> </a></td>"; } else { txt_message += "<td><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' /></td>"; } txt_message += "</tr></table><div class='ligne_s'></div><fieldset><legend> Ma présentation de manière générale : </legend>" + "[b][color=#83A697]Je suis : [/color][/b] " + form.genre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Êtes-vous prêt(e) à vous engager dans une relation maintenant ? [/color][/b] " + form.relation.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Statut marital : [/color][/b] " + form.statut.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Profession : [/color][/b] " + form.profession.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Taille : [/color][/b] " + form.taille.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Silhouette : [/color][/b] " + form.silhouette.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Cheveux : [/color][/b] " + form.cheveux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Yeux : [/color][/b] " + form.yeux.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Enfant(s) : [/color][/b] " + form.enfant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre trait de caractère le plus marqué : [/color][/b] " + form.trait.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Fumez-vous ? [/color][/b] " + form.fumer.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos sorties : [/color][/b][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.sortie.length; i++) { if(form.sortie[i].checked == true) { txt_message += '[*]' + form.sortie[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos hobbies : [/color][/b][list]"; for(var i = 0; i < form.hobbies.length; i++) { if(form.hobbies[i].checked == true) { txt_message += '[*]' + form.hobbies[i].value + '\n'; } } txt_message += "[/list]</fieldset><fieldset><legend> Ma description : </legend>" + "[b][color=#83A697]Décrivez-vous : [/color][/b]\n\n" + form.description.value + '\n' + "</fieldset><fieldset><legend> En quelques mots : </legend>" + "[b][color=#83A697]Décrivez vos loisirs, que faites-vous de vos soirées, de vos week-ends ? [/color][/b]\n" + form.loisirs.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quelles sont les vacances que vous préférez ? [/color][/b]\n" + form.vacances.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Si vous ne deviez garder qu'un seul objet avec vous, lequel serait-ce ? [/color][/b]\n" + form.objet.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Quel est le livre qui vous a le plus touché(e) ? Pourquoi ? [/color][/b]\n" + form.livre.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Décrivez votre profession : que faites-vous ? Êtes-vous votre propre patron ? Quels sont vos horaires de travail ? [/color][/b]\n" + form.travail.value + '\n' + "</fieldset><fieldset><legend> Mon profil : </legend>" + "[b][color=#83A697]Date de naissance : [/color][/b] " + form.birth.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pays de résidence : [/color][/b] " + form.pays.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Ville : [/color][/b] " + form.ville.value + ' \n' + "[b][color=#83A697]Nationalité : [/color][/b] " + form.nationalite.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Origine ethnique : [/color][/b] " + form.origine.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous parlez : [/color][/b][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 += '[*]' + form.langage[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous vivez : [/color][/b] " + form.vie.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre poids : [/color][/b] " + form.poids.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]La longueur de vos cheveux : [/color][/b] " + form.longueur.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre style : [/color][/b] " + form.style.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre aspect physique : [/color][/b] " + form.aspect.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Le plus attrayant chez vous : [/color][/b] " + form.attrayant.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau d'études : [/color][/b] " + form.etudes.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre signe astrologique : [/color][/b] " + form.signe.value + '\n' + "</fieldset><fieldset><legend> Mon style de vie : </legend>" + "[b][color=#83A697]Vos goûts musicaux : [/color][/b][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 += '[*]' + form.musique[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos films préférés : [/color][/b]\[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 += '[*]' + form.film[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vos animaux de compagnie : [/color][/b][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 += '[*]' + form.animaux[i].value + '\n'; } } txt_message += "[/list]<div class='ligne_s'></div>" + "[b][color=#83A697]Vous mangez : [/color][/b] " + form.mange.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous êtes romantique ? [/color][/b] " + form.romantique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Pour vous le mariage c'est : [/color][/b] " + form.mariage.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vous voulez des enfants : [/color][/b] " + form.enfants.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre religion : [/color][/b] " + form.religion.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Votre niveau de pratique : [/color][/b] " + form.pratique.value + "<div class='ligne_s'></div>" + "[b][color=#83A697]Vos revenus : [/color][/b] " + form.revenus.value + '\n' + "</fieldset><fieldset><legend> je recherche : </legend>" + "[b][color=#83A697]Qui recherchez-vous ? [/color][/b] " + form.recherche.value + '\n' + "</fieldset></div>"; 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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="5" />  <label for="plus">Votre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus" id="plus" value="" size="80" maxlength="120" /><br /> <label for="plus1">Autre photo (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus1" id="plus1" value="" size="80" maxlength="120" /><br /> <label for="plus2">Une photo de plus (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="plus2" id="plus2" value="" size="80" maxlength="120" /><br /> <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="sortie" id="cinema" value="cinéma" /><label for="cinema">cinéma</label></td> <td><input type="checkbox" name="sortie" id="famille" value="famille" /><label for="famille">famille</label></td> <td><input type="checkbox" name="sortie" id="bar_pub" value="bar / pub" /><label for="bar_pub">bar /pub</label></td> <td><input type="checkbox" name="sortie" id="sport_event" value="évènements sportifs" /><label for="sport_event">évènements sportifs</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="club_sport" value="club de sport" /><label for="club_sport">club de sport</label></td> <td><input type="checkbox" name="sortie" id="spectacle_danse" value="spectacle de danse" /><label for="spectacle_danse">spectacle de danse</label></td> <td><input type="checkbox" name="sortie" id="entre_amis" value="soirées entre amis" /><label for="entre_amis">soirées entre amis</label></td> <td><input type="checkbox" name="sortie" id="after_work" value="after work" /><label for="after_work">after work</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="discotheque" value="discothèque" /><label for="discotheque">discothèque</label> </td> <td><input type="checkbox" name="sortie" id="restaurant" value="restaurant" /><label for="restaurant">restaurant</label></td> <td><input type="checkbox" name="sortie" id="concert" value="concert" /><label for="concert">concert</label></td> <td><input type="checkbox" name="sortie" id="karaoke" value="karaoké" /><label for="karaoke">karaoké</label></td> </tr><tr> <td><input type="checkbox" name="sortie" id="theatre" value="théâtre" /><label for="theatre">théâtre</label></td> <td><input type="checkbox" name="sortie" id="sortie_opera" value="opéra" /><label for="sortie_opera">opéra</label></td> <td><input type="checkbox" name="sortie" id="autre_sortie" value="autre(s)" /><label for="autre_sortie">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="hobbies_musique" value="musique" /><label for="hobbies_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="caritatives" value="activités caritatives" /><label for="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" value="chant/instruments musicaux" /><label for="chant">chant/instruments musicaux</label></td> <td><input type="checkbox" name="hobbies" id="couture" value="couture / tricot" /><label for="couture">couture / tricot</label></td> <td><input type="checkbox" name="hobbies" id="decoration" value="décoration" /><label for="decoration">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="ecriture" value="écriture" /><label for="ecriture">écriture</label></td> <td><input type="checkbox" name="hobbies" id="jeux_cartes" value="jeux de cartes" /><label for="jeux_cartes">jeux de cartes</label></td> <td><input type="checkbox" name="hobbies" id="jeux_societe" value="jeux de société" /><label for="jeux_societe">jeux de société</label> </td> <td><input type="checkbox" name="hobbies" id="art" value="l'art" /><label for="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="television" value="télévision" /><label for="television">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="figurines" value="collection de figurines" /><label for="figurines">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="vin" value="dégustation de vin" /><label for="vin">dégustation de vin</label></td> <td><input type="checkbox" name="hobbies" id="echecs" value="échecs" /><label for="echecs">é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_roles" value="jeux de rôles" /><label for="jeux_roles">jeux de rôles</label></td> </tr><tr> <td><input type="checkbox" name="hobbies" id="jeux_videos" value="jeux vidéos" /><label for="jeux_videos">jeux vidéos</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_mode" value="mode" /><label for="hobbies_mode">mode</label></td> <td><input type="checkbox" name="hobbies" id="chasse" value="pêche / chasse" /><label for="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="hobbies_religion" value="religion" /><label for="hobbies_religion">religion</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_theatre" value="théâtre" /><label for="hobbies_theatre">théatre</label></td> <td><input type="checkbox" name="hobbies" id="hobbies_autre" value="autre(s)" /><label for="hobbies_autre">autre(s)</label></td> </tr></table> <div class="ligne_s"></div> </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="nationalite">Nationalité : </label><input type="text" size="30" name="nationalite" id="nationalite" /><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="coreen" value="coréen" /><label for="coreen">coréen</label></td> <td><input type="checkbox" name="langage" id="creole" value="créole" /><label for="creole">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="francais" value="français" /><label for="francais">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="hawaien" value="hawaïen" /><label for="hawaien">hawaïen</label></td> </tr><tr> <td><input type="checkbox" name="langage" id="hebreu" value="hébreu" /><label for="hebreu">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_signes" value="langue_signes" /><label for="langue_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="quebecois" value="québécois" /><label for="quebecois">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="vietnamien" value="viétnamien" /><label for="vietnamien">viétnamien</label></td> <td><input type="checkbox" name="langage" id="langage_autre" value="autre(s)" /><label for="langage_autre">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="musique_autre" value="autre(s)" /><label for="musique_autre">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="erotiques" value="érotiques" /><label for="erotiques">é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="film_autre" value="autre(s)" /><label for="film_autre">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="animaux_autres" value="autres" /><label for="animaux_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>

Ainsi que le CSS :

Code:: /* ------------------------- APPARENCE FORMULAURE REMPLI ----------------------- */ .fond1{ align: center; overflow: hidden; width: auto ! important; } /* ---------------------- PRESENTATION DU FORMULAIRE A REMPLIR------------------------ */ .cadre_formulaire{ background: url('http://img15.hostingpics.net/pics/214790f9refa10.jpg')repeat; border: 3px solid #404040; borde-left: 5px solid #404040; -moz-border-radius: 5px 30px 5px 10px; -webkit-border-radius: 5px 30px 5px 10px; border-radius: 5px 30px 5px 10px; box-shadow: 0px 4px 2px #404040; padding: 25px 20px 20px 20px; margin-top: 10px; margin-left: 10%; width: 700px; position: static; clear: none; overflow: hidden; } .fieldset{ border: 1px ridge #4A4A4A; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 5px 20px 20px 20px; color: #363636; font-size: 10px; font-family:"trebuchet ms",sans-serif; margin-left: 3%; margin-right: 3%; margin-top: 1%; padding: 10px 20px 10px 20px; overflow: hidden; } .legend { color:#4A4A4A; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-siez: 13px; padding: 5px 10px 5px 10px; margin-left: 3%; } .ligne_s{ border-bottom: 1px solid #898A8A; padding: 5px 0 0px 0; margin-bottom: 3px; } .formulaire1{ font-family: Arial; font-size: 16px; letter-spacing: 2px; text-shadow: 1px 0 2px #000000; color: #E6A62A; border-bottom: 1px ridge #C9CACA; }

Normalement, j'ai vérifié le CSS, il n'y a pas de soucis de ce côté mais c'est on jamais.

par Scoubifitz Dim 21 Oct 2012 - 3:47

!^^

les balises "fieldset" et "legend" n'ont pas de class , et pourtant on retrouve un .fieldset (point fielset) et un .legend (point legend) dans le CSS ..

il faudrait remplacer :

Code:: .fieldset{ border: 1px ridge #4A4A4A; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 5px 20px 20px 20px; color: #363636; font-size: 10px; font-family:"trebuchet ms",sans-serif; margin-left: 3%; margin-right: 3%; margin-top: 1%; padding: 10px 20px 10px 20px; overflow: hidden; } .legend { color:#4A4A4A; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-siez: 13px; padding: 5px 10px 5px 10px; margin-left: 3%; }

par:

Code:: .fond1 fieldset,.cadre_formulaire fieldset{ border: 1px ridge #4A4A4A; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 5px 20px 20px 20px; color: #363636; font-size: 10px; font-family:"trebuchet ms",sans-serif; margin-left: 3%; margin-right: 3%; margin-top: 1%; padding: 10px 20px 10px 20px; overflow: hidden; } .fond1 legend,.cadre_formulaire legend { color:#4A4A4A; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-siez: 13px; padding: 5px 10px 5px 10px; margin-left: 3%; }

ça ne concernera que les "fieldset" et "legend" qui sont dans la div .fond1 et dans la div .cadre_formulaire ...

par Asilgard Dim 21 Oct 2012 - 17:05

YOUPI !!!

Magnifique, c'est parfait, merci beaucoup !!

Une petite question, j'aimerais que le cadre fieldset du formulaire une fois posté sur le forum soit différent de celui du formulaire à remplir, et quand j'avais essayé avec div class cela n'avait pas fonctionné.

Je vous mets un code pour le fielset et legend du poste envoyé pour que se soit plus simple :

Code:: Pour le fieldset : border: 1px solid #647DA1; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; padding: 5px 20px 20px 20px; color: #C4C4C4; font-size: 10px; font-family:"trebuchet ms",sans-serif; margin-left: 3%; margin-right: 3%; margin-top: 1%; padding: 10px 20px 10px 20px; overflow: hidden; } Pour le legend: color:#647DA1; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-size: 13px; padding: 5px 10px 5px 10px; margin-left: 3%; }

par Scoubifitz Dim 21 Oct 2012 - 21:40

il suffit de spécifier de quelle class le fieldset fait partie ...

remplacez le Css précédent par celui ci :

Code:: /* fieldset du formulaire */ .cadre_formulaire fieldset{ border: 1px ridge #4A4A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 20px 20px 20px; color: #363636; font-size: 10px; font-family:"trebuchet ms",sans-serif; margin: 3% 1% 3%; padding: 10px 20px; } /* legend du formulaire */ .cadre_formulaire legend { color:#4A4A4A; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-siez: 13px; padding: 5px 10px; margin-left: 3%; } /* fieldset du message */ .fond1 fieldset{ border: 1px solid #647DA1; -moz-border-radius: 0px 10px; -webkit-border-radius: 0px 10px; border-radius: 0px 10px; padding: 5px 20px 20px 20px; color: #C4C4C4; font-size: 10px; font-family:"trebuchet ms" sans-serif; margin: 3% 1% 3%; padding: 10px 20px; } /* legend du message */ .fond1 legend { color:red; font-family:"trebuchet ms",sans-serif; text-transform: uppercase; font-size: 13px; padding: 5px 10px; }

par Asilgard Dim 21 Oct 2012 - 22:33

Rooh super, je savais pas qu'on pouvait faire ça de cette manière, je me compliquais un peu la vie enfin de compte ! xD

Vous faite vraiment un super boulot !!!!

Tiens j'ai une autres questions, vous allez finir par me trouver chiante, mais comme vous semblez vous y connaître en HTML script et formulaire, bah j'apprends :p.

Voilà je compte faire un formulaire pour la présentation des personnages RP, je l'ai commencé et je me demandais si il était possible de mettre le même système d'image que l'autre, avec une seule image par contre et qui n'envoie pas spécialement sur un agrandissement, donc de mettre cette image en mode float sur la gauche d'un texte (je sais que on peu le faire mais dans un formulaire c'est différent).

Désolée encore pour toutes ces questions.

par Scoubifitz Lun 22 Oct 2012 - 0:01

pour voir si on parle de la même chose , collez le code dans un message de votre forum :

Code:: <div style="width:500px;text-align:justify;margin:auto;"><img src='http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png' align="left" style="padding-right:5px" />Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos. Quam ob rem cave Catoni anteponas ne istum quidem ipsum, quem Apollo, ut ais, sapientissimum iudicavit; huius enim facta, illius dicta laudantur. De me autem, ut iam cum utroque vestrum loquar, sic habetote. Illud tamen te esse admonitum volo, primum ut qualis es talem te esse omnes existiment ut, quantum a rerum turpitudine abes, tantum te a verborum libertate seiungas; deinde ut ea in alterum ne dicas, quae cum tibi falso responsa sint, erubescas. Quis est enim, cui via ista non pateat, qui isti aetati atque etiam isti dignitati non possit quam velit petulanter, etiamsi sine ulla suspicione, at non sine argumento male dicere? Sed istarum partium culpa est eorum, qui te agere voluerunt; laus pudoris tui, quod ea te invitum dicere videbamus, ingenii, quod ornate politeque dixisti.</div>

par Asilgard Lun 22 Oct 2012 - 0:57

oui nous parlons de la même chose sans nul doute :p ! Sauf que moi j'aimerais faire ça mais directement pour un formulaire.

Je vous donne le code du formulaire en question si cela vous arrange.

Code:: <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "[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' + "[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]" + form.descript.value + '\n' + "[b]Caractère : [/b]" + form.profil.value + '\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' + "[b]Histoire : [/color][/b]" + form.histoire.value + '\n' form.message.value = txt_message; } </script> <div class="cadre_formulaire"> <h3><div class="formulaire1">Formulaire de présentation</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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="4" />  <label for="titre">Nom du personnage :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /> <fieldset> <legend> I. Identité :</legend> <label for="nom">Nom: </label><input type="text" size="30" name="nom" id="nom" /><div class="ligne_s"></div> <label for="prenom">Prénom: </label><input type="text" size="30" name="prenom" id="prenom" /><div class="ligne_s"></div> <label for="genre">Genre: </label> <select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select><div class="ligne_s"></div> <label for="age">Âge : </label><input type="text" size="30" name="age" id="age" /><div class="ligne_s"></div> <label for="birthday">Date de naissance : </label><input type="text" size="30" name="birthday" id="birthday" /><div class="ligne_s"></div> <label for="lieu">Lieu de naissance : </label><input type="text" size="30" name="lieu" id="lieu" /><div class="ligne_s"></div> <label for="origine">Origine(s) : </label><input type="text" size="30" name="origine" id="origine" /><div class="ligne_s"></div> <label for="nation">Nationalité(s) : </label><input type="text" size="30" name="nation" id="nation" /><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 de résidence : </label><input type="text" size="30" name="ville" id="ville" /> </fieldset> <fieldset> <legend> II. Signalement </legend> <label for="taille">Taille : </label><select name="taille" id="taille"> <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="poids">Poids : </label><select name="poids" id="poids"> <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="ethnie">Origine ethnique : </label><select name="ethnie" id="ethnie"> <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 for="descript">Description : </label></br> <textarea id="descript" name="descript" rows="3" cols="100" oveflow="hidden">Physique général ; particularité(s) (tatouage, piercing, cicatrice, tâche de naissance, grain de beauté, etc.) ; style vestimentaire, etc.</textarea> </fieldset> <fieldset> <legend> III. Profil </legend> <label for="profil">Caractère : </label></br> <textarea id="profil" name="profil" rows="3" cols="100" oveflow="hidden">Description psychologique du personnage ; hobby(ies) ; rêve(s) ; ambition(s), etc.</textarea><div class="ligne_s"></div> <label for="religion">Religion : </label><select name="religion" id="religion"> <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="etude">Etudes : </label><input type="text" size="30" name="etude" id="etude" /><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="langue">Langues parlées : </label><input type="text" size="30" name="langue" id="langue" /><div class="ligne_s"></div> <label for="statut">Statut marital : </label><select name="statut" id="statut"> <option>divorcé(e)</option><option>jamais marié(e)</option><option>marié(e)</option><option>fiancé(e)</option><option>en concubinage</option><option>séparé(e)</option><option>veuf/veuve</option><option>célibataire</option></select><div class="ligne_s"></div> <label for="sexy">Orientation sexuelle : </label><select name="sexy" id="sexy"> <option>hétérosexuel(le)</option><option>homosexuel(le)</option><option>bisexuel(le)</option></select> <div class="ligne_s"></div> <label for="signe">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> V. Histoire </legend> <textarea id="histoire" name="histoire" rows="3" cols="100" oveflow="hidden">Votre personnage a eu une vie avant que vous ne vous empariez de lui, racontez-la-nous.</textarea> </fieldset> <center><input type="submit" name="post" value="Créer mon profil" /></center> </form> </fieldset> </div>

par Scoubifitz Lun 22 Oct 2012 - 3:21

c'est là que ça se complique ...

comme je ne trouve aucun indice dans le code , j'en suis réduit à vous demander quel genre d'image sera transmise dans le message , et quel texte doit se coller autour ...

par Asilgard Lun 22 Oct 2012 - 13:01

Rebonjour,

l'image se sera simplement la photo du membre avec une image par défaut si le membre n'en met pas, sans lien, juste une photo avec une tille prédéfinit 150 large pour 250 de haut max. Et autour bah exemple à la droite de l'image le cadre correspondant à l'identité et ainsi que celui du signalement. Puis en dessous profil et histoire, je vous montre en image.

j'ai déjà fait l'apparence du formulaire tout du moins je suis en train, là se serait pour le poste une fois envoyer pareil pour pas que les membres est à gérer l'apparence de leurs fiche.

par Scoubifitz Lun 22 Oct 2012 - 23:46

on ne parle pas tout à fait de la même chose ...

vous préférez un texte à coté de l'image , pas autour ...

mettez ce code dans un message de votre forum pour voir si c'est ce que vous recherchez :

Code:: [table border="0" cellspacing="10" width="600"] [tr] [td colspan="2" bgcolor=royalblue][center][size=24]Pseudo personnage[/size][/center][/td] [/tr][tr] [td rowspan="2"]<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/131923-7.png" style="width:150px"/>[/td][td style="border: 1px solid #647DA1;-moz-border-radius: 0px 10px;-webkit-border-radius: 0px 10px;border-radius: 0px 10px;padding: 10px 20px;"]"[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' [/td] [/tr][tr] [td style="border: 1px solid #647DA1;-moz-border-radius: 0px 10px;-webkit-border-radius: 0px 10px;border-radius: 0px 10px;padding: 10px 20px;"]+ "[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]" Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.[/td] [/tr][tr] [td colspan="2" bgcolor=royalblue][center]Profil[/center][/td] [/tr][tr] [td colspan="2"]+ "[b]Caractère : [/b]" Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos. + "[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" bgcolor=royalblue][center]Histoire [/center][/td] [/tr][tr] [td colspan="2"]+ "[b]Histoire : [/b]" Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.[/td] [/tr] [/table]

par Asilgard Mar 23 Oct 2012 - 21:23

oui c'est cela, c'est le résultat que je veux que ça donne.

par Scoubifitz Mer 24 Oct 2012 - 8:11

premier essai :

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' bgcolor=royalblue][center][size=24]" + form.nom.value + "[/size][/center]" + "[/td][/tr][tr][td rowspan='2']"; 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 style='border: 1px solid #647DA1;-moz-border-radius: 0px 10px;-webkit-border-radius: 0px 10px;border-radius: 0px 10px;padding: 10px 20px;']" + "[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' + "[/td][/tr][tr]" + "[td style='border: 1px solid #647DA1;-moz-border-radius: 0px 10px;-webkit-border-radius: 0px 10px;border-radius: 0px 10px;padding: 10px 20px;']" + "[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' bgcolor=royalblue][center]Profil[/center][/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' bgcolor=royalblue][center]Histoire [/center][/td][/tr][tr]" + "[td colspan='2'][b]Histoire : [/b]\n" + form.histoire.value + "\n[/td][/tr][/table]"; form.message.value = txt_message; } </script> <div class="cadre_formulaire"> <h3><div class="formulaire1">Formulaire de présentation</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" />  <input type="hidden" name="topictype" value="0" checked="checked" />  <input type="hidden" name="message" value="" />  <input type="hidden" name="f" value="4" />  <label for="titre">Nom du personnage :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br /> <label for="photo">La photo du personnage (mettez un lien du type : http//:hebergeur.image.jpg ) [option]</label><br /> <input type="text" name="photo" id="photo" value="" size="80" maxlength="120" /><br /> <fieldset> <legend> I. Identité :</legend> <label for="nom">Nom: </label><input type="text" size="30" name="nom" id="nom" /><div class="ligne_s"></div> <label for="prenom">Prénom: </label><input type="text" size="30" name="prenom" id="prenom" /><div class="ligne_s"></div> <label for="genre">Genre: </label> <select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select><div class="ligne_s"></div> <label for="age">Âge : </label><input type="text" size="30" name="age" id="age" /><div class="ligne_s"></div> <label for="birthday">Date de naissance : </label><input type="text" size="30" name="birthday" id="birthday" /><div class="ligne_s"></div> <label for="lieu">Lieu de naissance : </label><input type="text" size="30" name="lieu" id="lieu" /><div class="ligne_s"></div> <label for="origine">Origine(s) : </label><input type="text" size="30" name="origine" id="origine" /><div class="ligne_s"></div> <label for="nation">Nationalité(s) : </label><input type="text" size="30" name="nation" id="nation" /><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 de résidence : </label><input type="text" size="30" name="ville" id="ville" /> </fieldset> <fieldset> <legend> II. Signalement </legend> <label for="taille">Taille : </label><select name="taille" id="taille"> <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="poids">Poids : </label><select name="poids" id="poids"> <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="ethnie">Origine ethnique : </label><select name="ethnie" id="ethnie"> <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 for="descript">Description : </label></br> <textarea id="descript" name="descript" rows="3" cols="100" oveflow="hidden">Physique général ; particularité(s) (tatouage, piercing, cicatrice, tâche de naissance, grain de beauté, etc.) ; style vestimentaire, etc.</textarea> </fieldset> <fieldset> <legend> III. Profil </legend> <label for="profil">Caractère : </label></br> <textarea id="profil" name="profil" rows="3" cols="100" oveflow="hidden">Description psychologique du personnage ; hobby(ies) ; rêve(s) ; ambition(s), etc.</textarea><div class="ligne_s"></div> <label for="religion">Religion : </label><select name="religion" id="religion"> <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="etude">Etudes : </label><input type="text" size="30" name="etude" id="etude" /><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="langue">Langues parlées : </label><input type="text" size="30" name="langue" id="langue" /><div class="ligne_s"></div> <label for="statut">Statut marital : </label><select name="statut" id="statut"> <option>divorcé(e)</option><option>jamais marié(e)</option><option>marié(e)</option><option>fiancé(e)</option><option>en concubinage</option><option>séparé(e)</option><option>veuf/veuve</option><option>célibataire</option></select><div class="ligne_s"></div> <label for="sexy">Orientation sexuelle : </label><select name="sexy" id="sexy"> <option>hétérosexuel(le)</option><option>homosexuel(le)</option><option>bisexuel(le)</option></select> <div class="ligne_s"></div> <label for="signe">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> V. Histoire </legend> <textarea id="histoire" name="histoire" rows="3" cols="100" oveflow="hidden">Votre personnage a eu une vie avant que vous ne vous empariez de lui, racontez-la-nous.</textarea> </fieldset> <center><input type="submit" name="post" value="Créer mon profil" /></center> </form> </fieldset> </div>

par Asilgard Mer 24 Oct 2012 - 18:49

Merci beaucoup pour ton travail,

Par contre j'ai beaucoup de mal à régler les tableaux, a mettre les couleurs ça va, mais la taille avec overflow ect j'ai pas l'impression que ça fonctionne :/.

Je m'en sors mieux en CSS.

par Scoubifitz Mer 24 Oct 2012 - 19:30

les overflow ne fonctionnent pas sur les cellules de tableaux ... il faut inclure une div dans la cellule pour avoir un overflow fonctionnel

exemple :

Code:: [table border="1" style="width:400px; height:300px;"] [tr] [td]<div style="width:200px; height:150px; overflow:auto; border:1px solid #840; margin:auto;">Iamque lituis cladium concrepantibus internarum non celate ut antea turbidum saeviebat ingenium a veri consideratione detortum et nullo inpositorum vel conpositorum fidem sollemniter inquirente nec discernente a societate noxiorum insontes velut exturbatum e iudiciis fas omne discessit, et causarum legitima silente defensione carnifex rapinarum sequester et obductio capitum et bonorum ubique multatio versabatur per orientales provincias, quas recensere puto nunc oportunum absque Mesopotamia digesta, cum bella Parthica dicerentur, et Aegypto, quam necessario aliud reieci ad tempus.</div>[/td] [/tr] [/table]

par Asilgard Sam 27 Oct 2012 - 15:59

C'est impeccable, je peux tout modifier comme je le souhaite.

Par contre le premier titre ou le pseudo du perso doit apparaitre quand on rempli la case du titre n'apparait pas tout en haut du poste dans le cadre bleu ? :/

Une autre petite chose et après j'essaie de plus en poser, j'aimerais décaler l'image comment je peux faire, j'y parvient pas.

par Scoubifitz Sam 27 Oct 2012 - 16:23

trouvez en début de script :

Code:: var txt_message = "[table border='0' cellspacing='10' width='600'][tr]" + "[td colspan='2' bgcolor=royalblue][center][size=24]" + form.nom.value + "[/size][/center]"

et remplacez : form.nom.value , par : form.titre.value

édit : dans quel sens l'image doit décaler ?

Problème avec le script d'un formulaire

Problème avec le script d'un formulaire

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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