Problème de formulaire (Script)

par jsp d'octeville Ven 24 Mai 2013 - 23:59

Bonsoir,

Sur ce formulaire : http://www.ccis-octeville.com/h2-crss

J'ai modifié le script pour enlever des champs.

Mais en postant, j'ai la chose suivante :

Comme on peut le voir, le post est déformé et le formulaire n'apparaît pas entièrement. De même, en remplissant le champ Véhicules au début, j'ai toujours la variable undefined. Y aurait-il une erreur sur le code ?

Problème de formulaire (Script) Crss10

Merci

Voici le code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <center> <title>fiche bilan</title> <style type="text/css"> form {width:600px;} p {text-align:center;} .red {color:red;} fieldset{margin-bottom:10px;border:0px;} fieldset table {text-align:right;} legend { font-size:1.5em; padding-left:20px; padding-right:20px; margin-bottom:-10px; } .infos {background:#ddd;} .infos legend {background:#ccc;} .circons {background:#dfd;} .circons legend {background:#cfc;} .vital {background:#fdd;} .vital legend {background:#fcc;} .geste {background:#fdb;} .geste legend,.geste p {background:#fc9;} .geste table {text-align:center;} .identite {background:#dbf;} .identite legend {background:#c9f;} .identite table {text-align:left;} </style> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies form.subject.value = "CRSS intervention numéro " + form.number.value + "."; var txt_message = "<div class='bilan'>COMPTE-RENDU DE SORTIE DE SECOURS N°" + form.number.value + "<fieldset class='infos'><legend align='right'>Personnels engagés</legend><table><tr><td>" + "[b]Date : [/b][color=blue][i]" + form.jour.value + "[/i][/color] / [color=blue][i]" + form.mois.value + "[/i][/color] / [color=blue][i]" + form.an.value + "[/i][/color]</td><td>" + " [b]Heure : [/b][color=blue][i]" + form.heure.value + "[/i][/color][b] h [/b][color=blue][i]" + form.min.value + "[/i][/color]</td></tr><tr><td>" + "[b]Chef d\'agrès : [/b]</td><td>[color=blue][i]" + form.equipe1.value + "[/i][/color]</td></tr><tr><td>" + "[b]Conducteur : [/b]</td><td>[color=blue][i]" + form.equipe2.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 1 : [/b]</td><td>[color=blue][i]" + form.equipe3.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 2 : [/b]</td><td>[color=blue][i]" + form.equipe4.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 3 : [/b]</td><td>[color=blue][i]" + form.equipe5.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 4 : [/b]</td><td>[color=blue][i]" + form.equipe6.value + "[/i][/color]</td></tr><tr><td>" + '\n' + "[b]Véhicule : [/b]</td><td>[color=blue][i]" + form.vehicule.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='circons'><legend align='right'>Informations sur l'intervention</legend><table><tr><td>" + "[b]Adresse : [/b]</td><td>[color=blue][i]" + form.adrescircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Commune : [/b]</td><td>[color=blue][i]" + form.commucircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Nombre de victimes : [/b][color=blue][i]" + form.victim.value + "[/i][/color]</td><td>" + "[b]Milieu de l\'accident : [/b][color=blue][i]" + form.milieu.value + "[/i][/color]</td></tr><tr>" + "<td colspan='2'>[b]Type d\'intervention : [/b][color=blue][i]" + form.typeintervention.value + "[/i][/color]</td></tr><tr><td>" + "[b]AVP : [/b][color=blue][i]" + form.avpleft.value + "[/i][/color]</td><td>" + "[b] contre : [/b][color=blue][i]" + form.avpright.value + "[/i][/color]</td></tr><tr><td>" + "[b]Le blessé : [/b][color=blue][i]" + form.blesse.value + "[/i][/color]</td><td>" + "[b]Automobiliste : [/b][color=blue][i]" + form.automobile.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='vital'><legend align='right'>Services sur les Lieux</legend><table><tr><td>" + "[b]Police/Gendarmerie ? [/b][color=blue][i]" + form.police.value + "[/i][/color]</td><td colspan='2'>" + "[b]Autorité Municipale ? [/b][color=blue][i]" + form.autorite.value + "[/i][/color]</td></tr><tr><td>" + "[b]ERDF ? [/b][color=blue][i]" + form.edf.value + "[/i][/color]</td><td>" + "[b]GRDF ? [/b][color=blue][i]" + form.gdf.value + "[/i][/color]</td><td>" + "[b]Astreinte DIR / DDE ? [/b][color=blue][i]" + form.dde.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='geste'><legend align='right'>Gestes effectués</legend><table><tr><td>"; + "O² en inhalation : " + form.resume.value + "</td</tr></table></fieldset>" + "<fieldset class='identite'><legend align='right'>Visa du Chef d'Agrès</legend><table><tr><td>" + "[b]Grade : [/b]</td><td> [color=blue][i]" + form.nom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Pseudo : [/b]</td><td> [color=blue][i]" + form.prenom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Véhicule : [/b]</td><td> [color=blue][i]" + form.vehicule.value + "[/i][/color]</td></tr></table></fieldset></div>" + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> </head> <body> <form action="http://ccis-octeville.meilleurforum.com/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="19" />  <input type="hidden" name="subject" id="titre" value="" /> <p></span> COMPTE-RENDU DE SORTIES DE SECOURS - INTERVENTION N° <input type="text" name="number" id="number" size="2" maxlength="3"/></p> <fieldset class="infos"><legend align="right">Personnels engagés</legend> <table><tr> <td>Date : <input type="text" name="jour" id="jour" size="2" maxlength="2"/> / <input type="text" name="mois" id="mois" size="2" maxlength="2"/> / <input type="text" name="an" id="an" size="2" maxlength="2"/></td> <td>Heure : <input type="text" name="heure" id="heure" size="2" maxlength="2" /> h <input type="text" name="min" id="min" size="2" maxlength="2" /></td> </tr><tr> <td>Chef d'agrès : </td><td><input type="text" name="equipe1" id="equipe1" size="40" maxlength="30" /></td> </tr><tr> <td>Conducteur : </td><td><input type="text" name="equipe2" id="equipe2" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 1 : </td><td><input type="text" name="equipe3" id="equipe3" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 2 : </td><td><input type="text" name="equipe4" id="equipe4" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 3 : </td><td><input type="text" name="equipe5" id="equipe5" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 4 : </td><td><input type="text" name="equipe6" id="equipe6" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicules : </td><td><input type="text" name="vehicule" id="vehicule" size="40" maxlength="40"/></td> </tr></table></fieldset> <fieldset class="circons"><legend align="right">Informations Générales</legend> <table><tr> <td>Adresse : </td><td><input type="text" name="adrescircon" id="adrescircon" size="40" maxlength="30"/></td> </tr><tr> <td>Commune : </td><td><input type="text" name="commucircon" id="commucircon" size="40" maxlength="30"/></td> </tr><tr> <td>Nombre de victimes : <input type="text" name="victim" id="victim" size="2" maxlength="2"/> </td> <td>Milieu de l'accident : <select name="milieu" id="milieu"> <option value="Agricole" selected="selected">Agricole</option> <option value="Scolaire">Scolaire</option> <option value="Sportif">Sportif</option> <option value="Domestique">Domestique</option> <option value="Voie Publique">Voie Publique</option> <option value="Travail">Travail</option> </select></td> </tr><tr> <td colspan="2">Nature de l'intervention : <select name="typeintervention" id="typeintervention"> <optgroup label="Assistances immédiates"> <option selected="selected">Assistance Malaise Voie Publique</option> <option>Accident Personne à domicile</option> <option>Assistance Malaise à Domicile</option> <option>Accident du travail</option> <option>Assistance Malaise Lieu Public</option> <option>Assistance Malaise Voie Public</option> <option>Assistance Malaise sur le lieu de Travail</option> <option>Assistance Malaise en Milieu Scolaire</option> <option>Assistance Malaise dans Stade (Plein air)</option> <option>Assistance à personne en eau intérieure</option> <option>Assistance à personne en Mer</option> <option>Assistance à Personne en Zone Inondée</option> <option>Personne ne Répondant pas aux Appels</option> <option>Prompt Secours</option> <option>Assistance à Personne pour urgence vitale</option> <option>Relevage de personne à domicile</option> <option>Assistance à personne voulant se défenestrer</option> <option>Assistance à personne en milieux périlleux</option> <option>Secours d'urgence par Hélicoptère</option> <option>Assistance en Profondeur en Zone Littorale</option> <option>Assistance en Surface en Zone Littorale</option> </optgroup> <optgroup label="Accidents"> <option>Accident avec Blessé(s) Non Incarcéré(s)</option> <option>Accident avec Désincarcération</option> <option>Accident Grand Axe</option> <option>Accident Grand Axe avec Désincarcération</option> <option>Accident de Train</option> <option>Crash d'Aéronef</option> <option>Accident Transport Matières Dangereuses Chimique</option> <option>Accident Transport Matière Dangereuse Radiologique</option> </optgroup> <optgroup label="Feux et fumées"> <option>Feu d'habitation</option> <option>Feu d'habitation R+3 et plus</option> <option>Feu d'appartement</option> <option>Feu d'appartement R+3 et plus</option> <option>Feu d'immeuble</option> <option>Feu d'IGH</option> <option>Feu de combles</option> <option>Feu de cheminée</option> <option>Feu d'industrie</option> <option>Feu dans ERP</option> <option>Feu dans ERP R+3 et plus</option> <option>Feu d'entrepot</option> <option>Feu de VL</option> <option>Feu de PL</option> <option>Feu de TMD</option> <option>Feu de Navire</option> <option>Feu d'origine électrique</option> <option>Feu Ignorant Nature</option> <option>Odeur suspecte</option> <option>Fumée suspecte</option> <option>Fuite de gaz Procédure Gaz Classique</option> <option>Fuite de gaz Procédure Gaz Renforcé</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Classique</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Renforcé</option> <option>Feu de bâtiment agricole</option> <option>Feu d'engin agricole</option> <option>Feu d'Herbe/Talus</option> <option>Feu de forêt</option> <option>Feu de cave</option> <option>Feu de poubelles</option> <option>Déclenchement d'Alarme Incendie</option> <option>Feu sur Voie Publique</option> <option>Feu de Broussailles Récoltes</option> <option>Explosion</option> </optgroup> <optgroup label="Opérations Diverses / Autres assistances"> <option>Détection CO</option> <option>Intoxication CO</option> <option>Assistance à personne(s) bloquée(s) dans ascenseur</option> <option>Dégagement voie publique</option> <option>Inondation / Dégâts des eaux</option> <option>Inondation</option> <option>Assistance aux animaux</option> <option>Assistance aux animaux en excavation</option> <option>Objet menaçant de tomber</option> <option>Chute de Matériaux sur VP</option> <option>Destruction Nid d'insectes</option> <option>Ouverture de porte</option> <option>Alerte à la pollution</option> <option>Alerte à la bombe</option> <option>Reconnaissance</option> <option>Reconnaissance Enveloppe</option> <option>Préalerte au CIS</option> <option>Couverture Opérationnelle</option> <option>Sortie pour manoeuvre</option> <option>Essai Systel</option> </optgroup> </select></td> </tr><tr> <td>AVP : <input type="text" name="avpleft" id="avpleft" size="30" maxlength="30"/></td><td> contre : <input type="text" name="avpright" id="avpright" size="30" maxlength="30"/></td> </tr><tr> <td>Le blessé : <select name="blesse" id="blesse"> <option value="Aucun" selected="selected">Aucun</option> <option value="Piéton">Piéton</option> <option value="cycliste">cycliste</option> <option value="motocycliste">motocycliste</option> <option value="conducteur véhicule 1">conducteur véhicule 1</option> <option value="Passager voiture 1">Passager voiture 1</option> <option value="conducteur voiture 2">conducteur voiture 2</option> <option value="passager voiture 2">passager voiture 2</option> <option value="conducteur poids lourd">conducteur poids lourd</option> </select></td> <td>Automobiliste : <select name="automobile" id="automobile"> <option value="aucun" selected="selected">aucun</option> <option value="Incarcéré">Incarcéré</option> <option value="éjecté">éjecté</option> <option value="indemne">indemne</option> <option value="blessé léger">blessé léger</option> <option value="blessé grave">blessé grave</option> </select></td> </tr></table></fieldset> <fieldset class="vital"><legend align="right">Services sur les Lieux</legend> <table><tr> <td>Police/Gendarmerie ? <select name="police" id="police" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> <td colspan="2">Autorité Municipale ? <select name="autorite" id="autorite" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> </tr><tr> <td>ERDF ? <select name="edf" id="edf" > <option value="oui" selected="selected">Oui</option> <option value="[color=red][b]Non[/b][/color]">Non</option> </select></td> <td>GRDF ? <select name="gdf" id="gdf" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> <td>Astreinte DIR / DDE ? <select name="dde" id="dde" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> </tr></table></fieldset> <fieldset class="geste"><legend align="right">Gestes effectués</legend> <table><tr> <td>Résumé Global de l'Intervention : <textarea name="resume" id="resume" rows="10" cols="50"> Avons Procéder à ... </textarea> </td> </tr><tr></tr></table></fieldset> <fieldset class="identite"><legend align="right">Visa du Chef d'agrès</legend> <table><tr> <td>Grade : </td><td><input type="text" name="nom" id="nom" size="40" maxlength="30"/></td> </tr><tr> <td>Pseudo : </td><td><input type="text" name="prenom" id="prenom" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicule : </td><td><input type="text" name="vehicule" id="vehicule" size="40" maxlength="30"/></td> </tr></table></fieldset><br> <input type="submit" name="post" value="Envoyer"><input type="reset" /> <br/> </center> </form> </body></html>

par Scoubifitz Sam 25 Mai 2013 - 1:17

bonsoir,

- il y a deux champs avec le même identifiant (vehicule), ce qui fait une erreur undefined , puisque le script ne peut choisir ...

- le script est arrêté à cet endroit par un point-virgule :

Code:: + "<fieldset class='geste'><legend align='right'>Gestes effectués</legend><table><tr><td>";

la fin du message ouvre donc un tableau , ce qui déforme le message ...

le code corrigé :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>fiche bilan</title> <style type="text/css"> form {width:600px;text-align:center;margin:auto;} p {text-align:center;} .red {color:red;} fieldset{margin-bottom:10px;border:0px;} fieldset table {text-align:right;} legend { font-size:1.5em; padding-left:20px; padding-right:20px; margin-bottom:-10px; } .infos {background:#ddd;} .infos legend {background:#ccc;} .circons {background:#dfd;} .circons legend {background:#cfc;} .vital {background:#fdd;} .vital legend {background:#fcc;} .geste {background:#fdb;} .geste legend,.geste p {background:#fc9;} .geste table {text-align:center;} .identite {background:#dbf;} .identite legend {background:#c9f;} .identite table {text-align:left;} </style> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies form.subject.value = "CRSS intervention numéro " + form.number.value + "."; var txt_message = "<div class='bilan'>COMPTE-RENDU DE SORTIE DE SECOURS N°" + form.number.value + "<fieldset class='infos'><legend align='right'>Personnels engagés</legend><table><tr><td>" + "[b]Date : [/b][color=blue][i]" + form.jour.value + "[/i][/color] / [color=blue][i]" + form.mois.value + "[/i][/color] / [color=blue][i]" + form.an.value + "[/i][/color]</td><td>" + " [b]Heure : [/b][color=blue][i]" + form.heure.value + "[/i][/color][b] h [/b][color=blue][i]" + form.min.value + "[/i][/color]</td></tr><tr><td>" + "[b]Chef d\'agrès : [/b]</td><td>[color=blue][i]" + form.equipe1.value + "[/i][/color]</td></tr><tr><td>" + "[b]Conducteur : [/b]</td><td>[color=blue][i]" + form.equipe2.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 1 : [/b]</td><td>[color=blue][i]" + form.equipe3.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 2 : [/b]</td><td>[color=blue][i]" + form.equipe4.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 3 : [/b]</td><td>[color=blue][i]" + form.equipe5.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 4 : [/b]</td><td>[color=blue][i]" + form.equipe6.value + "[/i][/color]</td></tr><tr><td>" + '\n' + "[b]Véhicule : [/b]</td><td>[color=blue][i]" + form.vehicule_list.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='circons'><legend align='right'>Informations sur l'intervention</legend><table><tr><td>" + "[b]Adresse : [/b]</td><td>[color=blue][i]" + form.adrescircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Commune : [/b]</td><td>[color=blue][i]" + form.commucircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Nombre de victimes : [/b][color=blue][i]" + form.victim.value + "[/i][/color]</td><td>" + "[b]Milieu de l\'accident : [/b][color=blue][i]" + form.milieu.value + "[/i][/color]</td></tr><tr>" + "<td colspan='2'>[b]Type d\'intervention : [/b][color=blue][i]" + form.typeintervention.value + "[/i][/color]</td></tr><tr><td>" + "[b]AVP : [/b][color=blue][i]" + form.avpleft.value + "[/i][/color]</td><td>" + "[b] contre : [/b][color=blue][i]" + form.avpright.value + "[/i][/color]</td></tr><tr><td>" + "[b]Le blessé : [/b][color=blue][i]" + form.blesse.value + "[/i][/color]</td><td>" + "[b]Automobiliste : [/b][color=blue][i]" + form.automobile.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='vital'><legend align='right'>Services sur les Lieux</legend><table><tr><td>" + "[b]Police/Gendarmerie ? [/b][color=blue][i]" + form.police.value + "[/i][/color]</td><td colspan='2'>" + "[b]Autorité Municipale ? [/b][color=blue][i]" + form.autorite.value + "[/i][/color]</td></tr><tr><td>" + "[b]ERDF ? [/b][color=blue][i]" + form.edf.value + "[/i][/color]</td><td>" + "[b]GRDF ? [/b][color=blue][i]" + form.gdf.value + "[/i][/color]</td><td>" + "[b]Astreinte DIR / DDE ? [/b][color=blue][i]" + form.dde.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='geste'><legend align='right'>Gestes effectués</legend><table><tr><td>" + "Résumé de l'intervention : " + form.resume.value + "</td</tr></table></fieldset>" + "<fieldset class='identite'><legend align='right'>Visa du Chef d'Agrès</legend><table><tr><td>" + "[b]Grade : [/b]</td><td> [color=blue][i]" + form.nom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Pseudo : [/b]</td><td> [color=blue][i]" + form.prenom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Véhicule : [/b]</td><td> [color=blue][i]" + form.vehicule.value + "[/i][/color]</td></tr></table></fieldset></div>" + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> </head> <body> <form action="http://ccis-octeville.meilleurforum.com/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="19" />  <input type="hidden" name="subject" id="titre" value="" /> <p> COMPTE-RENDU DE SORTIES DE SECOURS - INTERVENTION N° <input type="text" name="number" id="number" size="2" maxlength="3"/></p> <fieldset class="infos"><legend align="right">Personnels engagés</legend> <table><tr> <td>Date : <input type="text" name="jour" id="jour" size="2" maxlength="2"/> / <input type="text" name="mois" id="mois" size="2" maxlength="2"/> / <input type="text" name="an" id="an" size="2" maxlength="2"/></td> <td>Heure : <input type="text" name="heure" id="heure" size="2" maxlength="2" /> h <input type="text" name="min" id="min" size="2" maxlength="2" /></td> </tr><tr> <td>Chef d'agrès : </td><td><input type="text" name="equipe1" id="equipe1" size="40" maxlength="30" /></td> </tr><tr> <td>Conducteur : </td><td><input type="text" name="equipe2" id="equipe2" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 1 : </td><td><input type="text" name="equipe3" id="equipe3" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 2 : </td><td><input type="text" name="equipe4" id="equipe4" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 3 : </td><td><input type="text" name="equipe5" id="equipe5" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 4 : </td><td><input type="text" name="equipe6" id="equipe6" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicules : </td><td><input type="text" name="vehicule_list" id="vehicule_list" size="40" maxlength="40"/></td> </tr></table></fieldset> <fieldset class="circons"><legend align="right">Informations Générales</legend> <table><tr> <td>Adresse : </td><td><input type="text" name="adrescircon" id="adrescircon" size="40" maxlength="30"/></td> </tr><tr> <td>Commune : </td><td><input type="text" name="commucircon" id="commucircon" size="40" maxlength="30"/></td> </tr><tr> <td>Nombre de victimes : <input type="text" name="victim" id="victim" size="2" maxlength="2"/> </td> <td>Milieu de l'accident : <select name="milieu" id="milieu"> <option value="Agricole" selected="selected">Agricole</option> <option value="Scolaire">Scolaire</option> <option value="Sportif">Sportif</option> <option value="Domestique">Domestique</option> <option value="Voie Publique">Voie Publique</option> <option value="Travail">Travail</option> </select></td> </tr><tr> <td colspan="2">Nature de l'intervention : <select name="typeintervention" id="typeintervention"> <optgroup label="Assistances immédiates"> <option selected="selected">Assistance Malaise Voie Publique</option> <option>Accident Personne à domicile</option> <option>Assistance Malaise à Domicile</option> <option>Accident du travail</option> <option>Assistance Malaise Lieu Public</option> <option>Assistance Malaise Voie Public</option> <option>Assistance Malaise sur le lieu de Travail</option> <option>Assistance Malaise en Milieu Scolaire</option> <option>Assistance Malaise dans Stade (Plein air)</option> <option>Assistance à personne en eau intérieure</option> <option>Assistance à personne en Mer</option> <option>Assistance à Personne en Zone Inondée</option> <option>Personne ne Répondant pas aux Appels</option> <option>Prompt Secours</option> <option>Assistance à Personne pour urgence vitale</option> <option>Relevage de personne à domicile</option> <option>Assistance à personne voulant se défenestrer</option> <option>Assistance à personne en milieux périlleux</option> <option>Secours d'urgence par Hélicoptère</option> <option>Assistance en Profondeur en Zone Littorale</option> <option>Assistance en Surface en Zone Littorale</option> </optgroup> <optgroup label="Accidents"> <option>Accident avec Blessé(s) Non Incarcéré(s)</option> <option>Accident avec Désincarcération</option> <option>Accident Grand Axe</option> <option>Accident Grand Axe avec Désincarcération</option> <option>Accident de Train</option> <option>Crash d'Aéronef</option> <option>Accident Transport Matières Dangereuses Chimique</option> <option>Accident Transport Matière Dangereuse Radiologique</option> </optgroup> <optgroup label="Feux et fumées"> <option>Feu d'habitation</option> <option>Feu d'habitation R+3 et plus</option> <option>Feu d'appartement</option> <option>Feu d'appartement R+3 et plus</option> <option>Feu d'immeuble</option> <option>Feu d'IGH</option> <option>Feu de combles</option> <option>Feu de cheminée</option> <option>Feu d'industrie</option> <option>Feu dans ERP</option> <option>Feu dans ERP R+3 et plus</option> <option>Feu d'entrepot</option> <option>Feu de VL</option> <option>Feu de PL</option> <option>Feu de TMD</option> <option>Feu de Navire</option> <option>Feu d'origine électrique</option> <option>Feu Ignorant Nature</option> <option>Odeur suspecte</option> <option>Fumée suspecte</option> <option>Fuite de gaz Procédure Gaz Classique</option> <option>Fuite de gaz Procédure Gaz Renforcé</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Classique</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Renforcé</option> <option>Feu de bâtiment agricole</option> <option>Feu d'engin agricole</option> <option>Feu d'Herbe/Talus</option> <option>Feu de forêt</option> <option>Feu de cave</option> <option>Feu de poubelles</option> <option>Déclenchement d'Alarme Incendie</option> <option>Feu sur Voie Publique</option> <option>Feu de Broussailles Récoltes</option> <option>Explosion</option> </optgroup> <optgroup label="Opérations Diverses / Autres assistances"> <option>Détection CO</option> <option>Intoxication CO</option> <option>Assistance à personne(s) bloquée(s) dans ascenseur</option> <option>Dégagement voie publique</option> <option>Inondation / Dégâts des eaux</option> <option>Inondation</option> <option>Assistance aux animaux</option> <option>Assistance aux animaux en excavation</option> <option>Objet menaçant de tomber</option> <option>Chute de Matériaux sur VP</option> <option>Destruction Nid d'insectes</option> <option>Ouverture de porte</option> <option>Alerte à la pollution</option> <option>Alerte à la bombe</option> <option>Reconnaissance</option> <option>Reconnaissance Enveloppe</option> <option>Préalerte au CIS</option> <option>Couverture Opérationnelle</option> <option>Sortie pour manoeuvre</option> <option>Essai Systel</option> </optgroup> </select></td> </tr><tr> <td>AVP : <input type="text" name="avpleft" id="avpleft" size="30" maxlength="30"/></td><td> contre : <input type="text" name="avpright" id="avpright" size="30" maxlength="30"/></td> </tr><tr> <td>Le blessé : <select name="blesse" id="blesse"> <option value="Aucun" selected="selected">Aucun</option> <option value="Piéton">Piéton</option> <option value="cycliste">cycliste</option> <option value="motocycliste">motocycliste</option> <option value="conducteur véhicule 1">conducteur véhicule 1</option> <option value="Passager voiture 1">Passager voiture 1</option> <option value="conducteur voiture 2">conducteur voiture 2</option> <option value="passager voiture 2">passager voiture 2</option> <option value="conducteur poids lourd">conducteur poids lourd</option> </select></td> <td>Automobiliste : <select name="automobile" id="automobile"> <option value="aucun" selected="selected">aucun</option> <option value="Incarcéré">Incarcéré</option> <option value="éjecté">éjecté</option> <option value="indemne">indemne</option> <option value="blessé léger">blessé léger</option> <option value="blessé grave">blessé grave</option> </select></td> </tr></table></fieldset> <fieldset class="vital"><legend align="right">Services sur les Lieux</legend> <table><tr> <td>Police/Gendarmerie ? <select name="police" id="police" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> <td colspan="2">Autorité Municipale ? <select name="autorite" id="autorite" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> </tr><tr> <td>ERDF ? <select name="edf" id="edf" > <option value="oui" selected="selected">Oui</option> <option value="[color=red][b]Non[/b][/color]">Non</option> </select></td> <td>GRDF ? <select name="gdf" id="gdf" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> <td>Astreinte DIR / DDE ? <select name="dde" id="dde" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> </tr></table></fieldset> <fieldset class="geste"><legend align="right">Gestes effectués</legend> <table><tr> <td>Résumé Global de l'Intervention : <textarea name="resume" id="resume" rows="10" cols="50"> Avons Procéder à ... </textarea> </td> </tr><tr></tr></table></fieldset> <fieldset class="identite"><legend align="right">Visa du Chef d'agrès</legend> <table><tr> <td>Grade : </td><td><input type="text" name="nom" id="nom" size="40" maxlength="30"/></td> </tr><tr> <td>Pseudo : </td><td><input type="text" name="prenom" id="prenom" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicule : </td><td><input type="text" name="vehicule" id="vehicule" size="40" maxlength="30"/></td> </tr></table></fieldset><br> <input type="submit" name="post" value="Envoyer"><input type="reset" /> <br/> </form> </body></html>

par jsp d'octeville Sam 25 Mai 2013 - 13:33

Cela fait toujours la même chose malgré le nouveau code que vous m'avez donné, je n'ai pas l'intégralité du message et le post est déformé.

Cordialement,

par Scoubifitz Sam 25 Mai 2013 - 14:55

J'ai re-testé le code que j'ai proposé , et il est fonctionnel ...

le message est entier à l'arrivée , et le topic n'est pas déformé .

Pouvez-vous me dire à quel moment le message est arrêté ?

Avez-vous un lien vers le topic déformé , ouvert aux invités ?

par jsp d'octeville Dim 26 Mai 2013 - 19:14

Le message est arrêté à : Résumé de l'intervention : Avons Procéder à ...

Voici le lien du topic : http://www.ccis-octeville.com/t1750-crss-intervention-numero-a#20998

par Scoubifitz Dim 26 Mai 2013 - 22:08

Vu ... une balise de fermeture "td" mal fermée et ça part en sucette ...

bizarre que ça fonctionnait chez moi ...

on refait un essai ? (sans la structure html , puisque le formulaire est inclus avec le haut/bas du forum)

Code:: <style type="text/css"> form {width:600px;text-align:center;margin:auto;} p {text-align:center;} .red {color:red;} fieldset{margin-bottom:10px;border:0px;} fieldset table {text-align:right;} legend { font-size:1.5em; padding-left:20px; padding-right:20px; margin-bottom:-10px; } .infos {background:#ddd;} .infos legend {background:#ccc;} .circons {background:#dfd;} .circons legend {background:#cfc;} .vital {background:#fdd;} .vital legend {background:#fcc;} .geste {background:#fdb;} .geste legend,.geste p {background:#fc9;} .geste table {text-align:center;} .identite {background:#dbf;} .identite legend {background:#c9f;} .identite table {text-align:left;} </style> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies form.subject.value = "CRSS intervention numéro " + form.number.value + "."; var txt_message = "<div class='bilan'>COMPTE-RENDU DE SORTIE DE SECOURS N°" + form.number.value + "<fieldset class='infos'><legend align='right'>Personnels engagés</legend><table><tr><td>" + "[b]Date : [/b][color=blue][i]" + form.jour.value + "[/i][/color] / [color=blue][i]" + form.mois.value + "[/i][/color] / [color=blue][i]" + form.an.value + "[/i][/color]</td><td>" + " [b]Heure : [/b][color=blue][i]" + form.heure.value + "[/i][/color][b] h [/b][color=blue][i]" + form.min.value + "[/i][/color]</td></tr><tr><td>" + "[b]Chef d\'agrès : [/b]</td><td>[color=blue][i]" + form.equipe1.value + "[/i][/color]</td></tr><tr><td>" + "[b]Conducteur : [/b]</td><td>[color=blue][i]" + form.equipe2.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 1 : [/b]</td><td>[color=blue][i]" + form.equipe3.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 2 : [/b]</td><td>[color=blue][i]" + form.equipe4.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 3 : [/b]</td><td>[color=blue][i]" + form.equipe5.value + "[/i][/color]</td></tr><tr><td>" + "[b]Equipier 4 : [/b]</td><td>[color=blue][i]" + form.equipe6.value + "[/i][/color]</td></tr><tr><td>" + '\n' + "[b]Véhicule : [/b]</td><td>[color=blue][i]" + form.vehicule_list.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='circons'><legend align='right'>Informations sur l'intervention</legend><table><tr><td>" + "[b]Adresse : [/b]</td><td>[color=blue][i]" + form.adrescircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Commune : [/b]</td><td>[color=blue][i]" + form.commucircon.value + "[/i][/color]</td></tr><tr><td>" + "[b]Nombre de victimes : [/b][color=blue][i]" + form.victim.value + "[/i][/color]</td><td>" + "[b]Milieu de l\'accident : [/b][color=blue][i]" + form.milieu.value + "[/i][/color]</td></tr><tr>" + "<td colspan='2'>[b]Type d\'intervention : [/b][color=blue][i]" + form.typeintervention.value + "[/i][/color]</td></tr><tr><td>" + "[b]AVP : [/b][color=blue][i]" + form.avpleft.value + "[/i][/color]</td><td>" + "[b] contre : [/b][color=blue][i]" + form.avpright.value + "[/i][/color]</td></tr><tr><td>" + "[b]Le blessé : [/b][color=blue][i]" + form.blesse.value + "[/i][/color]</td><td>" + "[b]Automobiliste : [/b][color=blue][i]" + form.automobile.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='vital'><legend align='right'>Services sur les Lieux</legend><table><tr><td>" + "[b]Police/Gendarmerie ? [/b][color=blue][i]" + form.police.value + "[/i][/color]</td><td colspan='2'>" + "[b]Autorité Municipale ? [/b][color=blue][i]" + form.autorite.value + "[/i][/color]</td></tr><tr><td>" + "[b]ERDF ? [/b][color=blue][i]" + form.edf.value + "[/i][/color]</td><td>" + "[b]GRDF ? [/b][color=blue][i]" + form.gdf.value + "[/i][/color]</td><td>" + "[b]Astreinte DIR / DDE ? [/b][color=blue][i]" + form.dde.value + "[/i][/color]</td></tr></table></fieldset>" + "<fieldset class='geste'><legend align='right'>Gestes effectués</legend><table><tr><td>" + "Résumé de l'intervention : " + form.resume.value + "</td></tr></table></fieldset>" + "<fieldset class='identite'><legend align='right'>Visa du Chef d'Agrès</legend><table><tr><td>" + "[b]Grade : [/b]</td><td> [color=blue][i]" + form.nom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Pseudo : [/b]</td><td> [color=blue][i]" + form.prenom.value + "[/i][/color]</td></tr><tr><td>" + "[b]Véhicule : [/b]</td><td> [color=blue][i]" + form.vehicule.value + "[/i][/color]</td></tr></table></fieldset></div>" + '\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> <form action="http://ccis-octeville.meilleurforum.com/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="19" />  <input type="hidden" name="subject" id="titre" value="" /> <p> COMPTE-RENDU DE SORTIES DE SECOURS - INTERVENTION N° <input type="text" name="number" id="number" size="2" maxlength="3"/></p> <fieldset class="infos"><legend align="right">Personnels engagés</legend> <table><tr> <td>Date : <input type="text" name="jour" id="jour" size="2" maxlength="2"/> / <input type="text" name="mois" id="mois" size="2" maxlength="2"/> / <input type="text" name="an" id="an" size="2" maxlength="2"/></td> <td>Heure : <input type="text" name="heure" id="heure" size="2" maxlength="2" /> h <input type="text" name="min" id="min" size="2" maxlength="2" /></td> </tr><tr> <td>Chef d'agrès : </td><td><input type="text" name="equipe1" id="equipe1" size="40" maxlength="30" /></td> </tr><tr> <td>Conducteur : </td><td><input type="text" name="equipe2" id="equipe2" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 1 : </td><td><input type="text" name="equipe3" id="equipe3" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 2 : </td><td><input type="text" name="equipe4" id="equipe4" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 3 : </td><td><input type="text" name="equipe5" id="equipe5" size="40" maxlength="30"/></td> </tr><tr> <td>Equipier 4 : </td><td><input type="text" name="equipe6" id="equipe6" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicules : </td><td><input type="text" name="vehicule_list" id="vehicule_list" size="40" maxlength="40"/></td> </tr></table></fieldset> <fieldset class="circons"><legend align="right">Informations Générales</legend> <table><tr> <td>Adresse : </td><td><input type="text" name="adrescircon" id="adrescircon" size="40" maxlength="30"/></td> </tr><tr> <td>Commune : </td><td><input type="text" name="commucircon" id="commucircon" size="40" maxlength="30"/></td> </tr><tr> <td>Nombre de victimes : <input type="text" name="victim" id="victim" size="2" maxlength="2"/> </td> <td>Milieu de l'accident : <select name="milieu" id="milieu"> <option value="Agricole" selected="selected">Agricole</option> <option value="Scolaire">Scolaire</option> <option value="Sportif">Sportif</option> <option value="Domestique">Domestique</option> <option value="Voie Publique">Voie Publique</option> <option value="Travail">Travail</option> </select></td> </tr><tr> <td colspan="2">Nature de l'intervention : <select name="typeintervention" id="typeintervention"> <optgroup label="Assistances immédiates"> <option selected="selected">Assistance Malaise Voie Publique</option> <option>Accident Personne à domicile</option> <option>Assistance Malaise à Domicile</option> <option>Accident du travail</option> <option>Assistance Malaise Lieu Public</option> <option>Assistance Malaise Voie Public</option> <option>Assistance Malaise sur le lieu de Travail</option> <option>Assistance Malaise en Milieu Scolaire</option> <option>Assistance Malaise dans Stade (Plein air)</option> <option>Assistance à personne en eau intérieure</option> <option>Assistance à personne en Mer</option> <option>Assistance à Personne en Zone Inondée</option> <option>Personne ne Répondant pas aux Appels</option> <option>Prompt Secours</option> <option>Assistance à Personne pour urgence vitale</option> <option>Relevage de personne à domicile</option> <option>Assistance à personne voulant se défenestrer</option> <option>Assistance à personne en milieux périlleux</option> <option>Secours d'urgence par Hélicoptère</option> <option>Assistance en Profondeur en Zone Littorale</option> <option>Assistance en Surface en Zone Littorale</option> </optgroup> <optgroup label="Accidents"> <option>Accident avec Blessé(s) Non Incarcéré(s)</option> <option>Accident avec Désincarcération</option> <option>Accident Grand Axe</option> <option>Accident Grand Axe avec Désincarcération</option> <option>Accident de Train</option> <option>Crash d'Aéronef</option> <option>Accident Transport Matières Dangereuses Chimique</option> <option>Accident Transport Matière Dangereuse Radiologique</option> </optgroup> <optgroup label="Feux et fumées"> <option>Feu d'habitation</option> <option>Feu d'habitation R+3 et plus</option> <option>Feu d'appartement</option> <option>Feu d'appartement R+3 et plus</option> <option>Feu d'immeuble</option> <option>Feu d'IGH</option> <option>Feu de combles</option> <option>Feu de cheminée</option> <option>Feu d'industrie</option> <option>Feu dans ERP</option> <option>Feu dans ERP R+3 et plus</option> <option>Feu d'entrepot</option> <option>Feu de VL</option> <option>Feu de PL</option> <option>Feu de TMD</option> <option>Feu de Navire</option> <option>Feu d'origine électrique</option> <option>Feu Ignorant Nature</option> <option>Odeur suspecte</option> <option>Fumée suspecte</option> <option>Fuite de gaz Procédure Gaz Classique</option> <option>Fuite de gaz Procédure Gaz Renforcé</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Classique</option> <option>Fuite de gaz dans R+3 et Plus Procédure Gaz Renforcé</option> <option>Feu de bâtiment agricole</option> <option>Feu d'engin agricole</option> <option>Feu d'Herbe/Talus</option> <option>Feu de forêt</option> <option>Feu de cave</option> <option>Feu de poubelles</option> <option>Déclenchement d'Alarme Incendie</option> <option>Feu sur Voie Publique</option> <option>Feu de Broussailles Récoltes</option> <option>Explosion</option> </optgroup> <optgroup label="Opérations Diverses / Autres assistances"> <option>Détection CO</option> <option>Intoxication CO</option> <option>Assistance à personne(s) bloquée(s) dans ascenseur</option> <option>Dégagement voie publique</option> <option>Inondation / Dégâts des eaux</option> <option>Inondation</option> <option>Assistance aux animaux</option> <option>Assistance aux animaux en excavation</option> <option>Objet menaçant de tomber</option> <option>Chute de Matériaux sur VP</option> <option>Destruction Nid d'insectes</option> <option>Ouverture de porte</option> <option>Alerte à la pollution</option> <option>Alerte à la bombe</option> <option>Reconnaissance</option> <option>Reconnaissance Enveloppe</option> <option>Préalerte au CIS</option> <option>Couverture Opérationnelle</option> <option>Sortie pour manoeuvre</option> <option>Essai Systel</option> </optgroup> </select></td> </tr><tr> <td>AVP : <input type="text" name="avpleft" id="avpleft" size="30" maxlength="30"/></td><td> contre : <input type="text" name="avpright" id="avpright" size="30" maxlength="30"/></td> </tr><tr> <td>Le blessé : <select name="blesse" id="blesse"> <option value="Aucun" selected="selected">Aucun</option> <option value="Piéton">Piéton</option> <option value="cycliste">cycliste</option> <option value="motocycliste">motocycliste</option> <option value="conducteur véhicule 1">conducteur véhicule 1</option> <option value="Passager voiture 1">Passager voiture 1</option> <option value="conducteur voiture 2">conducteur voiture 2</option> <option value="passager voiture 2">passager voiture 2</option> <option value="conducteur poids lourd">conducteur poids lourd</option> </select></td> <td>Automobiliste : <select name="automobile" id="automobile"> <option value="aucun" selected="selected">aucun</option> <option value="Incarcéré">Incarcéré</option> <option value="éjecté">éjecté</option> <option value="indemne">indemne</option> <option value="blessé léger">blessé léger</option> <option value="blessé grave">blessé grave</option> </select></td> </tr></table></fieldset> <fieldset class="vital"><legend align="right">Services sur les Lieux</legend> <table><tr> <td>Police/Gendarmerie ? <select name="police" id="police" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> <td colspan="2">Autorité Municipale ? <select name="autorite" id="autorite" > <option value="[color=red][b]Oui[/b][/color]">Oui</option> <option value="Non" selected="selected">Non</option> </select></td> </tr><tr> <td>ERDF ? <select name="edf" id="edf" > <option value="oui" selected="selected">Oui</option> <option value="[color=red][b]Non[/b][/color]">Non</option> </select></td> <td>GRDF ? <select name="gdf" id="gdf" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> <td>Astreinte DIR / DDE ? <select name="dde" id="dde" > <option value="non" selected="selected">Non</option> <option value="[color=red][b]Oui[/b][/color]">Oui</option> </select></td> </tr></table></fieldset> <fieldset class="geste"><legend align="right">Gestes effectués</legend> <table><tr> <td>Résumé Global de l'Intervention : <textarea name="resume" id="resume" rows="10" cols="50"> Avons Procéder à ... </textarea> </td> </tr><tr></tr></table></fieldset> <fieldset class="identite"><legend align="right">Visa du Chef d'agrès</legend> <table><tr> <td>Grade : </td><td><input type="text" name="nom" id="nom" size="40" maxlength="30"/></td> </tr><tr> <td>Pseudo : </td><td><input type="text" name="prenom" id="prenom" size="40" maxlength="30"/></td> </tr><tr> <td>Véhicule : </td><td><input type="text" name="vehicule" id="vehicule" size="40" maxlength="30"/></td> </tr></table></fieldset><br> <input type="submit" name="post" value="Envoyer"><input type="reset" /> <br/> </form>