Formulaire de présentation ne poste pas le message

2 participants

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

Résolu Formulaire de présentation ne poste pas le message

Message par Pitra Dim 13 Mar 2016 - 17:27

Bonjour/Bonsoir Very Happy

Je voudrais poser un problème que je rencontre avec mon formulaire de présentation. Il poste pas le message qu'on lui demande mais plutôt ce message d'erreur:

Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.

Je l'ai écrit moi-même, sur une base en piochant ici et là sur la toile donc forcément il est bourré d'erreur mais j'ai atteint ma limite de connaissance dans le domaine, je ne sais pas du tout ce qui cloche. Aidez moi svp Angel

Le voici:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
<style type="text/css">

form {
font-size: 13px;
width: 700px;
margin-left:auto;
margin-right:auto;
background-image: url("http://i84.servimg.com/u/f84/19/28/33/53/74031710.jpg");
background-repeat: repeat;
border: 1px solid black;
box-shadow:4px 4px 4px gray,
-1px -1px 4px white;
}
fieldset{
width: 600px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:1px dashed #bbb;
}
legend,p {
font-family: Vivaldi;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 28px;
font-style: gras;
}
.left td{
text-align:right;
width:250px;
}
.left td+td {text-align:left}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var pseudo = form.pseudo.value;
var niveau = form.niveau.value;
var age = form.age.value;
var conjugale = form.conjugale.value;
var familiale = form.familiale.value;
var metier = form.metier.value;
var logement = form.logement.value;
var lien = form.lien.value;
var caratere = form.caratere.value;
var physique = form.physique.value;
var histoire = form.histoire.value;
var aboutt = form.aboutt.value;
var citation = form.citation.value;
 
var txt_message ="<br><div style="width:390px;height:70px;margin-left:30px;text-align:right;"><br><br><br><span style="font-size: 29px;font-family:Monotype Corsiva;color: #531014;">" + pseudo + "</span></div><br><br>"
+ "[b]Pseudo de votre bimbo ? : [/b]" + pseudo + '\n'
+ "[b]Niveau : [/b]" + niveau + '\n'
+ "[b]Âge ? : [/b]" + age + '\n'
+ "[b]Situation Conjugale : [/b]" + conjugale + '\n'
+ "[b]Situation Familiale : [/b]" + familiale + '\n'
+ "[b]Métier : [/b]" + metier + '\n'
+ "[b]Logement : [/b]" + logement + '\n'
+ "[b]Tenue Préférée :[/b]" + lien + '\n'
+ "[b]Caractère :[/b]" + prix + '\n'
+ "[b]Physique :[/b]" + fin + '\n'
+ "[b]Histoire :[/b]" + histoire + '\n'
+ "[b]Un peu de vous :[/b]" + aboutt + '\n'
+ "[b]Citation :[/b]" + citation + '\n';
for(var i = 0; i < form.connais.length; i++)
{
if(form.connais[i].checked == true) { txt_message += " " + form.connais[i].value + " "; }
}
if(form.autreconnais.value != "") // Si le champ "autre" n'a pas été laissé vide ...
  {
txt_message += "<br />[b]Autre[/b] : " + form.autreconnais.value + '\n';}
txt_message += "<br /><br />[b]Plus d'infos ? : [/b]" + form.plusInfo.value + '\n';
}

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.pseudo.value ;

</script>
<style type="text/css"></style></head>
<body>
<form 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" /> <!-- 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="8" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->

<p>Formulaire d'Inscription</p>

