Formulaire

[Alban 56]

Bonjour à toutes et à tous,
J'ai créé avec bien du mal un formulaire en HTML, mais pour la partie PHP pour moi c'est de l'hébreu, je ne sais même pas où on doit l'installer, j'ai bien essayé de suivre le tuto, mais je rame.
Pouvez-vous me venir en aide ?
D'avance merci,
Cordialement,
Alban

Code:

<form method="post" action="cible_formulaire.php">

  <fieldset>
      <legend><h3><u>FORMULAIRE DE MISE A L'ADOPTION D'UN CHIEN</u></h3></legend>

      <label for="nom">Nom du Chien</label>

      <input type="text" name="nom" id="nom" tabindex="10" />

      <label for="numero">Numéro de puce ou de tatouage</label>

      <input type="text" name="numero" id="numero" tabindex="20" />

      <label for="couleur">Couleur de la robe</label>

      <input type="text" name="couleur" id="couleur" tabindex="30" />

      <p> Sexe :

        <input type="radio" name="souhait" value="male" id="male" tabindex="40" />
        <label for="male">Mâle</label>

        <input type="radio" name="souhait" value="femelle" id="femelle" tabindex="50" />
        <label for="femelle">Femelle</label>
      </p>
      <p>
        <label for="annee">Année de naissance</label>

        <input type="text" name="annee" id="annee" tabindex="60"size="4" maxlength="4" />
     
        <form name="post" enctype="multipart/form-data">
        Mois de naissance : <select id="mois">
        <option value="Janvier">Janvier</option>
        <option value="Février">Février</option>
        <option value="Mars">Mars</option>
        <option value="Avril">Avril</option>
        <option value="Mai">Mai</option>
        <option value="Juin">Juin</option>
        <option value="Juillet">Juillet</option>
        <option value="Aout">Aout</option>
        <option value="Septembre">Septembre</option>
        <option value="Octobre">Octobre</option>
        <option value="Novembre">Novembre</option>
        <option value="Décembre">Décembre</option></select>

        <form name="post" enctype="multipart/form-data">
          Jour de naissance : <select id="jour">
          <option value="01">01</option>
          <option value="02">02</option>
          <option value="03">03</option>
          <option value="04">04</option>
          <option value="05">05</option>
          <option value="06">06</option>
          <option value="07">07</option>
          <option value="08">08</option>
          <option value="09">09</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option></select>
      </p>
      <p>
          <label for="precisions"><b> Pour quelle raison voulez vous abandonner ce Chien :</b></label>
          <p> Tirez sur la poignée en bas à droite de la fenêtre pour agrandir la zone de texte.</p>
          <textarea name="precisions" id="precisions" cols="40" rows="4" tabindex="70"></textarea>
      </p>
  </fieldset>

 
  <p>
      <input type="submit" /> <input type="reset" />
  </p>
 
</form>

[Scoubifitz]

bonjour,

il n'y a pas de partie PHP ...

tout se fera sur votre forum ! ^^

je ne sais même pas où on doit l'installer

créer une page HTML

[Alban 56]

Merci pour votre aide Scoubifitz,
Je pensais qu'une partie PHP était indispensable.
J'ai créé ma page HTML, quand je fais "Prévisualisation" mon formulaire s'affiche bien à l'écran, mais quand je fais "Envoyer" le formulaire disparait et je n'ai plus rien.

[Scoubifitz]

c'est tout à fait normal ...

le formulaire est créé , et mis sur un support .

il reste à dire à quelle adresse doivent apparaitre les valeurs récoltées du formulaire ,

et sous quelle forme doit apparaitre le texte ...

Le message doit-il apparaitre dans un forum ? un topic (un sujet) ? un MP ?

[Alban 56]

Le formulaire doit apparaitre dans un sujet.

[Scoubifitz]

il doit donc apparaitre à la suite d'un message déjà existant ?

[Alban 56]

Je voudrais que dans le forum "Adoption" on puisse trouver un sujet dans lequel on aurait ce formulaire vierge,
pouvoir le remplir,
et qu'une fois rempli il apparaisse dans un autre sujet du forum "Adoption".

A moins que vous ailliez une autre idée d'architecture.

[Scoubifitz]

bien ... je commence à comprendre ...

