Vieux forum en windows-1252

[papa pig]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 23/12/2017
Lien du forum : http://www.batteriefanfare.com
Lien vers un post concerné : http://www.batteriefanfare.com/t10752-yodaville-62-la-garde-du-jedi#186773

Description du problème

Bonjour,

Je viens de créer une section "annuaire" qui est renseignée par les utilisateurs via un formulaire.
Tout fonctionne bien, sauf qu'il y a un gros problème : des caractères spéciaux apparaissent à la place des accents lors du postage ...
Ce serait apparemment dû à un soucis de version d'encodage UFT-8 ou quelque chose comme ça ...
Quelqu'un a-t-il une solution, FA peut-être ?

Merci d'avance pour m'aider à régler le problème car les utilisateurs vont commencer à renseigner cet annuaire dès ce weekend !

[papa pig]

Bonjour,
Up si yiou plaît, c'est Noël 
Un devactif ??   
  MERCI

[Scoubifitz]

Bonjour,

Peut-on voir le code source du formulaire ?

Merci.

[papa pig]

Oui pas de soucis, merci bien Scoubifitz.
Le voici :

Code:

<header>
 <div>
 <img src="https://i62.servimg.com/u/f62/19/59/59/04/annuai12.png" alt="" width="150" style="float: left; margin-bottom: 20px;"  />
 <h1 style="margin-bottom: 30px;">Le Nouvel Annuaire BF !</h1>
 <p style="margin-bottom: 8px;">Ce forumlaire vous permet d'ajouter la fiche d'une <strong><span style="background-color: #008bcb; color: #fff; padding: 2px 4px; border-radius: 3px;">société</span></strong> à l'annuaire.</p>
 </div>
 <h2 style="background-color: #008bcb; color: #fff; border-radius: 5px 5px 0 0; padding: 0 18px; font-weight: 700; clear: both;"> + Ajouter une société à l'annuaire</h2>  