<fieldset><legend> Votre Bimbo et Vous </legend>
<table class="left"><tbody><tr>
<td><label for="pseudo">Pseudo de votre bimbo :</label></td><td><input type="text" name="pseudo" id="pseudo" size="35" maxlength="30" placeholder="Apparaitra comme titre "></td></tr>
<tr><td><label for="niveau">Niveau : </label></td><td><input type="text" name="niveau" id="niveau" size="5" maxlength="10" placeholder="001"></td></tr>
<tr><td><label for="age">Âge : </label></td><td><input type="text" name="localisation" id="localisation" size="5" maxlength="20" placeholder="Jours de Jeu"></td></tr>
<tr><td><label for="conjugale">Situation Conjugale : </label></td><td><input type="text" name="conjugale" id="conjugale" size="35" maxlength="90" placeholder="Célibataire, En couple avec..."></td></tr>
<tr><td><label for="familiale">Situation Familiale : </label></td><td><input type="text" name="familiale" id="familiale" size="35" maxlength="90" placeholder="Frère(s), Soeur(s)"></td></tr>
<tr><td><label for="metier">Métier : </label></td><td><input type="text" name="metier" id="metier" size="35" maxlength="500" placeholder="Boulangère, Styliste"></td></tr>
<tr><td><label for="lien">Tenue Préférée : </label></td><td><input type="text" name="lien" id="lien" size="35" maxlength="90" placeholder="Hébergeur autre que celui de MB"></td></tr>
<tr><td><label for="caratere">Caractère : </label></td><td colspan="2" style="text-align:center;"><textarea input type="text" name="caratere" id="caratere" rows="5" cols="45" placeholder="Style, Inspiration"></textarea></td></tr>
<tr><td><label for="physique">Physique : </label></td><td colspan="2" style="text-align:center;"><textarea input type="text" name="physique" id="physique" rows="5" cols="45" placeholder="Physique de votre poupée, tatouage, peau..."></textarea></td></tr>
<tr><td><label for="histoire">Un peu de vous : </label></td><td colspan="2" style="text-align:center;"><textarea input type="text" name="histoire" id="histoire" rows="5" cols="45" placeholder="Dites nous en un peu plus sur vous, la joueuse"></textarea></td></tr>
<tr><td><label for="citation">Citation : </label></td><td colspan="2" style="text-align:center;"><textarea input type="text" name="citation" id="citation" rows="5" cols="45" placeholder="Une citation qui vous représente ou que vous aimez."></textarea></td></tr>
</tbody></table>
</fieldset><br>

<fieldset><legend>Beemoov et Vous</legend>

<br><table class="left">
<tbody><tr><td colspan="2" style="text-align:center;height:50px">Quel(s) autre(s) compte(s) possédez-vous ? </td></tr>

<tr><td><label for="cromimi">Cromimi</label></td><td><input type="checkbox" name="connais" value="J'ai un compte sur cromimi" id="cromimi"></td></tr>
<td><label for="cromimi">Pseudo de votre Eleveuse :</label></td><td><input type="text" name="connais" id="connais" size="35" maxlength="30"></td></tr>
<tr><td><label for="amoursucre">Amour Sucré</label></td><td><input type="checkbox" name="connais" value="J'ai un compte amour sucré" id="amoursucre"></td></tr>
<td><label for="amoursucre">Pseudo de votre Sucrette :</label></td><td><input type="text" name="connais" id="connais" size="35" maxlength="30"></td></tr>
<tr><td><label for="eldarya">Eldarya</label></td><td><input type="checkbox" name="connais" value="J'ai un compte Eldarya" id="eldarya"></td></tr>
<td><label for="eldarya">Pseudo et garde de votre Gardienne :</label></td><td><input type="text" name="connais" id="connais" size="35" maxlength="30"></td></tr>
<tr><td><label for="kemo">Kemo</label></td><td><input type="checkbox" name="connais" value="J'ai un compte Kemo" id="kemo"></td></tr>
<td><label for="kemo">Pseudo de votre compte :</label></td><td><input type="text" name="connais" id="connais" size="35" maxlength="30"></td></tr>

<tr><td><label for="autreconnais">Autre : </label></td><td><input type="text" name="autreconnais" id="autreconnais" size="35" maxlength="90"></td></tr>

<tr><td colspan="2" style="text-align:center;height:50px">Plus d'infos ? </td></tr>
<tr><td colspan="2" style="text-align:center;"><textarea name="plusInfo" id="plusInfo" rows="5" cols="45"></textarea></td></tr>
</tbody></table><br>

</fieldset><br>

<fieldset><legend>Publication de votre course</legend>
<br>
<label><span style="color:brown;">Pour votre information, le titre du sujet sera créé automatiquement.<br>
En envoyant ce formulaire, celui-ci sera automatiquement ajouté sur notre forum. Votre course sera ajoutée au calendrier après vérification des informations par un administrateur.</span></label><br><br>
<input type="submit" name="post" value="Envoyer le formulaire"><br>
</fieldset>
</form>
</body>
</html>