vous désirez que le membre puisse accéder à la page HTML que vous venez de créer (le formulaire) ,

pour que , une fois rempli , ça ouvre un nouveau sujet dans la rubrique "adoption" ?

le membre doit-il remplir un titre de sujet ?

le titre peut être automatisé ...

[Alban 56]

Comme titre je verrais bien le nom du Chien à mettre à l'adoption.

[Scoubifitz]

donc , un titre comme :

"pseudo" propose "le-nom-du-chien" en adoption

[Alban 56]

Si j'ai bien compris je pense que oui.

[Scoubifitz]

toutes ces questions peuvent paraitre laborieuses , mais sont essentielles ...

retournez sur la page HTML que vous venez de créer , remplacez entièrement le code par celui-ci :

Code:

<style type="text/css">
.form {
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
width: 700px;
margin-left:auto;
margin-right:auto;
}
legend {
font-family: Monotype arial;
text-align:center;
padding-left:20px;
padding-right:20px;
color:darkblue;
font-size: 24px;
}
.left{
padding:5px;
text-align:right;
width:300px;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.nom.value == "" || form.souhait.value == ""|| form.race.value == ""|| form.souhait.value == ""|| form.precisions.value == "" )
{
document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs marqués d'un *!";
return false;
}
else
{
// Créer un message à partir des informations fournies
var genre = "";
if(form.souhait[0].checked == true) // Si le 1er bouton "Mâle" est coché ..
genre = "Femelle";
else if(form.souhait[1].checked == true) // Si le 2e bouton "Femelle" est coché ..
genre = "Mâle";
var txt_message = "[b]Nom du Chien : [/b] : " + form.nom.value + '\n' + '\n'
+ "[b]Numéro de puce ou de tatouage : [/b] " + form.numero.value + '\n'
+ "[b]Couleur de la robe : [/b] " + form.couleur.value + '\n'
+ "[b]Race de chien : [/b] " + form.race.value + '\n'
+ "[b]Sexe : [/b] " + genre + '\n'
+ "[b]Année de naissance : [/b] " + form.annee.value + '\n'
+ "[b]Mois de naissance : [/b] " + form.mois.value + '\n'
+ "[b]Jour de naissance : [/b] " + form.jour.value + '\n' + '\n'
+ "[b]Pour quelle raison voulez vous abandonner ce Chien :[/b] " + '\n' + '\n'
+ form.precisions.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.nom.value + " , " + form.race.value + " " +genre + " à l'adoption";
return true;
}
}
</script>

<form action="http://chiens-de-traineau.forumactif.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="38" /> <!--  ID du forum dans lequel le message sera posté-->
<input name="subject" type="hidden" value="" class="USERNAME" />

<fieldset><legend>FORMULAIRE DE MISE A L'ADOPTION D'UN CHIEN</legend>

<table width="100%"><tbody><tr>
<td class="left"><label for="nom"><span style="color:red;">*</span> Nom du Chien</label></td>
<td><input type="text" name="nom" id="nom" tabindex="10" /></td>
</tr><tr>
<td class="left"><label for="numero">Numéro de puce ou de tatouage</label></td>
<td><input type="text" name="numero" id="numero" tabindex="20" /></td>
</tr><tr>
<td class="left"><label for="couleur">Couleur de la robe</label></td>
<td><input type="text" name="couleur" id="couleur" tabindex="30" /></td>
</tr><tr>
<td class="left"><label for="race"><span style="color:red;">*</span> Race du chien</label></td>
<td><input type="text" name="race" id="race" tabindex="30" /></td>
</tr><tr>
<td class="left"><span style="color:red;">*</span> Sexe : </td>
<td><input type="radio" name="souhait" value="male" id="male" tabindex="40" />
<label for="male">Mâle</label><br>

<input type="radio" name="souhait" value="femelle" id="femelle" tabindex="50" />
<label for="femelle">Femelle</label></td>
</tr><tr>
<td class="left"><label for="annee">Année de naissance</label></td>
<td><input type="text" name="annee" id="annee" tabindex="60"size="4" maxlength="4" /></td>
</tr><tr>
<td class="left"> Mois de naissance : </td>
<td><select id="mois">
<option value="Janvier">Janvier</option>
<option value="Février">Février</option>
<option value="Mars">Mars</option>
<option value="Avril">Avril</option>
<option value="Mai">Mai</option>
<option value="Juin">Juin</option>
<option value="Juillet">Juillet</option>
<option value="Aout">Aout</option>
<option value="Septembre">Septembre</option>
<option value="Octobre">Octobre</option>
<option value="Novembre">Novembre</option>
<option value="Décembre">Décembre</option></select></td>
</tr><tr>
<td class="left"> Jour de naissance : </td>
<td><select id="jour">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option></select></td>
</tr><tr>
<td colspan="2"><label for="precisions"><b><span style="color:red;">*</span> Pour quelle raison voulez vous abandonner ce Chien :</b></label>
<p> Tirez sur la poignée en bas à droite de la fenêtre pour agrandir la zone de texte.</p>
<textarea name="precisions" id="precisions" cols="80" rows="6"></textarea></td>
</tr></tbody></table>
</fieldset>
<fieldset><legend>Envoi sur le forum</legend>
<center><br><span style="color:orangered;" id="errormsg"></span><br>
Le message sera envoyé automatiquement dans le bon forum<br><br>

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

j'ai rajouté "la race de chien" dans le formulaire , pour le titre :

"le-nom-du-chien" , "la-race-du-chien" "le sexe" à l'adoption

pour que les membres puissent accéder au formulaire , je propose un lien dans la description du forum concerné

- Panneau admin
- général
- Forum : Catégories et forums

Adoptions, Perdu, Trouvé, Covoiturage, Protection animale

dans le champ "description" ( :+html: doit être affiché) , collez ce code :

Code:

<a href="http://chiens-de-traineau.forumactif.com/h1-">Formulaire de mise à l'adoption</a>

[Alban 56]

La présentation du formulaire est nickel.
mais quand je clique sur "Formulaire de mise à l'adoption" je suis dirigé sur une page "HOSTEUR" qui me dit que la page que vous recherchez n'existe pas .............

[Alban 56]

Rectification:
J'avais recopié votre code au clavier et cela ne fonctionnait pas; j'ai fais un copier coller du code et là ça fonctionne pourtant j'avais bien recopié les mêmes caractères mystère !
UN TRÈS GRAND MERCI POUR VOTRE AIDE, SANS VOUS JE NE M'EN SERAIS JAMAIS SORTI.
J'avais fait un formulaire succinct pour l'essai, maintenant je vais essayer de le compléter.
Cordialement,
Alban

[Scoubifitz]

pourtant , quand je clique sur le lien , je tombe sur le formulaire ! ?



édit : nos messages se sont croisés

[Alban 56]

Quand j'indique "Mâle" dans le formulaire ça ressort en "Femelle" sur la fiche.

[Scoubifitz]

oups !

ce n'est pas une farce de ma part ...

repérez ceci dans le code de la page HTML !

Code:

var genre = "";
if(form.souhait[0].checked == true) // Si le 1er bouton "Mâle" est coché ..
genre = "Femelle";
else if(form.souhait[1].checked == true) // Si le 2e bouton "Femelle" est coché ..
genre = "Mâle";

et inversez les "genre"

[Alban 56]

OK c'est bon.
Je vais étudier votre code pour compéter le formulaire.
Encore merci,
Cordialement,
Alban

[Alban 56]

Il y aurait moyen d'intégrer une / des photos du Chien mis à l'adoption au questionnaire ?

[Scoubifitz]

tout dépend du niveau de connaissance du membre en ce qui concerne l'hébergement de l'image ...

on peut rajouter une ligne de script :

Code:

+ "<br>[b]photo du chien/chiot :[/b]<br> [img]"+ form.image.value +"[/img]" + '\n'

et une ligne de formulaire

Code:

<tr>
<td class="left"><label for="image">Photographie du chien :<br>
(ex: http://hebergeur.image.jpg)</label></td>
<td><input name="image" id="image" size="80" maxlength="100" type="text"></td>
</tr>

[Alban 56]

Je vais essayer ça.
J'ai rajouté une ligne pour le N° de téléphone de la personne à contacter, mais au lieu du N° de téléphone je récupère dans la fiche le N° de puce GRRRRRRRR !

[Scoubifitz]

les espaces et autres caractères spéciaux sont à éviter ...

essayez l'identifiant "phone" , pour "for", "name" "et "id"

Code:

+ "[b]Numéro de téléphone : [/b] " + form.phone.value + '\n'

[Alban 56]

La photo passe 5/5 c'est nickel !
J'ai aussi récupéré le N° de téléphone, c'était bien le mot composé qui coinçait, si on ne le sait pas un vrai piège !
Merci encore pour votre aide.
Cordialement,
Alban

[Alban 56]

J'ai des questions à poser en réponse "oui" "non", mais quand je coche une de ces cases cela m'annule la réponse à "Sexe du Chien" je n'ai pas compris pourquoi.

[Scoubifitz]

attention ! ... chaque proposition doit avoir son propre nom (name) pour pouvoir récupérer la valeur (value) ...
et son propre identifiant (id) raccordé au label (for) ...

on va faire plus simple ... remplacez toute la page html ...

essayez , et étudiez les nouveautés ...

Code:

<style type="text/css">
.form {
width: 800px;
margin-left:auto;
margin-right:auto;
}
fieldset{
width: 700px;
margin-left:auto;
margin-right:auto;
}
legend {
font-family: Monotype arial;
text-align:center;
padding-left:20px;
padding-right:20px;
color:darkblue;
font-size: 24px;
}
.left{
padding:5px;
text-align:right;
width:300px;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.nom.value == "" || form.numero.value == "" || form.race.value == "" || form.souhait.value == "" || form.basage.value == "" || form.amichat.value == "" || form.precisions.value == "" )
{
document.getElementById("errormsg").innerHTML ="Vous devez remplir tous les champs marqués d'un *!";
return false;
}
else
{
// Créer un message à partir des informations fournies
var genre = "";
if(form.souhait[0].checked == true) // Si le 1er bouton "Mâle" est coché ..
genre = "Mâle";
else if(form.souhait[1].checked == true) // Si le 2e bouton "Femelle" est coché ..
genre = "Femelle";
var txt_message = "[b]Nom du Chien : [/b] : " + form.nom.value + '\n' + '\n'
+ "[b]Numéro de puce ou de tatouage : [/b] " + form.numero.value + '\n'
+ "[b]Couleur de la robe : [/b] " + form.couleur.value + '\n'
+ "[b]Race de chien : [/b] " + form.race.value + '\n'
+ "[b]Sexe : [/b] " + genre + '\n'
+ "[b]Année de naissance : [/b] " + form.annee.value + '\n'
+ "[b]Mois de naissance : [/b] " + form.mois.value + '\n'
+ "[b]Jour de naissance : [/b] " + form.jour.value + '\n' + '\n'

+ "[b]Vivait-il avec des enfants en bas âge : [/b] " + form.basage.value + '\n'
+ "[b]Vivait-il avec d'autres animaux : [/b] " + form.autrechien.value + '\n';

if(form.amimale.value != "") // Seulement si le champ n'a pas été laissé vide :
txt_message += "[b]Si oui entente avec les Mâles : [/b] " + form.amimale.value + '\n';

if(form.amifemelle.value != "") // Seulement si le champ n'a pas été laissé vide :
txt_message +=  "[b]Entente avec les Femelles : [/b] " + form.amifemelle.value + '\n';

if(form.amichat.value != "") // Seulement si le champ n'a pas été laissé vide :
txt_message +=  "[b]Entente avec les Chats : [/b] " + form.amichat.value + '\n';

txt_message +=  "[b]Numéro de téléphone : [/b] " + form.phone.value + '\n' + '\n';

if(form.image.value != "") // Seulement si le champ n'a pas été laissé vide :
txt_message +=  "[b]photo du chien/chiot :[/b]" + '\n'
+ "[img]"+ form.image.value +"[/img]" + '\n';

txt_message +=  "[b]Pour quelle raison voulez vous abandonner ce Chien :[/b] " + '\n' + '\n'
+ form.precisions.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.nom.value + " , " + form.race.value + " " +genre + " à l'adoption";
return true;
}
}
</script>

<form action="http://chiens-de-traineau.forumactif.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="38" /> <!--  ID du forum dans lequel le message sera posté-->
<input name="subject" type="hidden" value="" class="USERNAME" />

<fieldset><legend>FORMULAIRE DE MISE A L'ADOPTION D'UN CHIEN</legend>

<table width="100%"><tbody><tr>
<td class="left"><label for="nom"><span style="color:red;">*</span> Nom du Chien :</label></td>
<td><input type="text" name="nom" id="nom" tabindex="10" /></td>
</tr><tr>
<td class="left"><label for="numero"><span style="color:red;">*</span> Numéro de puce ou de tatouage :</label></td>

<td><input type="text" name="numero" id="numero" tabindex="20" /></td>
</tr><tr>
<td class="left"><label for="couleur">Couleur de la robe :</label></td>
<td><input type="text" name="couleur" id="couleur" tabindex="30" /></td>
</tr><tr>
<td class="left"><label for="race :"><span style="color:red;">*</span> Race du chien :</label></td>
<td><input type="text" name="race" id="race" tabindex="30" /></td>
</tr><tr>
<td class="left"><span style="color:red;">*</span> Sexe : </td>
<td><input type="radio" name="souhait" value="male" id="male" tabindex="40" />

<label for="male">Mâle</label><br>

<input type="radio" name="souhait" value="femelle" id="femelle" tabindex="50" />
<label for="femelle">Femelle</label></td>
</tr><tr>
<td class="left"><label for="annee">Année de naissance :</label></td>
<td><input type="text" name="annee" id="annee" tabindex="60"size="4" maxlength="4" /></td>
</tr><tr>
<td class="left"> Mois de naissance : </td>
<td><select id="mois">
<option value="Janvier">Janvier</option>

<option value="Février">Février</option>
<option value="Mars">Mars</option>
<option value="Avril">Avril</option>
<option value="Mai">Mai</option>
<option value="Juin">Juin</option>
<option value="Juillet">Juillet</option>
<option value="Aout">Aout</option>
<option value="Septembre">Septembre</option>
<option value="Octobre">Octobre</option>

<option value="Novembre">Novembre</option>
<option value="Décembre">Décembre</option></select></td>
</tr><tr>
<td class="left"> Jour de naissance : </td>
<td><select id="jour">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>

<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>

<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>

<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option></select></td>

</tr><tr>

<td class="left"><span style="color:red;">*</span><label for="basage"> Vivait-il avec des enfants en bas âge : </label></td>
<td><select name="basage" id="basage" size="2">
<option value="oui">oui</option>
<option value="non">non</option>
</select></td>
</tr><tr>

<td class="left"><span style="color:red;">*</span><label for="autrechien"> Vivait-il avec d'autres animaux : </label></td>
<td><select name="autrechien" id="autrechien" size="2">
<option value="oui">oui</option>
<option value="non">non</option>
</select></td>
</tr><tr>

<td class="left"> <label for="amimale">Si oui, entente avec les Mâles : </label></td>
<td><select name="amimale" id="amimale" size="3">
<option value="" checked="checked">non concerné </option>
<option value="oui">oui</option>
<option value="non">non</option>
</select></td>
</tr><tr>

<td class="left"> <label for="amifemelle">Entente avec les Femelles : </label></td>
<td><select name="amifemelle" id="amifemelle" size="3">
<option value="" checked="checked">non concerné </option>
<option value="oui">oui</option>
<option value="non">non</option>
</select></td>
</tr><tr>

<td class="left"><span style="color:red;">*</span><label for="amichat"> Entente avec les Chats : </label></td>
<td><select name="amichat" id="amichat" size="3">
<option value="" checked="checked">non concerné </option>
<option value="oui">oui</option>
<option value="non">non</option>
</select></td>
</tr><tr>

<td class="left"><label for="phone">Numéro de téléphone :</label></td>
<td><input type="text" name="phone" id="phone" tabindex="70" /></td>

</tr><tr>
<tr>
<td class="left"><label for="image">Photographie du chien :<br>
(ex: http://hebergeur.image.jpg)</label></td>
<td><input name="image" id="image" size="80" maxlength="100" type="text"></td>
</tr>
<td colspan="2"><label for="precisions"><b><span style="color:red;">*</span> Pour quelle raison voulez vous abandonner ce Chien :</b></label>
<p> Tirez sur la poignée en bas à droite de la fenêtre pour agrandir la zone de texte.</p>
<textarea name="precisions" id="precisions" cols="80" rows="6"></textarea></td>

</tr></tbody></table>
</fieldset>
<fieldset><legend>Envoi sur le forum</legend>
<center><br><span style="color:orangered;" id="errormsg"></span><br>
Le message sera envoyé automatiquement dans le bon forum<br><br>

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


[Alban 56]

Pour cette question il faudrait pouvoir choisir plusieurs options et éventuellement les quatre, comment fait-on ? Et quand je fais "Envoyer" j'obtiens "undefined"

Code:

    if(form.discipline.value != "") // Seulement si le champ n'a pas été laissé vide :
    txt_message +=  "[b]Quelle discipline : [/b] " + form.discipline.value + '\n';

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    <td class="left"><span style="color:red;">*</span><label for="discipline"> Quelle discipline : </label></td>
    <td><select name="discipline" id="discipline" size="4">
    <option value="" checked="checked">Cani rando </option>
    <option value="Cani VTT">Cani VTT</option>
    <option value="Kart">Kart</option>
    <option value="Traineau">Traineau</option>
    </select></td>
    </tr><tr>

[Scoubifitz]

dans ce cas précis , il faut utiliser des "checkbox" (des cases à cocher) ...

Code:

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


Code:

<td class="left"><span style="color:red;">*</span><label for="discipline"> Quelle(s) discipline(s) : </label></td>
<td><input type="checkbox" name="discipline" id="Canirando" value="Cani rando" /><label for="Canirando>Cani rando</label><br />
<input type="checkbox" name="discipline" id="CaniVTT" value="Cani VTT" /><label for="CaniVTT">Cani VTT</label><br />
<input type="checkbox" name="discipline" id="kart" value="Kart" /><label for="kart">Kart</label><br />
<input type="checkbox" name="discipline" id="traineau" value="Traineau" /><label for="traineau">Traineau</label></td>
</tr><tr>

[Alban 56]

OK on approche,
une des options "Cani rando" ou "Cani VTT" n'apparait pas dans le formulaire ou dans la fiche.

Je voudrais donner plus d'espace pour la ligne "Adresse"
et limiter la ligne "Code postal" à 5 caractères

[Scoubifitz]

oups ! un petit oubli de guillemet ...

Code:

<td class="left"><span style="color:red;">*</span><label for="discipline"> Quelle(s) discipline(s) : </label></td>
<td><input type="checkbox" name="discipline" id="Canirando" value="Cani rando" /><label for="Canirando">Cani rando</label><br />
<input type="checkbox" name="discipline" id="CaniVTT" value="Cani VTT" /><label for="CaniVTT">Cani VTT</label><br />
<input type="checkbox" name="discipline" id="kart" value="Kart" /><label for="kart">Kart</label><br />
<input type="checkbox" name="discipline" id="traineau" value="Traineau" /><label for="traineau">Traineau</label></td>
</tr><tr>

pour ce qui est votre prochaine demande :

Je voudrais donner plus d'espace pour la ligne "Adresse"
et limiter la ligne "Code postal" à 5 caractères

avant d'aller plus loin , il faut savoir que tous ceux qui s'inscrivent sur votre forum verront des données confidentielles comme le numéro de tél. ou l'adresse ...
je pense que vous avez déjà assez de publicité dans votre boite aux lettres et de spam sur votre téléphone portable ...

De plus , en cas de désinscription , il faudra effacer toutes les données du demandeur , et cela se fait manuellement , message après message ...
moins il y aura de données à effacer , moins vous aurez de travail ...

il vaut mieux proposer de contacter le postulant par MP pour ces données là ...
à lui de décider s'il veut les communiquer , et à qui il veut les communiquer ...

-----------------------------------

pour limiter la ligne "Code postal" à 5 caractères , vous avez déjà l'exemple dans "année de naissance" (augmentez les valeurs size="4" maxlength="4" )
pour donner plus d'espace pour la ligne "Adresse" , vous avez aussi l'exemple dans "photographie du chien" (ajustez les valeurs size="80" maxlength="100" )

"size" étant la largeur du champ , et "maxlength" le nombre maxi de caractères ...

[Alban 56]

Oups !