</header>
<form id="annuform" class="module" style="border-radius: 0 0 3px 3px; action="#" data-subject="%_{VILLE} (%_{DEPARTEMENT}) - %_{NOM_SOCIETE}" data-arg="%_{REGION}" data-mode="nouveau_sujet">

 <div>
 <label class="" id="" for="Localisation territoriale"><strong>1. Localisation territoriale</strong></label>                      
 <div>
 <strong>Région</strong> (de "rattachement" si société nationale, ex : siège social) : <br>
 <select id="" name="region" tabindex="1" class="" required><option value="19">FR-ARA | Auvergne-Rhône-Alpes</option><option value="21">FR-BFC | Bourgogne-Franche-Comté</option><option value="22">FR-BRE | Bretagne</option><option value="23">FR-CVL | Centre-Val de Loire</option><option value="24">FR-COR | Corse</option><option value="25">FR-GES | Grand Est</option><option value="26">FR-HDF | Hauts-de-France</option><option value="29">FR-IDF | Île-de-France</option><option value="34">FR-NOR | Normandie</option><option value="40">FR-NAQ | Nouvelle Aquitaine</option><option value="43">FR-OCC | Occitanie</option><option value="44">FR-PDL | Pays de la Loire</option><option value="45">FR-PAC | Provence-Alpes-Côte d'Azur</option><option value="46">FR-OME | Outre-Mer</option></select>
 </div>
 </div>
 
 <div>                    
 <div>
 <strong>Département</strong> (de "rattachement" si société régionale ou nationale, ex : siège social) : <br>
 <select name="departement" tabindex="2" class="" required><option value="01">FR-01 | Ain</option><option value="02">FR-02 | Aisne</option><option value="03">FR-03 | Allier</option><option value="04">FR-04 | Alpes-de-Haute-Provence</option><option value="05">FR-05 | Hautes-Alpes</option><option value="06">FR-06 | Alpes-Maritimes</option><option value="07">FR-07 | Ardèche</option><option value="08">FR-08 | Ardennes</option><option value="09">FR-09 | Ariège</option><option value="10">FR-10 | Aube</option><option value="11">FR-11 | Aude</option><option value="12">FR-12 | Aveyron</option><option value="13">FR-13 | Bouches-du-Rhône</option><option value="14">FR-14 | Calvados</option><option value="15">FR-15 | Cantal</option><option value="16">FR-16 | Charente</option><option value="17">FR-17 | Charente-Maritime</option><option value="18">FR-18 | Cher</option><option value="19">FR-19 | Corrèze</option><option value="2A">FR-2A | Corse-du-Sud</option><option value="2B">FR-2B | Haute-Corse</option><option value="21">FR-21 | Côte-d'or</option><option value="22">FR-22 | Côtes-d'Armor</option><option value="23">FR-23 | Creuse</option><option value="24">FR-24 | Dordogne</option><option value="25">FR-25 | Doubs</option><option value="26">FR-26 | Drôme</option><option value="27">FR-27 | Eure</option><option value="28">FR-28 | Eure-et-Loire</option><option value="29">FR-29 | Finistère</option><option value="30">FR-30 | Gard</option><option value="31">FR-31 | Haute-Garonne</option><option value="32">FR-32 | Gers</option><option value="33">FR-33 | Gironde</option><option value="34">FR-34 | Hérault</option><option value="35">FR-35 | Île-et-Vilaine</option><option value="36">FR-36 | Indre</option><option value="37">FR-37 | Indre-et-Loire</option><option value="38">FR-38 | Isère</option><option value="39">FR-39 | Jura</option><option value="40">FR-40 | Landes</option><option value="41">FR-41 | Loir-et-Cher</option><option value="42">FR-42 | Loire</option><option value="43">FR-43 | Haute-Loire</option><option value="44">FR-44 | Loire-Atlantique</option><option value="45">FR-45 | Loiret</option><option value="46">FR-46 | Lot</option><option value="47">FR-47 | Lot-et-Garonne</option><option value="48">FR-48 | Lozère</option><option value="49">FR-49 | Maine-et-Loire</option><option value="50">FR-50 | Manche</option><option value="51">FR-51 | Marne</option><option value="52">FR-52 | Haute-Marne</option><option value="53">FR-53 | Mayenne</option><option value="51">FR-54 | Meurthe-et-Moselle</option><option value="55">FR-55 | Meuse</option><option value="56">FR-56 | Morbihan</option><option value="57">FR-57 | Moselle</option><option value="58">FR-58 | Nièvre</option><option value="59">FR-59 | Nord</option><option value="60">FR-60 | Oise</option><option value="61">FR-61 | Orne</option><option value="62">FR-62 | Pas-de-Calais</option><option value="63">FR-63 | Puy-de-Dôme</option><option value="64">FR-64 | Pyrénées-Atlantiques</option><option value="65">FR-65 | Hautes-Pyrénées</option><option value="66">FR-66 | Pyrénées-Orientales</option><option value="67">FR-67 | Bas-Rhin</option><option value="68">FR-68 | Haut-Rhin</option><option value="69">FR-69 | Rhône</option><option value="70">FR-70 | Haute-Saône</option><option value="71">FR-71 | Saône-et-Loire</option><option value="72">FR-72 | Sarthe</option><option value="73">FR-73 | Savoie</option><option value="74">FR-74 | Haute-Savoie</option><option value="75">FR-75 | Paris</option><option value="76">FR-76 | Seine-Maritime</option><option value="77">FR-77 | Seine-et-Marne</option><option value="78">FR-78 | Yvelines</option><option value="79">FR-79 | Deux-Sèvres</option><option value="80">FR-80 | Somme</option><option value="81">FR-81 | Tarn</option><option value="82">FR-82 | Tarn-et-Garonne</option><option value="83">FR-83 | Var</option><option value="84">FR-84 | Vaucluse</option><option value="85">FR-85 | Vendée</option><option value="86">FR-86 | Vienne</option><option value="87">FR-87 | Haute-Vienne</option><option value="88">FR-88 | Vosges</option><option value="89">FR-89 | Yonne</option><option value="90">FR-90 | Territoire de Belfort</option><option value="91">FR-91 | Essonne</option><option value="92">FR-92 | Hauts-de-Seine</option><option value="93">FR-93 | Seine-Saint-Denis</option><option value="94">FR-94 | Val-de-Marne</option><option value="95">FR-95 | Val-d'Oise</option><option value="OM">FR-OM | Outre-Mer</option></select>
 </div>
 </div>

 <div>                  
 <div>
 <strong>Ville</strong> : <br>
 <input type="text" id="" name="ville" class="" value="" placeholder=" ex : TOTOVILLE (en capitales svp)" tabindex="3" required>                  
 </div>
 </div>

 <div>
 <label class="" id="" for="nom_societe"><strong>2. Identification</strong></label>
 <div>
 <strong>Nom de la société</strong> : <br>
 <input type="text" id="" name="nom_societe" value="" maxlength="255" placeholder=" ex : L'Avenir Totovillois ou BF de Totoville ..." tabindex="4" required>                  
 </div>
 </div>
 
 <div>                      
 <div>
 <strong>3 premières lettres du nom de la ville</strong> ou de la société (<strong>ou les 3-4 lettres de son sigle/acronyme</strong>, ses initiales ...) - Ceci est utilisé dans la création de l'identifiant (code unique) de société : <br>
 > Uniquement en LETTRES, en CAPITALES, sans accents, sans espaces, sans caractères spéciaux, etc.
 <input type="text" name="3pl" placeholder=" ex : TOT ... ou encore PBFB ..." value="" class="" tabindex="5" id="" required>
 </div>
 </div>
 
 <div>
 <label class="" id="" for="num_voie">3. Adresse postale</label>                  
 <div>
 <strong>N°</strong>
 <input type="text" id="" name="num_voie" class="" value="" maxlength="255" placeholder=" Chiffre(s) (+ bis,ter,bâtiment,escalier si besoin...)" tabindex="6" required>                  
 </div>
 </div>
                                    
 <div>                
 <div>
 <strong>Voie</strong> :
 <input type="text" id="" name="voie" value="" maxlength="255" placeholder=" Rue, place, bd, quai, ... de la République" tabindex="7" required>
 </div>
 </div>
 
 <div>                
 <div>
 <strong>Complément</strong> éventuel :
 <input type="text" id="" name="cptvoie" value="" maxlength="255" placeholder=" Bâtiment des associations" tabindex="8">
 </div>
 </div>
 
 <div>                  
 <div>
 <strong>Code postal</strong> :
 <input type="text" id="" name="cp" value="" maxlength="5" placeholder=" 75000" tabindex="9" required>                  
 </div>
 </div>
 
 <div>              
 <div>
 <strong>Ville</strong> (commune où faire parvenir le courrier)<br /> Ce champ existe pour les sociétés qui ont leur adresse postale dans une autre ville que celle qu'elles représentent (ex : officiellement "BF de Totoville" mais domiciliée à Saint-Martin-les-Totoville)<br>(donc si la ville représentée et la ville administrative est la même, la réinscrire quand même) : <br>
 <input type="text" id="" name="commune" value="" maxlength="255" placeholder=" Totoville, ou Saint-Martin-les-Totoville ..." tabindex="10" required>                  
 </div>
 </div>
 
 <div>                
 <div>
 Cedex (si besoin, précisez "CEDEX ...") :
 <input type="text" id="" name="cedex" value="" maxlength="255" placeholder=" facultatif" tabindex="11" >                  
 </div>
 </div>
 
 <div>
 <label for="presentation" id="" class=""><strong>4. Présentation</strong></label>                      
 <div>
 <strong>Présentation</strong> de la société : <br>
 <textarea id="" name="presentation" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici une description de quelques lignes sur la société, sa présentation rapide, ses activités, son historique de manière synthétique, ses références ... Ce qui vous semblera bon de mentionner (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="12" required></textarea>                    
 </div>
 </div>

 <div>
 <div>
 <strong>Logo</strong> : <br>
 Vous pouvez ici ajouter l'image du <strong>LOGO</strong> de la société (Attention : format <strong>carré</strong> min 150 x 150 pixels), vous devez l'héberger avant et récupérer l'url de l'image > <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg, .png, ...)] : <br>
 <input type="text" id="" name="ajout_logo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.png" tabindex="13" />                  
 </div>
 </div>
 
 <div>
 <fieldset>              
 <div>
 <div>
 <strong>Prestations</strong> : <br>
 <input type="checkbox" id="" name="prestadefile" value="Parades/défilés" tabindex="14">
 <label class="choice" for="Parades/défilés">Parades / défilés</label>
 </div>
 <div>
 <input type="checkbox" id="" name="prestaconcert" value="Concerts" tabindex="15">
 <label class="choice" for="Concerts">Concerts</label>
 </div>
 <div>
 <input type="checkbox" id="" name="prestaaubade" value="Aubades" tabindex="16">
 <label class="choice" for="Aubades">Aubades</label>
 </div>
 <div>
 <input type="checkbox" id="" name="prestacerem" value="Cérémonial" tabindex="17">
 <label class="choice" for="Cérémonial">Cérémonial</label>
 </span>
 </div>
 </fieldset>
 </div>

 <div>
 <label class="" id="" for="nomdir"><strong>5. Responsable(s)</strong></label>                  
 <div>
 <strong>Nom du directeur</strong> :
 <input type="text" id="" name="nomdir" class="" value="" placeholder=" Nom" tabindex="18" required>                  
 </div>
 </div>
 
 <div>                
 <div>
 <strong>Prénom du directeur</strong> :
 <input type="text" id="" name="prenomdir" class="" value="" placeholder=" Prénom" tabindex="19" required>                  
 </div>
 </div>
 
 <div>                  
 <div>
 <strong>Nom</strong> du président :
 <input type="text" id="" name="nompresid" class="" value="" placeholder=" Nom" tabindex="20" />                  
 </div>
 </div>
 
 <div>
 <div>
 <strong>Prénom</strong> du président :
 <input type="text" id="" name="prenompresid" class="" value="" placeholder=" Prénom" tabindex="21" />                  
 </div>
 </div>
 
 <div>
 <label class="" id="" for="ajout_photo"><strong>6. Photo</strong></label>
 <div>
 Vous pouvez ici ajouter une <strong>photo</strong> de la société, vous devez l'héberger avant et récupérer l'url de l'image. <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg, .png, ...)] : <br>
 <input type="text" id="" name="ajout_photo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.jpg" tabindex="22" />
 </div>
 </div>
 
 <div>
 <label class="" id="" for="tel"><strong>7. Contact & infos</strong></label>                  
 <div>
 <strong>Tel</strong> :
 <input type="text" id="" name="tel" value="" maxlength="150" placeholder=" 0122334455 / 0199887766 / port 0611223344" tabindex="23" required>
 </div>
 </div>
 
 <div>                
 <div>
 <strong>Site web</strong> :
 <input type="text" id="" name="url_siteweb" class="" value="" placeholder=" http://www.bf-totoville.fr" tabindex="24" />                  
 </div>
 </div>
                                    
 <div>                  
 <div>
 Page <strong>Facebook</strong> :
 <input type="text" id="" name="url_fb" value="" maxlength="255" placeholder=" http://facebook.com/bftotoville" tabindex="25" />                  
 </div>
 </div>
 
 <div>                
 <div>
 <strong>Autre</strong> lien :
 <input type="text" id="" name="url_autre" value="" maxlength="255" placeholder=" http://batteriefanfare.com/publi/165974-bf-totoville" tabindex="26" />                  
 </div>
 </div>
 
 <div>
 <label for="presentation" id="" class=""><strong>8. Texte libre</strong></label>                      
 <div>
 <strong>Autres informations</strong> : <br>
 <textarea id="" name="autreinfo" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici ce qui vous semblera important de rajouter (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="27"></textarea>                    
 </div>
 </div>

 <!--  
 <div>
 <label class="" id="" for=""></label>              
 <div>
 <select id="" name="" class="" tabindex="">       <option value="First Choice">First Choice</option>      <option value="Second Choice">Second Choice</option>      <option value="Third Choice">Third Choice</option>    </select>              
 </div>
 </div>
  -->
  
 <!--  
 
 <div>
 <fieldset><legend id="" class="">Choisissez</legend></fieldset>            
 <div style="">
 
 <input type="hidden" id="radioDefault_5" name="Field5" value="" />                    
 <div>
 <input type="radio" id="Field5_0" name="Field5" value="First Choice" tabindex="5" checked="checked" /><label class="choice" for="Field5_0">First Choice</label>                    
 </div>
 <div>
 <input type="radio" id="Field5_1" name="Field5" value="Second Choice" tabindex="6" /><label class="choice" for="Field5_1">Second Choice</label>                    
 </div>
 <div>
 <input type="radio" id="Field5_2" name="Field5" value="Third Choice" tabindex="7" /><label class="choice" for="Field5_2">Third Choice</label>                    
 </div>
 </div>
 </div>
  -->  

<textarea class="message">[h2] %_{NOM_SOCIETE} (%_{DEPARTEMENT})[/h2]

[h3]Identifiant[/h3]
[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img]

[b][size=18]#FR-%_{CP}-%_{3PL}[/size][/b][/center]

[h3]Coordonnées[/h3]
Adresse postale :

[b]%_{NOM_SOCIETE}[/b]
%_{CPTVOIE}
%_{NUM_VOIE} %_{VOIE}
%_{CP} %_{COMMUNE} %_{CEDEX}

Tel : [b]%_{TEL}[/b]

Liens :
[list][*][url=%_{URL_SITEWEB}]Site web[/url]
[*][url=%_{URL_FB}]Facebook[/url]
[*][url]%_{URL_AUTRE}[/url][/list]

[h3]Responsable(s)[/h3]
Directeur-trice : [b]%_{PRENOMDIR} %_{NOMDIR}[/b] / #%_{NOMDIR}, %_{PRENOMDIR} / #%_{PRENOMDIR}%_{NOMDIR} / #%_{NOMDIR}%_{PRENOMDIR}
Président-e : %_{PRENOMPRESID} %_{NOMPRESID}

[h3]Présentation[/h3]
[center][img(150px,150px)]%_{AJOUT_LOGO}[/img][/center]

[justify]%_{PRESENTATION}[/justify]


[h3]Prestations[/h3]
#%_{PRESTADEFILE}
#%_{PRESTACONCERT}
#%_{PRESTAAUBADE}
#%_{PRESTACEREM}

[h3]Autres informations[/h3]
%_{AUTREINFO}

[center][img]%_{AJOUT_PHOTO}[/img][/center]

[h4]#FR-%_{DEPARTEMENT} #Annu-FR-%_{DEPARTEMENT} #FR-%_{CP} #Annu%_{CP}
Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.
Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]
</textarea>          
 <div>
 <div>
 <input type="submit" id="" name="" value="Envoyer" />                  
 </div>
 </div>
</form>
    <script src="http://fa.codexo.org/faForm.js" type="text/javascript"></script>
 <script type="text/javascript">
    document.addEventListener("DOMContentLoaded",function(e){
    var mon_formulaire=new faForm("annuform");
    });
    </script>

[Scoubifitz]

Je vois que vous avez un ancien forum , qui tourne sous charset windows-1252 .

On va déjà corriger la ligne qui peut poser problème :

Code:

<form id="annuform" class="module" style="border-radius: 0 0 3px 3px; action="#" data-subject="%_{VILLE} (%_{DEPARTEMENT}) - %_{NOM_SOCIETE}" data-arg="%_{REGION}" data-mode="nouveau_sujet">

... en refermant les guillemets de l'attribut style , ce qui pourrait perturber l'attribut action .

La correction :

Code:

<form id="annuform" class="module" style="border-radius: 0 0 3px 3px;" action="#" data-subject="%_{VILLE} (%_{DEPARTEMENT}) - %_{NOM_SOCIETE}" data-arg="%_{REGION}" data-mode="nouveau_sujet">

Si ça ne résout pas le souci , on peut rajouter l’attribut : enctype="multipart/form-data" à la balise form .

[papa pig]

Bonsoir, merci pour cette erreur.
J'ai donc procédé en 2 temps.
1. En corrigeant cette erreur de guillemet. Pas de changement.
2. En ajoutant l’attribut : enctype="multipart/form-data" à la balise form. Pas de changement non plus.
Merci

[Scoubifitz]

Je ne peux vous aider plus sur ce problème . J'ai testé l'attribut accept-charset , mais le résultat est le même .

Peut-être que le concepteur du tuto pourra contourner le problème .
no_way est plus à même de fournir un script qui permet d'envoyer un formulaire encodé en windows-1252 ...

[papa pig]

Oui, ou FA pourrait aussi passer mon forum en utf-8 ... ?
En tout cas merci, merci beaucoup.
J'attends un avis du staff sur ce point ...

[papa pig]

Bonjour, p'tit up ?
Merci

[Scoubifitz]

Bonjour,

Pouvez vous tester ce code (avec le haut/bas du forum) , qui est un formulaire classique avec un javascript intégré à la page HTML ?

Code:

<header>
<div>
<img src="https://i62.servimg.com/u/f62/19/59/59/04/annuai12.png" alt="" width="150" style="float: left; margin-bottom: 20px;"  />
<h1 style="margin-bottom: 30px;">Le Nouvel Annuaire BF !</h1>
<p style="margin-bottom: 8px;">Ce forumlaire vous permet d'ajouter la fiche d'une <strong><span style="background-color: #008bcb; color: #fff; padding: 2px 4px; border-radius: 3px;">société</span></strong> à l'annuaire.</p>
</div>
<h2 style="background-color: #008bcb; color: #fff; border-radius: 5px 5px 0 0; padding: 0 18px; font-weight: 700; clear: both;"> + Ajouter une société à l'annuaire</h2>
</header>
<form id="annuform" class="module" style="border-radius: 0 0 3px 3px;" action="/post" 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="" />
<input type="hidden" name="subject" value="" />

<div>
<label for="region"><strong>1. Localisation territoriale</strong></label>
<div>
<strong>Région</strong> (de "rattachement" si société nationale, ex : siège social) : <br />
<select name="region" tabindex="1" required><option value="19">FR-ARA | Auvergne-Rhône-Alpes</option><option value="21">FR-BFC | Bourgogne-Franche-Comté</option><option value="22">FR-BRE | Bretagne</option><option value="23">FR-CVL | Centre-Val de Loire</option><option value="24">FR-COR | Corse</option><option value="25">FR-GES | Grand Est</option><option value="26">FR-HDF | Hauts-de-France</option><option value="29">FR-IDF | Île-de-France</option><option value="34">FR-NOR | Normandie</option><option value="40">FR-NAQ | Nouvelle Aquitaine</option><option value="43">FR-OCC | Occitanie</option><option value="44">FR-PDL | Pays de la Loire</option><option value="45">FR-PAC | Provence-Alpes-Côte d'Azur</option><option value="46">FR-OME | Outre-Mer</option></select>
</div>
</div>

<div>
<div>
<strong>Département</strong> (de "rattachement" si société régionale ou nationale, ex : siège social) : <br />
<select name="departement" tabindex="2" required><option value="01">FR-01 | Ain</option><option value="02">FR-02 | Aisne</option><option value="03">FR-03 | Allier</option><option value="04">FR-04 | Alpes-de-Haute-Provence</option><option value="05">FR-05 | Hautes-Alpes</option><option value="06">FR-06 | Alpes-Maritimes</option><option value="07">FR-07 | Ardèche</option><option value="08">FR-08 | Ardennes</option><option value="09">FR-09 | Ariège</option><option value="10">FR-10 | Aube</option><option value="11">FR-11 | Aude</option><option value="12">FR-12 | Aveyron</option><option value="13">FR-13 | Bouches-du-Rhône</option><option value="14">FR-14 | Calvados</option><option value="15">FR-15 | Cantal</option><option value="16">FR-16 | Charente</option><option value="17">FR-17 | Charente-Maritime</option><option value="18">FR-18 | Cher</option><option value="19">FR-19 | Corrèze</option><option value="2A">FR-2A | Corse-du-Sud</option><option value="2B">FR-2B | Haute-Corse</option><option value="21">FR-21 | Côte-d'or</option><option value="22">FR-22 | Côtes-d'Armor</option><option value="23">FR-23 | Creuse</option><option value="24">FR-24 | Dordogne</option><option value="25">FR-25 | Doubs</option><option value="26">FR-26 | Drôme</option><option value="27">FR-27 | Eure</option><option value="28">FR-28 | Eure-et-Loire</option><option value="29">FR-29 | Finistère</option><option value="30">FR-30 | Gard</option><option value="31">FR-31 | Haute-Garonne</option><option value="32">FR-32 | Gers</option><option value="33">FR-33 | Gironde</option><option value="34">FR-34 | Hérault</option><option value="35">FR-35 | Île-et-Vilaine</option><option value="36">FR-36 | Indre</option><option value="37">FR-37 | Indre-et-Loire</option><option value="38">FR-38 | Isère</option><option value="39">FR-39 | Jura</option><option value="40">FR-40 | Landes</option><option value="41">FR-41 | Loir-et-Cher</option><option value="42">FR-42 | Loire</option><option value="43">FR-43 | Haute-Loire</option><option value="44">FR-44 | Loire-Atlantique</option><option value="45">FR-45 | Loiret</option><option value="46">FR-46 | Lot</option><option value="47">FR-47 | Lot-et-Garonne</option><option value="48">FR-48 | Lozère</option><option value="49">FR-49 | Maine-et-Loire</option><option value="50">FR-50 | Manche</option><option value="51">FR-51 | Marne</option><option value="52">FR-52 | Haute-Marne</option><option value="53">FR-53 | Mayenne</option><option value="51">FR-54 | Meurthe-et-Moselle</option><option value="55">FR-55 | Meuse</option><option value="56">FR-56 | Morbihan</option><option value="57">FR-57 | Moselle</option><option value="58">FR-58 | Nièvre</option><option value="59">FR-59 | Nord</option><option value="60">FR-60 | Oise</option><option value="61">FR-61 | Orne</option><option value="62">FR-62 | Pas-de-Calais</option><option value="63">FR-63 | Puy-de-Dôme</option><option value="64">FR-64 | Pyrénées-Atlantiques</option><option value="65">FR-65 | Hautes-Pyrénées</option><option value="66">FR-66 | Pyrénées-Orientales</option><option value="67">FR-67 | Bas-Rhin</option><option value="68">FR-68 | Haut-Rhin</option><option value="69">FR-69 | Rhône</option><option value="70">FR-70 | Haute-Saône</option><option value="71">FR-71 | Saône-et-Loire</option><option value="72">FR-72 | Sarthe</option><option value="73">FR-73 | Savoie</option><option value="74">FR-74 | Haute-Savoie</option><option value="75">FR-75 | Paris</option><option value="76">FR-76 | Seine-Maritime</option><option value="77">FR-77 | Seine-et-Marne</option><option value="78">FR-78 | Yvelines</option><option value="79">FR-79 | Deux-Sèvres</option><option value="80">FR-80 | Somme</option><option value="81">FR-81 | Tarn</option><option value="82">FR-82 | Tarn-et-Garonne</option><option value="83">FR-83 | Var</option><option value="84">FR-84 | Vaucluse</option><option value="85">FR-85 | Vendée</option><option value="86">FR-86 | Vienne</option><option value="87">FR-87 | Haute-Vienne</option><option value="88">FR-88 | Vosges</option><option value="89">FR-89 | Yonne</option><option value="90">FR-90 | Territoire de Belfort</option><option value="91">FR-91 | Essonne</option><option value="92">FR-92 | Hauts-de-Seine</option><option value="93">FR-93 | Seine-Saint-Denis</option><option value="94">FR-94 | Val-de-Marne</option><option value="95">FR-95 | Val-d'Oise</option><option value="OM">FR-OM | Outre-Mer</option></select>
</div>
</div>

<div>
<div>
<strong>Ville</strong> : <br />
<input type="text" name="ville" value="" placeholder=" ex : TOTOVILLE (en capitales svp)" style="text-transform: uppercase;" tabindex="3" required />
</div>
</div>

<div>
<label for="nom_societe"><strong>2. Identification</strong></label>
<div>
<strong>Nom de la société</strong> : <br />
<input type="text" name="nom_societe" value="" maxlength="255" placeholder=" ex : L'Avenir Totovillois ou BF de Totoville ..." tabindex="4" required />
</div>
</div>

<div>
<div>
<strong>3 premières lettres du nom de la ville</strong> ou de la société (<strong>ou les 3-4 lettres de son sigle/acronyme</strong>, ses initiales ...) - Ceci est utilisé dans la création de l'identifiant (code unique) de société : <br />
> Uniquement en LETTRES, en CAPITALES, sans accents, sans espaces, sans caractères spéciaux, etc.
<input type="text" name="sigle" placeholder=" ex : TOT ... ou encore PBFB ..." style="text-transform: uppercase;" value="" tabindex="5" required />
</div>
</div>

<div>
<label for="num_voie">3. Adresse postale</label>
<div>
<strong>N°</strong>
<input type="text" name="num_voie" value="" maxlength="255" placeholder=" Chiffre(s) (+ bis,ter,bâtiment,escalier si besoin...)" tabindex="6" required />
</div>
</div>

<div>
<div>
<strong>Voie</strong> :
<input type="text" name="voie" value="" maxlength="255" placeholder=" Rue, place, bd, quai, ... de la République" tabindex="7" required />
</div>
</div>

<div>
<div>
<strong>Complément</strong> éventuel :
<input type="text" name="cptvoie" value="" maxlength="255" placeholder=" Bâtiment des associations" tabindex="8" />
</div>
</div>

<div>
<div>
<strong>Code postal</strong> :
<input type="text" name="cp" value="" maxlength="5" placeholder=" 75000" tabindex="9" required />
</div>
</div>

<div>
<div>
<strong>Ville</strong> (commune où faire parvenir le courrier)<br /> Ce champ existe pour les sociétés qui ont leur adresse postale dans une autre ville que celle qu'elles représentent (ex : officiellement "BF de Totoville" mais domiciliée à Saint-Martin-les-Totoville)<br />(donc si la ville représentée et la ville administrative est la même, la réinscrire quand même) : <br />
<input type="text" name="commune" value="" maxlength="255" placeholder=" Totoville, ou Saint-Martin-les-Totoville ..." tabindex="10" required />
</div>
</div>

<div>
<div>
Cedex (si besoin, précisez "CEDEX ...") :
<input type="text" name="cedex" value="" maxlength="255" placeholder=" facultatif" tabindex="11" />
</div>
</div>

<div>
<label for="presentation" ><strong>4. Présentation</strong></label>
<div>
<strong>Présentation</strong> de la société : <br />
<textarea name="presentation" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici une description de quelques lignes sur la société, sa présentation rapide, ses activités, son historique de manière synthétique, ses références ... Ce qui vous semblera bon de mentionner (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="12" required /></textarea>
</div>
</div>

<div>
<div>
<strong>Logo</strong> : <br />
Vous pouvez ici ajouter l'image du <strong>LOGO</strong> de la société (Attention : format <strong>carré</strong> min 150 x 150 pixels), vous devez l'héberger avant et récupérer l'url de l'image > <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg, .png, ...)] : <br />
<input type="text" name="ajout_logo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.png" tabindex="13" />
</div>
</div>

<div>
<fieldset>
<div>
<div>
<strong>Prestations</strong> : <br />
<input type="checkbox" name="prestation" value="Parades/défilés" tabindex="14" />
<label class="choice">Parades / défilés</label>
</div>
<div>
<input type="checkbox" name="prestation" value="Concerts" tabindex="15" />
<label class="choice">Concerts</label>
</div>
<div>
<input type="checkbox" name="prestation" value="Aubades" tabindex="16" />
<label class="choice">Aubades</label>
</div>
<div>
<input type="checkbox" name="prestation" value="Cérémonial" tabindex="17" />
<label class="choice">Cérémonial</label>
</div>
</div>
</fieldset>
</div>

<div>
<label for="nomdir"><strong>5. Responsable(s)</strong></label>
<div>
<strong>Nom du directeur</strong> :
<input type="text" name="nomdir" value="" placeholder=" Nom" tabindex="18" required />
</div>
</div>

<div>
<div>
<strong>Prénom du directeur</strong> :
<input type="text" name="prenomdir" value="" placeholder=" Prénom" tabindex="19" required />
</div>
</div>

<div>
<div>
<strong>Nom</strong> du président :
<input type="text" name="nompresid" value="" placeholder=" Nom" tabindex="20" />
</div>
</div>

<div>
<div>
<strong>Prénom</strong> du président :
<input type="text" name="prenompresid" value="" placeholder=" Prénom" tabindex="21" />
</div>
</div>

<div>
<label for="ajout_photo"><strong>6. Photo</strong></label>
<div>
Vous pouvez ici ajouter une <strong>photo</strong> de la société, vous devez l'héberger avant et récupérer l'url de l'image. <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg, .png, ...)] : <br />
<input type="text" name="ajout_photo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.jpg" tabindex="22" />
</div>
</div>

<div>
<label for="tel"><strong>7. Contact & infos</strong></label>
<div>
<strong>Tel</strong> :
<input type="text" name="tel" value="" maxlength="150" placeholder=" 0122334455 / 0199887766 / port 0611223344" tabindex="23" required />
</div>
</div>

<div>
<div>
<strong>Site web</strong> :
<input type="text" name="url_siteweb" value="" placeholder=" http://www.bf-totoville.fr" tabindex="24" />
</div>
</div>

<div>
<div>
Page <strong>Facebook</strong> :
<input type="text" name="url_fb" value="" maxlength="255" placeholder=" http://facebook.com/bftotoville" tabindex="25" />
</div>
</div>

<div>
<div>
<strong>Autre</strong> lien :
<input type="text" name="url_autre" value="" maxlength="255" placeholder=" http://batteriefanfare.com/publi/165974-bf-totoville" tabindex="26" />
</div>
</div>

<div>
<label for="autreinfo"><strong>8. Texte libre</strong></label>
<div>
<strong>Autres informations</strong> : <br />
<textarea name="autreinfo" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici ce qui vous semblera important de rajouter (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="27"></textarea>
</div>
</div>

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

<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[h2] " + form.nom_societe.value + " (" + form.departement.value + ")[/h2]\n\n" +
"[h3]Identifiant[/h3]\n" +
"[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img] \n\n" +
"[b][size=18]#FR-" + form.cp.value + "-" + form.sigle.value + "[/size][/b][/center]\n\n" +
"[h3]Coordonnées[/h3]\n" +
"Adresse postale :\n\n" +
"[b]" + form.nom_societe.value + "[/b]\n" +
form.cptvoie.value + "\n" +
form.num_voie.value + " " + form.voie.value + "\n" +
form.cp.value + " " + form.commune.value + " " + form.cedex.value + "\n\n" +
"Tel : [b]" + form.tel.value + "[/b]\n\n" +
"Liens :\n" +
"[list][*][url=" + form.url_siteweb.value + "]Site web[/url]\n" +
"[*][url=" + form.url_fb.value + "]Facebook[/url]\n" +
"[*][url]" + form.url_autre.value + "[/url][/list]\n\n" +
"[h3]Responsable(s)[/h3]\n" +
"Directeur-trice : [b]" + form.prenomdir.value + " " + form.nomdir.value + "[/b] / #" + form.nomdir.value + ", #" + form.prenomdir.value +
" / #" + form.prenomdir.value + form.nomdir.value + " / #" + form.nomdir.value + form.prenomdir.value + "\n" +
"Président-e : " + form.prenompresid.value + " " + form.nompresid.value + "\n\n" +
"[h3]Présentation[/h3]\n" +
"[center][img(150px,150px)]" + form.ajout_logo.value + "[/img][/center]\n\n" +
"[justify]" + form.presentation.value + "[/justify]\n\n" +
"[h3]Prestations[/h3]\n";
for(var i = 0; i < form.prestation.length; i++)
{
if(form.prestation[i].checked === true) { txt_message += "#" + form.prestation[i].value + "\n"; }
}
txt_message += "\n[center][img]" + form.ajout_photo.value + "[/img][/center]\n\n" +
"[h4]#FR-" + form.departement.value + " #Annu-FR-" + form.departement.value + " #FR-" + form.cp.value + " #Annu" + form.cp.value + "\n" +
"Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.\n" +
"Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.ville.value + " (" + form.departement.value + ") - " + form.nom_societe.value;
form.f.value = form.region.value;
}
</script>

[demeter1]

Un patch correctif en attendant la résolution du soucis. Cela vous permettra d'utiliser le formulaire ce weekend en attendant sa correction.

gestion des js sur sujets

Code:

var censorship =
[
    
["text", /Ã/g, "é"],
["text", /Ã/g, "é"],    
["text", /Ã/g, "à"],    
["text", /à¨/g, "è"],    
["text", /à/g, "î"] ,  
["text", /à§/g,"ç"] ,
["text", /Ã/g, "î"],
["html", /\[wiki\](.*?)\[\/wiki\]/g, '<a href=http://fr.wikipedia.org/w/index.php?search=$1 title=$1>$1</a>']
  
    
];

function censorNode(a) {
  if(a.nodeType == 3) {
    for(var b in censorship) {
      if(censorship[b][0] === "text") {
        a.nodeValue = a.nodeValue.replace(censorship[b][1], censorship[b][2])
      }
    }
  }else {
    if(a.nodeType == 1) {
      for(b in censorship) {
        a.hasAttribute(censorship[b][0]) && a.setAttribute(censorship[b][0], a.getAttribute(censorship[b][0]).replace(censorship[b][1], censorship[b][2]))
      }
    }
    if(a.hasChildNodes()) {
      a = a.childNodes;
      for(b = 0;b < a.length;b++) {
        censorNode(a[b])
      }
    }
  }
}
$(function() {
  $(window).bind("load", function() {
    setTimeout(function() {
      var phpbb3 = "body#phpbb", invision = "#ipbwrapper", punbb = "#pun-foot";
      $( $(phpbb3).length ? "div.postbody > div.content" : $(invision).length ? "div.postbody > div.post-entry" : $(punbb).length ? "div.post div.post-entry" : "div.postbody" ).each(function() {
        censorNode(this);
        for(var a in censorship) {
          censorship[a][0] === "html" && censorship[a][1].test($(this).html()) && $(this).html($(this).html().replace(censorship[a][1], censorship[a][2]))
        }
      })
    }, 600)
  })
});


[papa pig]

Merci pour vos contribs,
@Scoubifitz : je teste et fais un retour
@demeter1 : merci bcp !

[papa pig]

@Scoubifitz : Je viens de tester ton formulaire rectifié, c'est super ça fonctionne nickel !

- J'ai vu que tu avais "automatisé" l'écriture en capitales dans les champs où je le demandais, c'est super ça, le petit hic c'est que quand on écrit en minuscules, ça apparaît bien en majuscules dans le champ, mais lors du postage, ça apparaît bien en minuscules ... regarde l'exemple dans ce post, au niveau de l'identifiant : http://www.batteriefanfare.com/t10760-totoville-test-75-bf-de-totoville#186798

- Il manque aussi la "ligne d'espace" entre le paragraphe précédent et le titre h3 "Prestations"

Je te remercie beaucoup

[Scoubifitz]

Oups ! pas testé à l'envoi ...

Remplace le script de fin de code par celui là :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
var strville = form.ville.value;
var ville = strville.toUpperCase();
var strsigle = form.sigle.value;
var sigle = strsigle.toUpperCase();
// Créer un message à partir des informations fournies
var txt_message = "[h2] " + form.nom_societe.value + " (" + form.departement.value + ")[/h2]\n\n" +
"[h3]Identifiant[/h3]\n" +
"[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img] \n\n" +
"[b][size=18]#FR-" + form.cp.value + "-" + sigle + "[/size][/b][/center]\n\n" +
"[h3]Coordonnées[/h3]\n" +
"Adresse postale :\n\n" +
"[b]" + form.nom_societe.value + "[/b]\n" +
form.cptvoie.value + "\n" +
form.num_voie.value + " " + form.voie.value + "\n" +
form.cp.value + " " + form.commune.value + " " + form.cedex.value + "\n\n" +
"Tel : [b]" + form.tel.value + "[/b]\n\n" +
"Liens :\n" +
"[list][*][url=" + form.url_siteweb.value + "]Site web[/url]\n" +
"[*][url=" + form.url_fb.value + "]Facebook[/url]\n" +
"[*][url]" + form.url_autre.value + "[/url][/list]\n\n" +
"[h3]Responsable(s)[/h3]\n" +
"Directeur-trice : [b]" + form.prenomdir.value + " " + form.nomdir.value + "[/b] / #" + form.nomdir.value + ", #" + form.prenomdir.value +
" / #" + form.prenomdir.value + form.nomdir.value + " / #" + form.nomdir.value + form.prenomdir.value + "\n" +
"Président-e : " + form.prenompresid.value + " " + form.nompresid.value + "\n\n" +
"[h3]Présentation[/h3]\n" +
"[center][img(150px,150px)]" + form.ajout_logo.value + "[/img][/center]\n\n" +
"[justify]" + form.presentation.value + "[/justify]\n\n\n" +
"[h3]Prestations[/h3]\n";
for(var i = 0; i < form.prestation.length; i++)
{
if(form.prestation[i].checked === true) { txt_message += "#" + form.prestation[i].value + "\n"; }
}
txt_message += "\n[center][img]" + form.ajout_photo.value + "[/img][/center]\n\n" +
"[h4]#FR-" + form.departement.value + " #Annu-FR-" + form.departement.value + " #FR-" + form.cp.value + " #Annu" + form.cp.value + "\n" +
"Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.\n" +
"Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = ville + " (" + form.departement.value + ") - " + form.nom_societe.value;
form.f.value = form.region.value;
}
</script>

[papa pig]

MERCI !!! Scoubifitz
Super top.
Il y a un champ qui est passé à la trappe : le champ 8.Texte Libre (visible ici en bas du formulaire)
Petites question :
Est-ce que ce code fonctionnera si un jour le forum passe en utf-8 ?

Et, une demande supplémentaire ( )
J'ai un autre formulaire construit comme le premier concernant les compositeurs, pourrais-tu l'adapter aussi, s'il te plaît ? quand t'auras le temps bien sûr ... je ne sais comment te remercier.
Car cela donne le même problème que l'autre, au niveau des accents, cf exemple : http://www.batteriefanfare.com/t10753-zozo-pierre#186774

Ajouter un compositeur à l'annuaire

Code:

<header>
   <div>
      <img src="https://i62.servimg.com/u/f62/19/59/59/04/annuai12.png" alt="" width="150" style="float: left; margin-bottom: 20px;"  />
      <h1 style="margin-bottom: 30px;">Le Nouvel Annuaire BF !</h1>
         <p style="margin-bottom: 8px;">Ce forumlaire vous permet d'ajouter la fiche d'un <strong><span style="background-color: #008bcb; color: #fff; padding: 2px 4px; border-radius: 3px;">compositeur</span></strong> à l'annuaire.</p>
   </div>
   <h2 style="background-color: #008bcb; color: #fff; border-radius: 5px 5px 0 0; padding: 0 18px; font-weight: 700; clear: both;"> + Ajouter un compositeur à l'annuaire</h2>
</header>
<form id="annuform" class="module" style="border-radius: 0 0 3px 3px; action="#" data-subject="%_{NOM}, %_{PRENOM}" data-arg="16" data-mode="nouveau_sujet">

   <div>
      <label class="" id="" for="Identite"><strong>1. Identification</strong></label>
      <div>
         <strong>NOM</strong> : <br>
         <input type="text" id="" name="nom" value="" maxlength="255" placeholder=" ex : DURAND (en CAPITALES svp)" tabindex="1" required>                 
      </div>
   </div>

   <div>
      <div>
         <strong>Prénom</strong> : <br>
         <input type="text" id="" name="prenom" class="" value="" placeholder=" ex : Pierre" tabindex="2" required>                 
      </div>
   </div>

   <div>
      <label class="" id="" for="adresse">2. Adresse (facultatif)</label>                 
      <div>
         <strong>N°</strong>
         <input type="text" id="" name="num_voie" class="" value="" maxlength="255" placeholder=" Chiffre(s) (+ bis,ter,bâtiment,escalier, si besoin...)" tabindex="3">                 
      </div>
   </div>
                                      
   <div>               
      <div>
         <strong>Voie</strong> :
         <input type="text" id="" name="voie" value="" maxlength="255" placeholder=" Rue, place, bd, quai, ... de la République" tabindex="4" >
      </div>
   </div>
   
   <div>               
      <div>
         <strong>Complément</strong> éventuel :
         <input type="text" id="" name="cptvoie" value="" maxlength="255" placeholder=" Lieu dit Le Moulin" tabindex="5">
      </div>
   </div>
   
   <div>                 
      <div>
         <strong>Code postal</strong> :
         <input type="text" id="" name="cp" value="" maxlength="5" placeholder=" 75000" tabindex="6">                 
      </div>
   </div>
   
   <div>             
      <div>
         <strong>Ville</strong> (ou village)<br>
         <input type="text" id="" name="ville" value="" maxlength="255" placeholder=" Paris" tabindex="7">                 
      </div>
   </div>
   
   <div>               
      <div>
         Cedex (si besoin, précisez "CEDEX ...") :
         <input type="text" id="" name="cedex" value="" maxlength="255" placeholder=" facultatif" tabindex="8" >                 
      </div>
   </div>
   
   <div>
      <label for="presentation" id="" class=""><strong>3. Présentation</strong></label>                     
      <div>
         <strong>Présentation</strong> du compositeur : <br>
         <textarea id="" name="presentation" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici une description de quelques lignes sur le compositeur, son parcours, ses activités, ses références ... Ce qui vous semblera bon de mentionner (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="9" required></textarea>                   
      </div>
   </div>

   <div>
      <div>
         <strong>Photo</strong> (facultatif) : <br>
         Vous pouvez ici ajouter la <strong>PHOTO</strong> (portrait) de la personne (Attention : format strictement <strong>carré</strong> min 150 x 150 pixels), vous devez l'héberger avant et récupérer l'url de l'image > <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg)] : <br>
         <input type="text" id="" name="photo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.png" tabindex="10" />                 
      </div>
   </div>
   
   <div>
      <label class="" id="" for="tel"><strong>4. Contact & infos</strong> (facultatif)</label>                 
      <div>
         <strong>Tel</strong> :
         <input type="text" id="" name="tel" value="" maxlength="150" placeholder=" 0122334455 / 0199887766 / port 0611223344" tabindex="11">
      </div>
   </div>
   
   <div>               
      <div>
         <strong>Site web</strong> :
         <input type="text" id="" name="url_siteweb" class="" value="" placeholder=" http://www.bf-totoville.fr" tabindex="12">                 
      </div>
   </div>
                                      
   <div>                 
      <div>
         Page <strong>Facebook</strong> :
         <input type="text" id="" name="url_fb" value="" maxlength="255" placeholder=" http://facebook.com/bftotoville" tabindex="13">                 
      </div>
   </div>
   
   <div>               
      <div>
         <strong>Autre</strong> lien :
         <input type="text" id="" name="url_autre" value="" maxlength="255" placeholder=" http://batteriefanfare.com/publi/165974-bf-totoville" tabindex="14" />                 
      </div>
   </div>
   
   <div>
      <label for="presentation" id="" class=""><strong>8. Texte libre</strong> (facultatif)</label>                     
      <div>
         <strong>Autres informations</strong> : <br>
         <textarea id="" name="autreinfo" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici ce qui vous semblera important de rajouter (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="15"></textarea>                   
      </div>
   </div>

<textarea class="message">[h2]%_{NOM}, %_{PRENOM}[/h2]

[h3]Identifiant[/h3]
[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img]

[b][size=18]#%_{PRENOM}%_{NOM}[/size][/b][/center]

[h3]Coordonnées[/h3]
Adresse :

[b]%_{NOM}[/b]
%_{CPTVOIE}
%_{NUM_VOIE} %_{VOIE}
%_{CP} %_{VILLE} %_{CEDEX}

Tel : [b]%_{TEL}[/b]

Liens :
[list][*][url=%_{URL_SITEWEB}]Site web[/url]
[*][url=%_{URL_FB}]Facebook[/url]
[*][url]%_{URL_AUTRE}[/url][/list]

[h3]Présentation[/h3]
[center][img(150px,150px)]%_{PHOTO}[/img][/center]

[justify]%_{PRESENTATION}[/justify]


[h3]Autres informations[/h3]
%_{AUTREINFO}


[h4]#%_{PRENOM}%_{NOM} #%_{NOM} #%_{NOM}%_{PRENOM} #Annu%_{NOM}%_{PRENOM} #Annu%_{NOM}
Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.
Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]
</textarea>         
   <div>
      <div>
         <input type="submit" id="" name="" value="Envoyer" />                 
      </div>
   </div>
</form>
    <script src="http://fa.codexo.org/faForm.js" type="text/javascript"></script>
   <script type="text/javascript">
    document.addEventListener("DOMContentLoaded",function(e){
    var mon_formulaire=new faForm("annuform");
    });
    </script>

[Scoubifitz]

MERCI !!! Scoubifitz
Super top.
Il y a un champ qui est passé à la trappe : le champ 8.Texte Libre (visible ici en bas du formulaire)

Il n'était pas présent dans l'ancien code d'envoi ... Je le met après la photo ?  

Petites question :
Est-ce que ce code fonctionnera si un jour le forum passe en utf-8 ?

Oui , puisque je le teste sur un forum récent ...  

Et, une demande supplémentaire ( )
J'ai un autre formulaire construit comme le premier concernant les compositeurs, pourrais-tu l'adapter aussi, s'il te plaît ? quand t'auras le temps bien sûr ... je ne sais comment te remercier.
Car cela donne le même problème que l'autre, au niveau des accents, cf exemple : http://www.batteriefanfare.com/t10753-zozo-pierre#186774

J'y travaillais déjà ... pouvez vous refaire les tests ?

Page H4- :

Code:

<header>
<div>
<img src="https://i62.servimg.com/u/f62/19/59/59/04/annuai12.png" alt="" width="150" style="float: left; margin-bottom: 20px;"  />
<h1 style="margin-bottom: 30px;">Le Nouvel Annuaire BF !</h1>
<p style="margin-bottom: 8px;">Ce forumlaire vous permet d'ajouter la fiche d'un <strong><span style="background-color: #008bcb; color: #fff; padding: 2px 4px; border-radius: 3px;">compositeur</span></strong> à l'annuaire.</p>
</div>
<h2 style="background-color: #008bcb; color: #fff; border-radius: 5px 5px 0 0; padding: 0 18px; font-weight: 700; clear: both;"> + Ajouter un compositeur à l'annuaire</h2>
</header>
<form id="annuform" class="module" style="border-radius: 0 0 3px 3px;" action="/post" 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="16" />
<input type="hidden" name="subject" value="" />

<div>
<label for="nom"><strong>1. Identification</strong></label>
<div>
<strong>NOM</strong> : <br />
<input type="text" name="nom" value="" maxlength="255" placeholder=" ex : DURAND (en CAPITALES svp)" tabindex="1" required />
</div>
</div>

<div>
<div>
<strong>Prénom</strong> : <br />
<input type="text" name="prenom" value="" placeholder=" ex : Pierre" tabindex="2" required />
</div>
</div>

<div>
<label for="num_voie">2. Adresse (facultatif)</label>
<div>
<strong>N°</strong>
<input type="text" name="num_voie" value="" maxlength="255" placeholder=" Chiffre(s) (+ bis,ter,bâtiment,escalier, si besoin...)" tabindex="3" />
</div>
</div>

<div>
<div>
<strong>Voie</strong> :
<input type="text" name="voie" value="" maxlength="255" placeholder=" Rue, place, bd, quai, ... de la République" tabindex="4" />
</div>
</div>

<div>
<div>
<strong>Complément</strong> éventuel :
<input type="text" name="cptvoie" value="" maxlength="255" placeholder=" Lieu dit Le Moulin" tabindex="5" />
</div>
</div>

<div>
<div>
<strong>Code postal</strong> :
<input type="text" name="cp" value="" maxlength="5" placeholder=" 75000" tabindex="6" />
</div>
</div>

<div>
<div>
<strong>Ville</strong> (ou village)<br />
<input type="text" name="ville" value="" maxlength="255" placeholder=" Paris" tabindex="7" />
</div>
</div>

<div>
<div>
Cedex (si besoin, précisez "CEDEX ...") :
<input type="text" name="cedex" value="" maxlength="255" placeholder=" facultatif" tabindex="8" />
</div>
</div>

<div>
<label for="presentation" class=""><strong>3. Présentation</strong></label>
<div>
<strong>Présentation</strong> du compositeur : <br />
<textarea name="presentation" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici une description de quelques lignes sur le compositeur, son parcours, ses activités, ses références ... Ce qui vous semblera bon de mentionner (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="9" required></textarea>
</div>
</div>

<div>
<div>
<strong>Photo</strong> (facultatif) : <br />
Vous pouvez ici ajouter la <strong>PHOTO</strong> (portrait) de la personne (Attention : format strictement <strong>carré</strong> min 150 x 150 pixels), vous devez l'héberger avant et récupérer l'url de l'image > <strong><a href="https://servimg.com/?lang=fr" target=" blank"> <span style="text-decoration: underline;">Héberger une image</span> </a></strong> [vos identifiants sont les mêmes que ceux du forum ; récupérer le <strong>lien direct</strong> vers le fichier (finisssant par .jpg, .jpeg)] : <br />
<input type="text" name="photo" value="" maxlength="255" placeholder=" http://exemple.com/adresse_image.png" tabindex="10" />
</div>
</div>

<div>
<label for="tel"><strong>4. Contact et infos</strong> (facultatif)</label>
<div>
<strong>Tel</strong> :
<input type="text" name="tel" value="" maxlength="150" placeholder=" 0122334455 / 0199887766 / port 0611223344" tabindex="11" />
</div>
</div>

<div>
<div>
<strong>Site web</strong> :
<input type="text" name="url_siteweb" value="" placeholder=" http://www.bf-totoville.fr" tabindex="12" />
</div>
</div>

<div>
<div>
Page <strong>Facebook</strong> :
<input type="text" name="url_fb" value="" maxlength="255" placeholder=" http://facebook.com/bftotoville" tabindex="13" />
</div>
</div>

<div>
<div>
<strong>Autre</strong> lien :
<input type="text" name="url_autre" value="" maxlength="255" placeholder=" http://www.batteriefanfare.com/publi/165974-bf-totoville" tabindex="14" />
</div>
</div>

<div>
<label for="autreinfo" class=""><strong>8. Texte libre</strong> (facultatif)</label>
<div>
<strong>Autres informations</strong> : <br />
<textarea name="autreinfo" spellcheck="true" rows="10" cols="50" placeholder=" Écrivez ici ce qui vous semblera important de rajouter (Vous pouvez utiliser les tags de mots-clés en les préfixant d'un # )" tabindex="15"></textarea>
</div>
</div>

<div>
<div>
<input type="submit" name="post" value="Envoyer" />
</div>
</div>
</form>
<script type="text/javascript">
function envoiMessage(form)
{
var strnom = form.nom.value;
var nom = strnom.toUpperCase();
// Créer un message à partir des informations fournies
var txt_message = "[h2]" + nom + ", " + form.prenom.value + "[/h2]\n\n" +
"[h3]Identifiant[/h3]\n" +
"[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img] \n\n" +
"[b][size=18]#" + form.prenom.value + nom + "[/size][/b][/center]\n\n" +
"[h3]Coordonnées[/h3]\n" +
"Adresse :\n\n" +
"[b]" + nom + "[/b]\n" +
form.cptvoie.value + "\n" +
form.num_voie.value + " " + form.voie.value + "\n" +
form.cp.value + " " + form.ville.value + " " + form.cedex.value + "\n\n" +
"Tel : [b]" + form.tel.value + "[/b]\n\n" +
"Liens :\n" +
"[list][*][url=" + form.url_siteweb.value + "]Site web[/url]\n" +
"[*][url=" + form.url_fb.value + "]Facebook[/url]\n" +
"[*][url]" + form.url_autre.value + "[/url][/list]\n\n" +
"[h3]Présentation[/h3]\n" +
"[center][img(150px,150px)]" + form.photo.value + "[/img][/center]\n\n" +
"[justify]" + form.presentation.value + "[/justify]\n\n\n" +
"[h3]Autres informations[/h3]\n" +
form.autreinfo.value + "\n\n\n" +
"[h4]#" + form.prenom.value + nom + " #" + nom + " #" + nom + form.prenom.value + " #Annu" + nom + form.prenom.value + " #Annu" + nom + "\n" +
"Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.\n" +
"Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = nom + ", " + form.prenom.value;
}
</script>

[papa pig]

Il n'était pas présent dans l'ancien code d'envoi ... Je le met après la photo ?  

Ah d'accord ... Je suis vraiment un boulet. Oui je veux bien merci, après la 2e photo, juste avant le [h4] (en y mettant une ligne d'espace avant ce titre)

Oui , puisque je le teste sur un forum récent ...  

Génial.

J'y travaillais déjà ... pouvez vous refaire les tests ?

Je ne sais comment vous remercier, c'est super ça fonctionne parfaitement.
Gros gros (merci x 1000)² x 1000⁵

[Scoubifitz]

Re-changement pour le 1^er formulaire :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
var strville = form.ville.value;
var ville = strville.toUpperCase();
var strsigle = form.sigle.value;
var sigle = strsigle.toUpperCase();
// Créer un message à partir des informations fournies
var txt_message = "[h2] " + form.nom_societe.value + " (" + form.departement.value + ")[/h2]\n\n" +
"[h3]Identifiant[/h3]\n" +
"[center][img]https://i62.servimg.com/u/f62/19/59/59/04/annuai15.png[/img] \n\n" +
"[b][size=18]#FR-" + form.cp.value + "-" + sigle + "[/size][/b][/center]\n\n" +
"[h3]Coordonnées[/h3]\n" +
"Adresse postale :\n\n" +
"[b]" + form.nom_societe.value + "[/b]\n" +
form.cptvoie.value + "\n" +
form.num_voie.value + " " + form.voie.value + "\n" +
form.cp.value + " " + form.commune.value + " " + form.cedex.value + "\n\n" +
"Tel : [b]" + form.tel.value + "[/b]\n\n" +
"Liens :\n" +
"[list][*][url=" + form.url_siteweb.value + "]Site web[/url]\n" +
"[*][url=" + form.url_fb.value + "]Facebook[/url]\n" +
"[*][url]" + form.url_autre.value + "[/url][/list]\n\n" +
"[h3]Responsable(s)[/h3]\n" +
"Directeur-trice : [b]" + form.prenomdir.value + " " + form.nomdir.value + "[/b] / #" + form.nomdir.value + ", #" + form.prenomdir.value +
" / #" + form.prenomdir.value + form.nomdir.value + " / #" + form.nomdir.value + form.prenomdir.value + "\n" +
"Président-e : " + form.prenompresid.value + " " + form.nompresid.value + "\n\n" +
"[h3]Présentation[/h3]\n" +
"[center][img(150px,150px)]" + form.ajout_logo.value + "[/img][/center]\n\n" +
"[justify]" + form.presentation.value + "[/justify]\n\n\n" +
"[h3]Prestations[/h3]\n";
for(var i = 0; i < form.prestation.length; i++)
{
if(form.prestation[i].checked === true) { txt_message += "#" + form.prestation[i].value + "\n"; }
}
txt_message += "\n[center][img]" + form.ajout_photo.value + "[/img][/center]\n\n" +
"[h3]Autres informations[/h3]\n" +
form.autreinfo.value + "\n\n\n" +
"[h4]#FR-" + form.departement.value + " #Annu-FR-" + form.departement.value + " #FR-" + form.cp.value + " #Annu" + form.cp.value + "\n" +
"Cette fiche est modifiable par l'auteur, ainsi que par le staff du forum exceptionnellement.\n" +
"Merci d'accroître la qualité de l'annuaire en mettant à jour les informations chaque fois que nécessaire (éditer le post).[/h4]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = ville + " (" + form.departement.value + ") - " + form.nom_societe.value;
form.f.value = form.region.value;
}
</script>

nota: un retour à la ligne est un anti-slash et un "n" (\n) dans le script...

Bonnes fêtes de fin d'année !

[papa pig]

Un très très grand merci Scoubifitz.

nota: un retour à la ligne est un anti-slash et un "n" (\n) dans le script...

Bonnes fêtes de fin d'année !

Justement je cherchais ... merci j'aime apprendre, et maintenant je sais pour le retour à la ligne ! (Je ne voulais pas vous embêter avec ça, mais j'en fus contraint. Grâce à vous, j'ai 0.1% de connaissance en plus)

Joyeuses fêtes à vous, vos proches, et meilleurs vœux pour l'année qui arrive dans moins de 24h