Un grand merci d'avance à qui voudra bien m'aider. Very Happy


Dernière édition par I Am LiBeRtY le Sam 19 Mar 2016 - 21:46, édité 1 fois
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation ne poste pas le message

Message par Pitra Lun 14 Mar 2016 - 19:39

UP !
Une aide svp, merci Smile
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation ne poste pas le message

Message par Pitra Mar 15 Mar 2016 - 19:31

UP^^
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation ne poste pas le message

Message par MasDan Mer 16 Mar 2016 - 15:13

Bonjour I am Liberty,

Créer une page HTML (cochet oui à l'option haut et bas de page)
Code:
<script type="text/javascript">
function envoiMessage(form) {

  var check = "√";
  var chk = "";
  var txt_message = "[center][h2]" + form.pseudo.value + "[/h2][/center][table class='msgIns']"
    + "[tr][td class='msgtitre' colspan='3']Votre Bimbo et Vous[/td][/tr]"
    + "[tr][td class='msgCol1']Pseudo de votre Bimbo[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.pseudo.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Niveau[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.niveau.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Âge[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.age.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Situation Conjugale[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.conjugale.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Situation Familiale[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.familiale.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Métier[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.metier.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Tenue Préférée[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.tenue.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Caractère[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.caratere.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Physique[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.physique.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Histoire[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.histoire.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Citation[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.citation.value + "[/td][/tr]";

  if(form.cromimiChk.checked == true || form.cromimiInf.value != "" || form.amoursucreChk.checked == true || form.amoursucreInf.value != "" ||
    form.eldaryaChk.checked == true || form.eldaryaInf.value != "" || form.kemoChk.checked == true      || form.kemoInf.value != ""      ||
    form.autreconnais.value != ""  || form.plusInfo.value != ""){ 
    txt_message += "[tr][td class='msgtitre' colspan='3']Beemoov et Vous[/td][/tr]";
    if(form.cromimiChk.checked == true || form.cromimiInf.value != "") {
      if(form.cromimiChk.checked == true) { chk = check; } else { chk = ""; }
      txt_message += "[tr][td class='msgCol1']Cromimi[/td][td class='msgCol2'][/td][td class='crochet']" + chk + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre Éleveuse[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.cromimiInf.value + "[/td][/tr]";
    }
    if(form.amoursucreChk.checked == true || form.amoursucreInf.value != "") {
      if(form.amoursucreChk.checked == true) { chk = check; } else { chk = ""; }
      txt_message += "[tr][td class='msgCol1']Amour Sucré[/td][td class='msgCol2'][/td][td class='crochet']" + chk + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre Sucrette[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.amoursucreInf.value + "[/td][/tr]";
    }
    if(form.eldaryaChk.checked == true || form.eldaryaInf.value != "") {
      if(form.eldaryaChk.checked == true) { chk = check; } else { chk = ""; }
      txt_message += "[tr][td class='msgCol1']Eldarya[/td][td class='msgCol2'][/td][td class='crochet']" + chk + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo et garde de votre Gardienne[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.eldaryaInf.value + "[/td][/tr]";
    }
    if(form.kemoChk.checked == true || form.kemoInf.value != "") {
      if(form.kemoChk.checked == true) { chk = check; } else { chk = ""; }
      txt_message += "[tr][td class='msgCol1']Kemo[/td][td class='msgCol2'][/td][td class='crochet']" + chk + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre compte[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.kemoInf.value + "[/td][/tr]";
    }
    if(form.autreconnais.value != "") { // Si le champ "autre" n'a pas été laissé vide ...
      txt_message += "[tr][td class='msgCol1']Autre[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.autreconnais.value + "[/td][/tr]";
    }
    if(form.plusInfo.value != "") { // Si le champ "plusInfo" n'a pas été laissé vide ...
      txt_message += "[tr][td class='msgCol1']Plus d'infos[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.plusInfo.value + "[/td][/tr]";
    }
  } 
  txt_message += "[/table]";

// Insère le texte construit dans le champ caché «message» du formulaire
  form.message.value = txt_message;            
  form.subject.value = "Présentation de " + form.pseudo.value;
 
}
</script>
<div id="ficheIns">
 
<form 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" /> <!-- 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="Une erreur dans l'exécution du code Javascript 21:33" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="8" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Une erreur dans l'exécution du code Javascript" /> <!-- Contiendra le titre du sujet  -->

<p>Formulaire d'inscription</p>

<fieldset><legend> Votre Bimbo et Vous </legend>
<table class="left"><tbody>
  <tr><td><label for="pseudo">Pseudo de votre bimbo :</label></td><td><input type="text" name="pseudo" id="pseudo" size="35" maxlength="30" placeholder="Apparaitra comme titre" required="required" /></td></tr>
  <tr><td><label for="niveau">Niveau : </label></td><td><input type="text" name="niveau" id="niveau" size="5" maxlength="10" placeholder="001" required="required" /></td></tr>
  <tr><td><label for="age">Âge : </label></td><td><input type="text" name="localisation" id="age" size="5" maxlength="20" placeholder="Jours de Jeu" required="required" /></td></tr>
  <tr><td><label for="conjugale">Situation Conjugale : </label></td><td><input type="text" name="conjugale" id="conjugale" size="35" maxlength="90" placeholder="Célibataire, En couple avec..." required="required" /></td></tr>
  <tr><td><label for="familiale">Situation Familiale : </label></td><td><input type="text" name="familiale" id="familiale" size="35" maxlength="90" placeholder="Frère(s), Soeur(s)" required="required" /></td></tr>
  <tr><td><label for="metier">Métier : </label></td><td><input type="text" name="metier" id="metier" size="35" maxlength="500" placeholder="Boulangère, Styliste" required="required" /></td></tr>
  <tr><td><label for="tenue">Tenue Préférée : </label></td><td><input type="text" name="tenue" id="tenue" size="35" maxlength="90" placeholder="Hébergeur autre que celui de MB" required="required" /></td></tr>
  <tr><td><label for="caratere">Caractère : </label></td><td colspan="2"><textarea input type="text" name="caratere" id="caratere" rows="5" cols="45" placeholder="Style, Inspiration" required="required"></textarea></td></tr>
  <tr><td><label for="physique">Physique : </label></td><td colspan="2"><textarea input type="text" name="physique" id="physique" rows="5" cols="45" placeholder="Physique de votre poupée, tatouage, peau..." required="required"></textarea></td></tr>
  <tr><td><label for="histoire">Un peu de vous : </label></td><td colspan="2"><textarea input type="text" name="histoire" id="histoire" rows="5" cols="45" placeholder="Dites nous en un peu plus sur vous, la joueuse" required="required"></textarea></td></tr>
  <tr><td><label for="citation">Citation : </label></td><td colspan="2"><textarea input type="text" name="citation" id="citation" rows="5" cols="45" placeholder="Une citation qui vous représente ou que vous aimez." required="required"></textarea></td></tr>
</tbody></table>
</fieldset><br />

<fieldset><legend>Beemoov et Vous</legend>
 
<br /><table class="left">
<tbody><tr><td colspan="2" style="text-align:center;height:50px">Quel(s) autre(s) compte(s) possédez-vous ? </td></tr>

  <tr><td><label for="cromimiChk">Cromimi</label></td><td><input type="checkbox" name="cromimiChk" value="J'ai un compte sur cromimi" id="cromimiChk" /></td></tr>
  <tr><td><label for="cromimiInf">Pseudo de votre Eleveuse :</label></td><td><input type="text" name="cromimiInf" id="cromimiInf" size="35" maxlength="30" /></td></tr>
  <tr><td><label for="amoursucreChk">Amour Sucré</label></td><td><input type="checkbox" name="amoursucreChk" value="J'ai un compte amour sucré" id="amoursucreChk" /></td></tr>
  <tr><td><label for="amoursucreInf">Pseudo de votre Sucrette :</label></td><td><input type="text" name="amoursucreInf" id="amoursucreInf" size="35" maxlength="30" /></td></tr>
  <tr><td><label for="eldaryaChk">Eldarya</label></td><td><input type="checkbox" name="eldaryaChk" value="J'ai un compte Eldarya" id="eldaryaChk" /></td></tr>
  <tr><td><label for="eldaryaInf">Pseudo et garde de votre Gardienne :</label></td><td><input type="text" name="eldaryaInf" id="eldaryaInf" size="35" maxlength="30" /></td></tr>
  <tr><td><label for="kemoChk">Kemo</label></td><td><input type="checkbox" name="kemoChk" value="J'ai un compte Kemo" id="kemoChk" /></td></tr>
  <tr><td><label for="kemoInf">Pseudo de votre compte :</label></td><td><input type="text" name="kemoInf" id="kemoInf" size="35" maxlength="30" /></td></tr>

  <tr><td><label for="autreconnais">Autre : </label></td><td><input type="text" name="autreconnais" id="autreconnais" size="35" maxlength="90" /></td></tr>

  <tr><td colspan="2" style="text-align:center;height:50px">Plus d'infos ? </td></tr>
  <tr><td colspan="2" style="text-align:center;"><textarea name="plusInfo" id="plusInfo" rows="5" cols="45"></textarea></td></tr>
</tbody></table><br />

</fieldset><br />

<fieldset>
  <legend>Publication de votre course</legend>
  <br />
  <div id="publ">
    Pour votre information, le titre du sujet sera créé automatiquement.<br />
    En envoyant ce formulaire, celui-ci sera automatiquement ajouté sur notre forum. Votre course sera ajoutée au calendrier après vérification des informations par un administrateur.
  </div><br />
  <input type="submit" name="post" value="Envoyer le formulaire" />
</fieldset>

  <br />
</form>
</div>

Ajouter à votre CSS
Code:
/*  Début formulaire d'inscription  */
#ficheIns form, .msgIns {
font-size: 13px;
width: 700px;
margin-left:auto;
margin-right:auto;
background-image: url("http://i84.servimg.com/u/f84/19/28/33/53/74031710.jpg");
background-repeat: repeat;
border: 1px solid black;
box-shadow:4px 4px 4px gray,
-1px -1px 4px white;
}
#ficheIns fieldset{
width: 600px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:1px dashed #bbb;
}
#ficheIns legend, #ficheIns p {
font-family: Vivaldi;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 28px;
font-style: gras;
}
#ficheIns .left td{
text-align:right;
width:250px;
}
#ficheIns .left td+td {text-align: left}
#ficheIns #publ {color: brown}
#ficheIns .libelle {font: bolt}
.msgIns {
  border-spacing: 8px;
  border-radius: 10px;
}
.msgCol1 {width: 120px; vertical-align: text-top; text-align: right}
.msgCol2 {width: 5px; vertical-align: text-top;}
.msgCol3 {width: 250px; background: #f3f2ec;  border: 1px solid #9EBEB9; box-shadow: 0px 0px 2px #432C26;
}
.msgtitre {font: bold; font-size: 1.5em;}
.crochet {font: bold; font-size: 2em; color: #5DD15D;}
/*  Fin formulaire d'inscription  */

À votre Panneau d'administration / onglet Général / Forum - Sécurité / Configuration de la sécurité.
Vérifier que «non» est coché à l'option «Interdire les formulaires non officiels à poster des messages et des messages privés sur le forum».
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation ne poste pas le message

Message par Pitra Mer 16 Mar 2016 - 16:28

Bonjour MasDan

WOW MERCI INFINIMENT POUR VOTRE AIDE!!
Je vois que vous avez réécrit tout le code et que vous avez rajouté un message d'erreur. Le formulaire se poste bien là où on le lui demande maintenant! Yes

Sans vouloir vous importuner, j'ai une petite demande supplémentaire si vous voulez bien.

Serait-il possible de faire en sorte que dans la deuxième partie du formulaire, les parties "pseudos" ne soient remplissables que lorsque la case du haut est cochée? Et que inversement, si la case est cochée, la partie pseudo correspondante soit obligatoirement remplie?

Un exemple:
Cromimi: non-cochée
Pseudo de votre éleveuse: grisée, inaccessible

Cromimi: cochée
Pseudo: non-remplie; lors de l'envoi du formulaire, le message d'erreur "Vous devez remplir ce champ" apparaît, obligeant ainsi le membre à le remplir.

Si ce n'et pas possible, ce n'est pas grave^^ Merci encore pour votre aide!!
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation ne poste pas le message

Message par Pitra Jeu 17 Mar 2016 - 19:52

UP^^
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation ne poste pas le message

Message par MasDan Ven 18 Mar 2016 - 1:58

Bonjour I am Liberty,

Voici une nouvelle version.


Remplacer votre page HTML par ceci
Code:
<script type="text/JavaScript">
function envoiMessage(form) {

  var check = "√";
  var txt_message = "[center][h2]" + form.pseudo.value + "[/h2][/center][table class='msgIns']"
    + "[tr][td class='msgtitre' colspan='3']Votre Bimbo et Vous[/td][/tr]"
    + "[tr][td class='msgCol1']Pseudo de votre Bimbo[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.pseudo.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Niveau[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.niveau.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Âge[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.age.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Situation Conjugale[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.conjugale.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Situation Familiale[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.familiale.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Métier[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.metier.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Tenue Préférée[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.tenue.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Caractère[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.caratere.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Physique[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.physique.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Histoire[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.histoire.value + "[/td][/tr]"
    + "[tr][td class='msgCol1']Citation[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.citation.value + "[/td][/tr]";

  if(form.cromimiChk.checked == true || form.amoursucreChk.checked == true || form.eldaryaChk.checked == true ||
    form.kemoChk.checked == true    || form.autreconnais.value != ""      || form.plusInfo.value != "") { 
    txt_message += "[tr][td class='msgtitre' colspan='3']Beemoov et Vous[/td][/tr]";
    if(form.cromimiChk.checked == true) {
      txt_message += "[tr][td class='msgCol1']Cromimi[/td][td class='msgCol2'][/td][td class='crochet']" + check + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre Éleveuse[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.cromimiInf.value + "[/td][/tr]";
    }
    if(form.amoursucreChk.checked == true) {
      txt_message += "[tr][td class='msgCol1']Amour Sucré[/td][td class='msgCol2'][/td][td class='crochet']" + check + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre Sucrette[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.amoursucreInf.value + "[/td][/tr]";
    }
    if(form.eldaryaChk.checked == true) {
      txt_message += "[tr][td class='msgCol1']Eldarya[/td][td class='msgCol2'][/td][td class='crochet']" + check + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo et garde de votre Gardienne[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.eldaryaInf.value + "[/td][/tr]";
    }
    if(form.kemoChk.checked == true) {
      txt_message += "[tr][td class='msgCol1']Kemo[/td][td class='msgCol2'][/td][td class='crochet']" + check + "[/td][/tr]";
      txt_message += "[tr][td class='msgCol1']Pseudo de votre compte[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.kemoInf.value + "[/td][/tr]";
    }
    if(form.autreconnais.value != "") { // Si le champ "autre" n'a pas été laissé vide ...
      txt_message += "[tr][td class='msgCol1']Autre[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.autreconnais.value + "[/td][/tr]";
    }
    if(form.plusInfo.value != "") { // Si le champ "plusInfo" n'a pas été laissé vide ...
      txt_message += "[tr][td class='msgCol1']Plus d'infos[/td][td class='msgCol2']:[/td][td class='msgCol3']" + form.plusInfo.value + "[/td][/tr]";
    }
  } 
  txt_message += "[/table]";

// Insère le texte construit dans le champ caché «message» du formulaire
  form.message.value = txt_message;            
  form.subject.value = "Présentation de " + form.pseudo.value;
 
}

function ChkBox(parm) {
   
  if ( $('#' + parm + 'Chk:checked').val() != undefined ) {
    $('#' + parm + 'Inf').removeAttr('disabled').attr('required','required');    
  } else {
    $("#" + parm + "Inf").val("  ").removeAttr('required').attr('disabled','disabled');
  }
}
</script>
<div id="ficheIns">
 
<form 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" /> <!-- 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="Une erreur dans l'exécution du code Javascript 21:33" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="8" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Une erreur dans l'exécution du code Javascript" /> <!-- Contiendra le titre du sujet  -->

<p>Formulaire d'inscription</p>

<p id="notice">Les champs avec la <span> bordure hachurée </span> sont obligatoires</p>

<fieldset><legend> Votre Bimbo et Vous </legend>
<table class="left"><tbody>
  <tr><td><label for="pseudo">Pseudo de votre bimbo :</label></td><td><input type="text" name="pseudo" id="pseudo" size="35" maxlength="30" placeholder="Apparaitra comme titre" required="required" /></td></tr>
  <tr><td><label for="niveau">Niveau : </label></td><td><input type="text" name="niveau" id="niveau" size="5" maxlength="10" placeholder="001" required="required" /></td></tr>
  <tr><td><label for="age">Âge : </label></td><td><input type="text" name="localisation" id="age" size="5" maxlength="20" placeholder="Jours de Jeu" required="required" /></td></tr>
  <tr><td><label for="conjugale">Situation Conjugale : </label></td><td><input type="text" name="conjugale" id="conjugale" size="35" maxlength="90" placeholder="Célibataire, En couple avec..." required="required" /></td></tr>
  <tr><td><label for="familiale">Situation Familiale : </label></td><td><input type="text" name="familiale" id="familiale" size="35" maxlength="90" placeholder="Frère(s), Soeur(s)" required="required" /></td></tr>
  <tr><td><label for="metier">Métier : </label></td><td><input type="text" name="metier" id="metier" size="35" maxlength="500" placeholder="Boulangère, Styliste" required="required" /></td></tr>
  <tr><td><label for="tenue">Tenue Préférée : </label></td><td><input type="text" name="tenue" id="tenue" size="35" maxlength="90" placeholder="Hébergeur autre que celui de MB" required="required" /></td></tr>
  <tr><td><label for="caratere">Caractère : </label></td><td colspan="2"><textarea input type="text" name="caratere" id="caratere" rows="5" cols="45" placeholder="Style, Inspiration" required="required"></textarea></td></tr>
  <tr><td><label for="physique">Physique : </label></td><td colspan="2"><textarea input type="text" name="physique" id="physique" rows="5" cols="45" placeholder="Physique de votre poupée, tatouage, peau..." required="required"></textarea></td></tr>
  <tr><td><label for="histoire">Un peu de vous : </label></td><td colspan="2"><textarea input type="text" name="histoire" id="histoire" rows="5" cols="45" placeholder="Dites nous en un peu plus sur vous, la joueuse" required="required"></textarea></td></tr>
  <tr><td><label for="citation">Citation : </label></td><td colspan="2"><textarea input type="text" name="citation" id="citation" rows="5" cols="45" placeholder="Une citation qui vous représente ou que vous aimez." required="required"></textarea></td></tr>
</tbody></table>
</fieldset><br />

<fieldset><legend>Beemoov et Vous</legend>
 
<br /><table class="left">
<tbody><tr><td colspan="2" style="text-align:center;height:50px">Quel(s) autre(s) compte(s) possédez-vous ? </td></tr>

  <tr><td><label for="cromimiChk">Cromimi</label></td><td><input type="checkbox" name="cromimiChk" value="J'ai un compte sur cromimi" id="cromimiChk" onClick="ChkBox('cromimi')" /></td></tr>
  <tr><td><label for="cromimiInf">Pseudo de votre Eleveuse :</label></td><td><input type="text" name="cromimiInf" id="cromimiInf" size="35" maxlength="30" disabled /></td></tr>
  <tr><td><label for="amoursucreChk">Amour Sucré</label></td><td><input type="checkbox" name="amoursucreChk" value="J'ai un compte amour sucré" id="amoursucreChk"  onClick="ChkBox('amoursucre')"/></td></tr>
  <tr><td><label for="amoursucreInf">Pseudo de votre Sucrette :</label></td><td><input type="text" name="amoursucreInf" id="amoursucreInf" size="35" maxlength="30" disabled /></td></tr>
  <tr><td><label for="eldaryaChk">Eldarya</label></td><td><input type="checkbox" name="eldaryaChk" value="J'ai un compte Eldarya" id="eldaryaChk" onClick="ChkBox('eldarya')" /></td></tr>
  <tr><td><label for="eldaryaInf">Pseudo et garde de votre Gardienne :</label></td><td><input type="text" name="eldaryaInf" id="eldaryaInf" size="35" maxlength="30" disabled /></td></tr>
  <tr><td><label for="kemoChk">Kemo</label></td><td><input type="checkbox" name="kemoChk" value="J'ai un compte Kemo" id="kemoChk" onClick="ChkBox('kemo')" /></td></tr>
  <tr><td><label for="kemoInf">Pseudo de votre compte :</label></td><td><input type="text" name="kemoInf" id="kemoInf" size="35" maxlength="30" disabled /></td></tr>

  <tr><td><label for="autreconnais">Autre : </label></td><td><input type="text" name="autreconnais" id="autreconnais" size="35" maxlength="90" /></td></tr>

  <tr><td colspan="2" style="text-align:center;height:50px">Plus d'infos ? </td></tr>
  <tr><td colspan="2" style="text-align:center;"><textarea name="plusInfo" id="plusInfo" rows="5" cols="45"></textarea></td></tr>
</tbody></table><br />

</fieldset><br />

<fieldset>
  <legend>Publication de votre course</legend>
  <br />
  <div id="publ">
    Pour votre information, le titre du sujet sera créé automatiquement.<br />
    En envoyant ce formulaire, celui-ci sera automatiquement ajouté sur notre forum. Votre course sera ajoutée au calendrier après vérification des informations par un administrateur.
  </div><br />
  <input type="submit" name="post" value="Envoyer le formulaire" />
</fieldset>

  <br />
</form>
</div>

et remplacer votre CSS par ceci
Code:
/*  Début formulaire d'inscription  */
#ficheIns form, .msgIns {
font-size: 13px;
width: 700px;
margin-left:auto;
margin-right:auto;
background-image: url("http://i84.servimg.com/u/f84/19/28/33/53/74031710.jpg");
background-repeat: repeat;
border: 1px solid black;
box-shadow:4px 4px 4px gray,
-1px -1px 4px white;
}
#ficheIns fieldset{
width: 600px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:1px dashed #bbb;
}
#ficheIns legend, #ficheIns p {
font-family: Vivaldi;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 28px;
font-style: gras;
}
#ficheIns .left td{
text-align:right;
width:250px;
}
#ficheIns .left td+td {text-align: left}
#ficheIns #publ {color: brown}
#ficheIns .libelle {font: bolt}

.msgIns {
  border-spacing: 8px;
  border-radius: 10px;
}

.msgCol1 {width: 120px; vertical-align: text-top; text-align: right}
.msgCol2 {width: 5px; vertical-align: text-top;}
.msgCol3 {width: 250px;}
.msgtitre {font: bold; font-size: 1.5em;}
.crochet {font: bold; font-size: 2em; color: #5DD15D;}

input, .msgCol3{
  background: #f3f2ec;  border: 1px solid #9EBEB9;
  box-shadow: 0px 0px 2px #432C26;
}

[required], p#notice span {border: 2px dotted orange;}
[disabled] {background-color: #ccd6d7}
p#notice {font-size: 12px; text-align: left; margin-left: 25px;}

#ficheIns input[name='post'] {
  color: #531014;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid black;
  border-radius: 25px;
  box-shadow:4px 4px 4px gray, -1px -1px 4px white;
  background-color; #00ffff;
}
#ficheIns input[name='post']:hover {color: brown; background-color: RGBa(0, 255, 255, .2)}
/*  Fin formulaire d'inscription  */
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation ne poste pas le message

Message par Pitra Ven 18 Mar 2016 - 2:20

Bonjour MasDan,

:thanks: infiniment pour cette nouvelle version!!! C'est pile poil le style que je cherchais!

Je vais juste garder le sujet ouvert encore un jour pour test.

Merci encore! Yes
Pitra

Pitra
***

Féminin
Messages : 132
Inscrit(e) le : 16/09/2015

http://bimbforum.forumeiros.com
Pitra a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum