Formulaire fonctionne que en prévisualisation

4 participants

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

Résolu Formulaire fonctionne que en prévisualisation

Message par MlleAlys Mar 9 Aoû 2016 - 2:43

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur (compte fondateur accessible)
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://les-exiles-d-abyndal.forumactif.org/

Description du problème

Bonjour,

Je reviens vers vous pour un petit souci que j'ai du mal à cerner : J'ai créé pour un forum un formulaire de partenariat sur une page html. Le formulaire fonctionne très bien... seulement quand j'utilise la prévisualisation de la page html ! Une fois la page validée, que les champs soient correctement remplis ou non, cliquer sur "envoyer" me ramène automatiquement vers la page d'erreur "Vous devez préciser un titre avant de pouvoir envoyer votre message.Vous devez entrer un message avant de poster."

Je suppose que le problème doit venir du début de code puisque la vérification des champs obligatoires ne se fait déjà pas non plus sur la page finale (alors qu'elle se fait idem très bien sur la page de prévisualisation !)

Et j'ai du mal à comprendre d'où cette différence peut bien venir pour pouvoir la corriger...

Le code de la page (je suis une quiche en javascript, j'ai bien conscience que mon code doit être très "moche", je bidouille beaucoup et j'en suis désolée d'avance... ^^") :
- utiliser le haut et le bas de page de votre forum ? OUI
- Utiliser cette page en tant que page d'accueil ? NON
Code:
<style>
      body {
        font-size:12px;
        line-height: 18px;
      }
  textarea {
  width:100%;
  }
      #coche {
      border-radius: 10px;
      display: inline-block;
      padding: 0px 10px 0 5px;
      margin-bottom: 5px;
      vertical-align:top;
      }
      #coche input {
      vertical-align: middle;
      }
      input, textarea {
      border-radius: 3px;
      font-family: verdana, arial, helvetica, sans-serif;
      background: #a6889e;
      border-width: 1px;
      border-color: #e4cece;
      margin: 1px;
    }
     
 
    input:-moz-placeholder, textarea:-moz-placeholder {
    color: #5b4f66;
    }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #5b4f66;
    }
    input.placeholder, textarea.placeholder {
    color: #5b4f66;
    }
  .cadre-staff.prez input, .cadre-staff.prez textarea {
  border: 1px solid transparent;
  background: none;
  margin: auto;
  display: block;
  box-sizing: border-box;
  padding:1px;
  }
  .cadre-staff.prez input:focus, .cadre-staff.prez textarea:focus, .cadre-staff.prez input:hover, .cadre-staff.prez textarea:hover {
  border: 1px solid #e4cece;
  }
  input[name="fichebann"] {
    width: 468px;
  height: 60px;
  text-align: center;
  border: 1px solid #e4cece !important;
  }
 
    </style>

<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.pseudo.value == "")
    {
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.pseudo.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.nomforum.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.nomforum.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.lienforum.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.lienforum.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.type.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.type.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.part.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.part.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.typefiche[0].checked == false && form.typefiche[1].checked == false){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    document.getElementById("coche").style.border="2px solid #ad707b";
      return false;
    }
    else if (form.bouton.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.bouton.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.typefiche[0].checked == true & form.lienfiche.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.lienfiche.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else
    {
    form.subject.value = "Demande de partenariat : " + form.nomforum.value;
 
    // Créer un message à partir des informations fournies
 
    var txt_message = form.msg.value +
        "\\n\\n<strong>Nom du Forum :</strong> " + form.nomforum.value +
        "\\n<strong>Lien direct :</strong> " + form.lienforum.value +
        "\\n<strong>Type de forum :</strong> " + form.type.value ;
 
    if (form.decouverte.value!="") {
      txt_message = txt_message +
        "\\n<strong>Découverte d'Abyndal :</strong> " + form.decouverte.value ;
    }
 
    txt_message = txt_message +
        "\\n\\n<strong>Votre fiche a été postée ici :</strong> " + form.part.value +
        "\\n<strong>Url de notre bouton :</strong> " + form.bouton.value ;
 
    if (form.typefiche[0].checked == true) {
      txt_message = txt_message +
        "\\n<strong>Lien vers le code notre fiche de partenariat :</strong> " + form.lienfiche.value ;
    }
 
    if (form.typefiche[1].checked == true) {
      txt_message = txt_message +
  '\\n<strong>Notre fiche</strong> : [code]<div class="cadre-staff prez"><div class="titre-staff nom">' + form.fichenom.value + '</div>' ;
 
  if (form.fichebann.value!="") {
  txt_message = txt_message + '\\n\\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.fichebann.value + '" style="max-width:100%;max-height: 400px;"/></a></center>\\n'; ;
  }
 
  if (form.fichehistoire.value!="") {
  txt_message = txt_message + '\\n<div class="contenu-staff"><div class="titre-staff">L\\'histoire</div>\\n' + form.fichehistoire.value + '\\n</div>\\n' ;
  }
 
  if (form.ficheinfos.value!="") {
  txt_message = txt_message + '\\n<div class="contenu-staff"><div class="titre-staff">Infos</div>\\n' + form.ficheinfos.value + '\\n</div>\\n' ;
  }
 
  if (form.ficheliens.value!="") {
  txt_message = txt_message + '\\n<div class="contenu-staff"><div class="titre-staff">Liens utiles</div>\\n' + form.ficheliens.value + '\\n</div>\\n' ;
  }
 
  if (form.ficheetc.value!="") {
  txt_message = txt_message + '\\n<div class="contenu-staff"><div class="titre-staff">Etc...</div>\\n' + form.ficheetc.value + '\\n</div>\\n' ;
  }
 
  txt_message = txt_message + '\\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.bouton.value + '" style="width: 88px;height: 31px;"/></a></center>\\n\\n</div>[/code]' ;
 
    }
 
    txt_message = txt_message + "\\n\\n" + form.autre.value ;
       
 
    // Insère le texte construit dans le champ caché "message" du formulaire
    form.message.value = txt_message;
    form.username.value = form.pseudo.value;
  }
}
</script>
   
    <div class="categorie" style="padding: 0px 50px 20px 50px; width: 600px;">
     
      <div class="secondarytitle"><h2>Formulaire de partenariat</h2></div>
     
      <form action="http://les-exiles-d-abyndal.forumactif.org/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" target="_parent">
        <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=p ost-it / 2=a nnonce) -->
        <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
        <input type="hidden" name="subject" value="" />
        <input type="hidden" name="username" value="" />
        <input type="hidden" name="f" value="113" /> <!-- ID du forum dans lequel le message sera posté-->
       
        <label>* Votre pseudo : </label> <input type="text" name="pseudo" value="Invité" />
        <br/>
        <label>Votre message : </label>
        <br/>
        <textarea name="msg" rows="10" style="vertical-align:middle;" placeholder="Un petit mot ? =3 "></textarea>
        <br />
        <br/>
        <label>Comment avez vous découvert notre forum ?</label> <input type="text" name="decouverte" />
        <br />
        <br/>
        <b>Informations pour le partenariat :</b>
        <br/>
        <br/>
        <label>* Nom du Forum :</label> <input type="text" name="nomforum" />
        <br />
        <label>* Lien direct du Forum :</label> <input type="url" name="lienforum" placeholder="http://" />
        <br />
        <label>* Type de forum :</label> <input type="text" name="type" placeholder="rpg, discussion, codage..." />
        <br/>
        <br />
        <label>* Lien vers notre fiche sur votre forum :</label> <input type="url" name="part" placeholder="http://" />
        <br/>
        <br/>
        *<div id="coche" style="">
          <input type="radio" name="typefiche" value="t1" onclick="document.getElementById('sansfiche').style.display='block';document.getElementById('avecfiche').style.display='none';"/> Vous avez votre fiche de partenariat
          <br/><input type="radio" name="typefiche" value="t2" onclick="document.getElementById('sansfiche').style.display='none';document.getElementById('avecfiche').style.display='block';"/> Vous souhaitez utiliser le modèle proposé par Abyndal
        </div>
        <br/>
        <label>* Url de votre bouton 88*31 px :</label> <input type="url" name="bouton" placeholder="http://" />
        <br/>
        <div id="sansfiche" style="display:none;">
          <label>* Lien vers le code de votre fiche :</label> <input type="url" name="lienfiche" placeholder="http://" />
        </div>
        <br/>
       
       
        <div id="avecfiche" style="display:none;">
          <br/><b>Fiche de partenariat</b> :
          <br/><i>Modifiez directement sur cette fiche. Videz complètement un cadre pour ne pas l'afficher lors de l'envoi.</i>
         
         
          <br/>
          <br/><div class="cadre-staff prez"><input class="titre-staff nom" type="text" name="fichenom" value="Nom du forum" style="width:100%;"/>
          <br/><input type="url" name="fichebann" placeholder="URL D'UNE BANNIERE ici 468*60px"/>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">L'histoire</div>
          <br/><textarea name="fichehistoire" style="height: 150px;">Résumé du contexte de votre forum, comme une quatrième de couverture !
          </textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Infos</div>
          <br/><textarea name="ficheinfos" style="height: 200px;">Lien du forum :

Type de forum : (rpg, codage, discussion, fantastique, science fiction, réaliste, académie, etc...)
         
Staff :

Date d'ouverture :

Statistiques : (nombre de membres et de messages)
</textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Liens utiles</div>
          <br/><textarea name="ficheliens" style="height: 100px;">Quelques liens qui pourraient intéresser les nouveaux venus, par exemple :
- contexte
- partenariats
- forum où les invités peuvent poster
- etc
</textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Etc...</div>
          <br/><textarea name="ficheetc" style="height: 100px;">BLABLABLA</textarea>
          </div>
          <br/>
          <br/><div style="width:88px;height:31px;border: 1px solid #e4cece;margin:auto;text-align: center;line-height: 15px; font-size:10px; overflow:auto;">Bouton (automatique)</div>
          <br/>
          <br/></div>
          <br/>
          <br/>
        </div>
        <label>Autre chose ? </label>
        <br/>
        <textarea name="autre" rows="5" style="vertical-align:middle;"></textarea>
        <br />
        <br />
        <div id="legende" style="font-style:italic; font-size:10px;">Les champs marqués d'un * sont obligatoires. <span id="errormsg"></span></div>
        <br/>
        <div style="text-align:center;">
          <input type="reset" value="Annuler" style="font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
          <input type="submit" value="Envoyer" name="post" style="font-weight: bold;font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
        </div>
      </form>
    </div>

La page elle-même : http://les-exiles-d-abyndal.forumactif.org/h2-

Et dans la sécurité : Interdire les formulaires non officiels à poster des messages et messages privés sur le forum : NON.


Ah, et un autre détail, moins embêtant mais qui me questionne : je mettais des \n pour les retours à la ligne dans la construction du message, et tout d'un coup ça n'a plus fonctionné... En cherchant sur le net j'ai trouvé \\n, et ça fonctionne donc j'ai modifié pour ajouté le double dash partout, mais je ne comprends pas non plus pourquoi tout d'un coup ça ne fonctionne plus avec un seul ? (Ou plutôt, je suis incapable de localiser la modification que j'ai apportée qui ait pu provoquer ce changement... ^^")


Merci d'avance à tous ceux qui se pencheraient sur la chose ! Very Happy


Dernière édition par MlleAlys le Mar 9 Aoû 2016 - 12:57, édité 1 fois
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Chacha Mar 9 Aoû 2016 - 10:22

Bonjour @MlleAlys

Le sujet a été signalé aux techniciens. Wink

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Mar 9 Aoû 2016 - 13:11

Ok Chacha, merci ^^

Pour info en retirant tous les doubles dashes , ça fonctionne sur la page html !! Mais pas en prévisualisation... On a donc le problème inverse quoi !
Le code de la page sans les double dashes :
Code:
<style>
      body {
        font-size:12px;
        line-height: 18px;
      }
  textarea {
  width:100%;
  }
      #coche {
      border-radius: 10px;
      display: inline-block;
      padding: 0px 10px 0 5px;
      margin-bottom: 5px;
      vertical-align:top;
      }
      #coche input {
      vertical-align: middle;
      }
      input, textarea {
      border-radius: 3px;
      font-family: verdana, arial, helvetica, sans-serif;
      background: #a6889e;
      border-width: 1px;
      border-color: #e4cece;
      margin: 1px;
    }
     
 
    input:-moz-placeholder, textarea:-moz-placeholder {
    color: #5b4f66;
    }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #5b4f66;
    }
    input.placeholder, textarea.placeholder {
    color: #5b4f66;
    }
  .cadre-staff.prez input, .cadre-staff.prez textarea {
  border: 1px solid transparent;
  background: none;
  margin: auto;
  display: block;
  box-sizing: border-box;
  padding:1px;
  }
  .cadre-staff.prez input:focus, .cadre-staff.prez textarea:focus, .cadre-staff.prez input:hover, .cadre-staff.prez textarea:hover {
  border: 1px solid #e4cece;
  }
  input[name="fichebann"] {
    width: 468px;
  height: 60px;
  text-align: center;
  border: 1px solid #e4cece !important;
  }
 
    </style>

<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.pseudo.value == "")
    {
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.pseudo.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.nomforum.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.nomforum.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.lienforum.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.lienforum.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.type.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.type.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if(form.part.value == ""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.part.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.typefiche[0].checked == false && form.typefiche[1].checked == false){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    document.getElementById("coche").style.border="2px solid #ad707b";
      return false;
    }
    else if (form.bouton.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.bouton.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else if (form.typefiche[0].checked == true & form.lienfiche.value==""){
    document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
    form.lienfiche.style.background="rgba(255, 145, 145, 0.5)";
      return false;
    }
    else
    {
    form.subject.value = "Demande de partenariat : " + form.nomforum.value;
 
    // Créer un message à partir des informations fournies
 
    var txt_message = form.msg.value +
        "\n\n<strong>Nom du Forum :</strong> " + form.nomforum.value +
        "\n<strong>Lien direct :</strong> " + form.lienforum.value +
        "\n<strong>Type de forum :</strong> " + form.type.value ;
 
    if (form.decouverte.value!="") {
      txt_message = txt_message +
        "\n<strong>Découverte d'Abyndal :</strong> " + form.decouverte.value ;
    }
 
    txt_message = txt_message +
        "\n\n<strong>Votre fiche a été postée ici :</strong> " + form.part.value +
        "\n<strong>Url de notre bouton :</strong> " + form.bouton.value ;
 
    if (form.typefiche[0].checked == true) {
      txt_message = txt_message +
        "\n<strong>Lien vers le code notre fiche de partenariat :</strong> " + form.lienfiche.value ;
    }
 
    if (form.typefiche[1].checked == true) {
      txt_message = txt_message +
  '\n<strong>Notre fiche</strong> : [code]<div class="cadre-staff prez"><div class="titre-staff nom">' + form.fichenom.value + '</div>' ;
 
  if (form.fichebann.value!="") {
  txt_message = txt_message + '\n\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.fichebann.value + '" style="max-width:100%;max-height: 400px;"/></a></center>\n'; ;
  }
 
  if (form.fichehistoire.value!="") {
  txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">L\'histoire</div>\n' + form.fichehistoire.value + '\n</div>\n' ;
  }
 
  if (form.ficheinfos.value!="") {
  txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Infos</div>\n' + form.ficheinfos.value + '\n</div>\n' ;
  }
 
  if (form.ficheliens.value!="") {
  txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Liens utiles</div>\n' + form.ficheliens.value + '\n</div>\n' ;
  }
 
  if (form.ficheetc.value!="") {
  txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Etc...</div>\n' + form.ficheetc.value + '\n</div>\n' ;
  }
 
  txt_message = txt_message + '\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.bouton.value + '" style="width: 88px;height: 31px;"/></a></center>\n\n</div>[/code]' ;
 
    }
 
    txt_message = txt_message + "\n\n" + form.autre.value ;
       
 
    // Insère le texte construit dans le champ caché "message" du formulaire
    form.message.value = txt_message;
    form.username.value = form.pseudo.value;
  }
}
</script>
   
    <div class="categorie" style="padding: 0px 50px 20px 50px; width: 600px;">
     
      <div class="secondarytitle"><h2>Formulaire de partenariat</h2></div>
     
      <form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" target="_parent">
        <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=p ost-it / 2=a nnonce) -->
        <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
        <input type="hidden" name="subject" value="" />
        <input type="hidden" name="username" value="" />
        <input type="hidden" name="f" value="7" /> <!-- ID du forum dans lequel le message sera posté-->
       
        <label>* Votre pseudo : </label> <input type="text" name="pseudo" value="Invité" />
        <br/>
        <label>Votre message : </label>
        <br/>
        <textarea name="msg" rows="10" style="vertical-align:middle;" placeholder="Un petit mot ? =3 "></textarea>
        <br />
        <br/>
        <label>Comment avez vous découvert notre forum ?</label> <input type="text" name="decouverte" />
        <br />
        <br/>
        <b>Informations pour le partenariat :</b>
        <br/>
        <br/>
        <label>* Nom du Forum :</label> <input type="text" name="nomforum" />
        <br />
        <label>* Lien direct du Forum :</label> <input type="url" name="lienforum" placeholder="http://" />
        <br />
        <label>* Type de forum :</label> <input type="text" name="type" placeholder="rpg, discussion, codage..." />
        <br/>
        <br />
        <label>* Lien vers notre fiche sur votre forum :</label> <input type="url" name="part" placeholder="http://" />
        <br/>
        <br/>
        *<div id="coche" style="">
          <input type="radio" name="typefiche" value="t1" onclick="document.getElementById('sansfiche').style.display='block';document.getElementById('avecfiche').style.display='none';"/> Vous avez votre fiche de partenariat
          <br/><input type="radio" name="typefiche" value="t2" onclick="document.getElementById('sansfiche').style.display='none';document.getElementById('avecfiche').style.display='block';"/> Vous souhaitez utiliser le modèle proposé par Abyndal
        </div>
        <br/>
        <label>* Url de votre bouton 88*31 px :</label> <input type="url" name="bouton" placeholder="http://" />
        <br/>
        <div id="sansfiche" style="display:none;">
          <label>* Lien vers le code de votre fiche :</label> <input type="url" name="lienfiche" placeholder="http://" />
        </div>
        <br/>
       
       
        <div id="avecfiche" style="display:none;">
          <br/><b>Fiche de partenariat</b> :
          <br/><i>Modifiez directement sur cette fiche. Videz complètement un cadre pour ne pas l'afficher lors de l'envoi.</i>
         
         
          <br/>
          <br/><div class="cadre-staff prez"><input class="titre-staff nom" type="text" name="fichenom" value="Nom du forum" style="width:100%;"/>
          <br/><input type="url" name="fichebann" placeholder="URL D'UNE BANNIERE ici 468*60px"/>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">L'histoire</div>
          <br/><textarea name="fichehistoire" style="height: 150px;">Résumé du contexte de votre forum, comme une quatrième de couverture !
          </textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Infos</div>
          <br/><textarea name="ficheinfos" style="height: 200px;">Lien du forum :

Type de forum : (rpg, codage, discussion, fantastique, science fiction, réaliste, académie, etc...)
         
Staff :

Date d'ouverture :

Statistiques : (nombre de membres et de messages)
</textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Liens utiles</div>
          <br/><textarea name="ficheliens" style="height: 100px;">Quelques liens qui pourraient intéresser les nouveaux venus, par exemple :
- contexte
- partenariats
- forum où les invités peuvent poster
- etc
</textarea>
          </div>
          <br/>
          <br/><div class="contenu-staff"><div class="titre-staff">Etc...</div>
          <br/><textarea name="ficheetc" style="height: 100px;">BLABLABLA</textarea>
          </div>
          <br/>
          <br/><div style="width:88px;height:31px;border: 1px solid #e4cece;margin:auto;text-align: center;line-height: 15px; font-size:10px; overflow:auto;">Bouton (automatique)</div>
          <br/>
          <br/></div>
          <br/>
          <br/>
        </div>
        <label>Autre chose ? </label>
        <br/>
        <textarea name="autre" rows="5" style="vertical-align:middle;"></textarea>
        <br />
        <br />
        <div id="legende" style="font-style:italic; font-size:10px;">Les champs marqués d'un * sont obligatoires. <span id="errormsg"></span></div>
        <br/>
        <div style="text-align:center;">
          <input type="reset" value="Annuler" style="font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
          <input type="submit" value="Envoyer" name="post" style="font-weight: bold;font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
        </div>
      </form>
    </div>





EDIT :

Puisque j'ai modifié le code (pour la vérification des champs notamment), voilà le nouveau, simple dashes :
Code:
<style>
  body {
    font-size: 12px;
    line-height: 18px;
  }
  textarea {
    width: 100%;
  }
  #coche {
    border-radius: 10px;
    display: inline-block;
    padding: 0px 10px 0 5px;
    margin-bottom: 5px;
    vertical-align: top;
  }
  #coche input {
    vertical-align: middle;
  }
  input,
  textarea {
    border-radius: 3px;
    font-family: verdana, arial, helvetica, sans-serif;
    background: #a6889e;
    border-width: 1px;
    border-color: #e4cece;
    margin: 1px;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #5b4f66;
  }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #5b4f66;
  }
  input.placeholder,
  textarea.placeholder {
    color: #5b4f66;
  }
  .cadre-staff.prez input,
  .cadre-staff.prez textarea {
    border: 1px solid transparent;
    background: none;
    margin: auto;
    display: block;
    box-sizing: border-box;
    padding: 1px;
  }
  .cadre-staff.prez input:focus,
  .cadre-staff.prez textarea:focus,
  .cadre-staff.prez input:hover,
  .cadre-staff.prez textarea:hover {
    border: 1px solid #e4cece;
  }
  input[name="fichebann"] {
    width: 468px;
    height: 60px;
    text-align: center;
    border: 1px solid #e4cece !important;
  }
</style>

<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.pseudo.value == "" || form.nomforum.value == "" || form.lienforum.value == "" || form.type.value == "" || form.date.value == "" || form.membres.value == "" || form.messages.value == "" || form.part.value == "" || form.typefiche[0].checked == false && form.typefiche[1].checked == false || form.bouton.value == "" || form.typefiche[0].checked == true & form.lienfiche.value == "") {
    document.getElementById("errormsg").innerHTML = "Merci de tous les remplir !";
 
    form.pseudo.style.background = "#a6889e";
      form.nomforum.style.background = "#a6889e";
      form.lienforum.style.background = "#a6889e";
      form.type.style.background = "#a6889e";
      form.date.style.background = "#a6889e";
      form.membres.style.background = "#a6889e";
      form.messages.style.background = "#a6889e";
      form.part.style.background = "#a6889e";
      document.getElementById("coche").style.border = "2px solid transparent";
      form.bouton.style.background = "#a6889e";
      form.lienfiche.style.background = "#a6889e";

    if (form.pseudo.value == "") {
      form.pseudo.style.background = "#ad707b";
    }
    if (form.nomforum.value == "") {
      form.nomforum.style.background = "#ad707b";
    }
    if (form.lienforum.value == "") {
      form.lienforum.style.background = "#ad707b";
    }
    if (form.type.value == "") {
      form.type.style.background = "#ad707b";
    }
    if (form.date.value == "") {
      form.date.style.background = "#ad707b";
    }
    if (form.membres.value == "") {
      form.membres.style.background = "#ad707b";
    }
    if (form.messages.value == "") {
      form.messages.style.background = "#ad707b";
    }
    if (form.part.value == "") {
      form.part.style.background = "#ad707b";
    }
    if (form.typefiche[0].checked == false && form.typefiche[1].checked == false) {
      document.getElementById("coche").style.border = "2px solid #ad707b";
    }
    if (form.bouton.value == "") {
      form.bouton.style.background = "#ad707b";
    }
    if (form.typefiche[0].checked == true & form.lienfiche.value == "") {
      form.lienfiche.style.background = "#ad707b";
    }
    return false;
  }
 
  else {
      form.subject.value = "Demande de partenariat : " + form.nomforum.value;

      // Créer un message à partir des informations fournies

      var txt_message = form.msg.value +
        "\n\n<strong>Nom du forum :</strong> " + form.nomforum.value +
        "\n<strong>Lien direct :</strong> " + form.lienforum.value ;

      if (form.decouverte.value != "") {
        txt_message = txt_message +
          "\n\n<strong>Découverte d'Abyndal :</strong> " + form.decouverte.value;
      }
 
      txt_message = txt_message +
        "\n\n<strong>Type de forum :</strong> " + form.type.value +
        "\n<strong>Date d'ouverture du forum :</strong> " + form.date.value +
        "\n<strong>Statistiques :</strong> " + form.membres.value + " membres ont posté " + form.messages.value + " messages.";

      txt_message = txt_message +
        "\n\n<strong>Votre fiche a été postée ici :</strong> " + form.part.value +
        "\n<strong>Url de notre bouton :</strong> " + form.bouton.value;

      if (form.typefiche[0].checked == true) {
        txt_message = txt_message +
          "\n<strong>Lien vers le code notre fiche de partenariat :</strong> " + form.lienfiche.value;
      }

      if (form.typefiche[1].checked == true) {
        txt_message = txt_message +
          '\n<strong>Notre fiche</strong> : [code]<div class="cadre-staff prez"><div class="titre-staff nom">' + form.fichenom.value + '</div>';

        if (form.fichebann.value != "") {
          txt_message = txt_message + '\n\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.fichebann.value + '" style="max-width:100%;max-height: 400px;"/></a></center>\n';;
        }

        if (form.fichehistoire.value != "") {
          txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">L\'histoire</div>\n' + form.fichehistoire.value + '\n</div>\n';
        }

        if (form.ficheinfos.value != "") {
          txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Infos</div>\n' + form.ficheinfos.value + '\n</div>\n';
        }

        if (form.ficheliens.value != "") {
          txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Liens utiles</div>\n' + form.ficheliens.value + '\n</div>\n';
        }

        if (form.ficheetc.value != "") {
          txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Etc...</div>\n' + form.ficheetc.value + '\n</div>\n';
        }

        txt_message = txt_message + '\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.bouton.value + '" style="width: 88px;height: 31px;"/></a></center>\n\n</div>[/code]';

      }

      txt_message = txt_message + "\n\n" + form.autre.value;


      // Insère le texte construit dans le champ caché "message" du formulaire
      form.message.value = txt_message;
      form.username.value = form.pseudo.value;
    }
  }
</script>
<div class="categorie" style="padding: 0px 50px 20px 50px; width: 600px;">

  <div class="secondarytitle">
    <h2>Formulaire de partenariat</h2>
  </div>

  <form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" target="_parent">
    <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=p ost-it / 2=a nnonce) -->
    <input type="hidden" name="message" value="" />
    <!-- Contiendra le texte du message -->
    <input type="hidden" name="subject" value="" />
    <input type="hidden" name="username" value="" />
    <input type="hidden" name="f" value="113" />
    <!-- ID du forum dans lequel le message sera posté-->

    <label>* Votre pseudo : </label>
    <input type="text" name="pseudo" value="Invité" />
    <br/>
    <label>Votre message : </label>
    <br/>
    <textarea name="msg" rows="10" style="vertical-align:middle;" placeholder="Un petit mot ? =3 "></textarea>
    <br />
    <br/>
    <label>Comment avez vous découvert notre forum ?</label>
    <input type="text" name="decouverte" />
    <br />
    <br/>
    <b>Informations pour le partenariat :</b>
    <br/>
    <br/>
    <label>* Nom du Forum :</label>
    <input type="text" name="nomforum" />
    <br />
    <label>* Lien direct du Forum :</label>
    <input type="url" name="lienforum" placeholder="http://" />
    <br />
    <label>* Type de forum :</label>
    <input type="text" name="type" placeholder="rpg, discussion, codage..." />
    <br/>
    <br />
    <label>* Date d'ouverture du forum :</label>
    <input type="text" name="date" />
    <br/>
    * Statistiques :
    <input type="number" name="membres" style="width:80px;"/> <label>membres</label> et <input type="number" name="messages" style="width:80px;"/> <label>messages</label>
    <br/>
    <br/>
    <label>* Lien vers notre fiche sur votre forum :</label>
    <input type="url" name="part" placeholder="http://" />
    <br/><span style="font-size:10px; font-style:italic;">Retrouvez notre fiche et nos boutons <a href="/t143-#368" target="_blank">ICI</a></span>
    <br/>
    <br/> *
    <div id="coche" style="border: 2px solid transparent;">
      <input type="radio" checked name="typefiche" value="t1" onclick="document.getElementById('sansfiche').style.display='block';document.getElementById('avecfiche').style.display='none';" /> Vous avez votre fiche de partenariat
      <br/>
      <input type="radio" name="typefiche" value="t2" onclick="document.getElementById('sansfiche').style.display='none';document.getElementById('avecfiche').style.display='block';" /> Vous souhaitez utiliser le modèle proposé par Abyndal
    </div>
    <br/>
    <label>* Url de votre bouton 88*31 px :</label>
    <input type="url" name="bouton" placeholder="http://" />
    <br/>
    <div id="sansfiche" style="display:block;">
      <label>* Lien vers le code de votre fiche :</label>
      <input type="url" name="lienfiche" placeholder="http://" />
    </div>
    <br/>


    <div id="avecfiche" style="display:none;">
      <br/><b>Fiche de partenariat</b> :
      <br/><i>Modifiez directement sur cette fiche. Videz complètement un cadre pour ne pas l'afficher lors de l'envoi.</i>

      <br/>
      <br/>
      <div class="cadre-staff prez">
        <input class="titre-staff nom" type="text" name="fichenom" value="Nom du forum" style="width:100%;" />
        <br/>
        <input type="url" name="fichebann" placeholder="URL D'UNE BANNIERE ici 468*60px" />
        <br/>
        <br/>
        <div class="contenu-staff">
          <div class="titre-staff">L'histoire</div>
          <br/>
          <textarea name="fichehistoire" style="height: 150px;">Résumé du contexte de votre forum, comme une quatrième de couverture !</textarea>
        </div>
        <br/>
        <br/>
        <div class="contenu-staff">
          <div class="titre-staff">Infos</div>
          <br/>
          <textarea name="ficheinfos" style="height: 200px;">Lien du forum :

Type de forum : (rpg, codage, discussion, fantastique, science fiction, réaliste, académie, etc...)

Date d'ouverture :

Statistiques : (nombre de membres et de messages)

Staff :
</textarea>
        </div>
        <br/>
        <br/>
        <div class="contenu-staff">
          <div class="titre-staff">Liens utiles</div>
          <br/>
          <textarea name="ficheliens" style="height: 100px;">Quelques liens qui pourraient intéresser les nouveaux venus, par exemple :
- contexte
- partenariats
- forum où les invités peuvent poster
- etc
</textarea>
        </div>
        <br/>
        <br/>
        <div class="contenu-staff">
          <div class="titre-staff">Etc...</div>
          <br/>
          <textarea name="ficheetc" style="height: 100px;">N'hésitez pas à ajouter des choses ! Des événements ? Des quêtes ? Des jeux ? Un nouveau thème ? Un petit mot de la fin ? Le but est de donner envie aux gens d'aller voir le reste de votre forum !</textarea>
        </div>
        <br/>
        <br/>
        <div style="width:88px;height:31px;border: 1px solid #e4cece;margin:auto;text-align: center;line-height: 15px; font-size:10px; overflow:auto;">Bouton (automatique)</div>
        <br/>
        <br/>
      </div>
      <br/>
      <br/>
    </div>
    <label>Autre chose ? </label>
    <br/>
    <textarea name="autre" rows="5" style="vertical-align:middle;"></textarea>
    <br />
    <br />
    <div id="legende" style="font-style:italic; font-size:10px;">Les champs marqués d'un * sont obligatoires. <span id="errormsg" style='color:#fd9a54; font-size:13px; font-style:italic;'></span>
    </div>
    <br/>
    <div style="text-align:center;">
      <input type="reset" value="Annuler" style="font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
      <input type="submit" value="Envoyer" name="post" style="font-weight: bold;font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;" />
    </div>
  </form>
</div>
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Scoubifitz Mar 9 Aoû 2016 - 22:16

Bonsoir,

J'avais déjà vu le souci de disparition des antislash dans les formulaires de pages HTML , après envoi en mode "prévisualisation"

https://forum.forumactif.com/t386639-un-probleme-dans-mon-code-de-formulaire#3249696

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Jeu 11 Aoû 2016 - 16:16

up pour pas oublier ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Lun 15 Aoû 2016 - 13:52

up
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Mar 16 Aoû 2016 - 22:32

up
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Chacha Mer 17 Aoû 2016 - 10:23

MlleAlys a écrit:up
Bonjour,

Un rappel du signalement a été effectué. Wink


Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Mar 23 Aoû 2016 - 1:23

merci ^^

up
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Dim 28 Aoû 2016 - 22:50

up
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Ven 2 Sep 2016 - 17:52

up
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Chacha Jeu 8 Sep 2016 - 10:59

Bonjour @MlleAlys,

La demande est déplacée dans la section "Besoin d'un Dévactif". Wink


Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Jeu 8 Sep 2016 - 15:38

ok merci ! ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Walt Ven 9 Sep 2016 - 11:54

Bonjour @MlleAlys,

Il y avait plusieurs erreurs dans le script, j'ai fait quelques corrections et ça m'a l'air fonctionnel.
En outre, j'ai modifié quelques points du HTML (notamment les label pour l'accessibilité). Voici votre code final :

Code:
<style>
   body {
      font-size:12px;
      line-height:18px;
   }
   textarea {
      width:100%;
   }
   #coche {
      border-radius:10px;
      display:inline-block;
      padding:0px 10px 0 5px;
      margin-bottom:5px;
      vertical-align:top;
   }
   #coche input {
      vertical-align:middle;
   }
   input,textarea {
      border-radius:3px;
      font-family:verdana,arial,helvetica,sans-serif;
      background:#a6889e;
      border-width:1px;
      border-color:#e4cece;
      margin:1px;
   }
   input:-moz-placeholder,textarea:-moz-placeholder {
      color:#5b4f66;
   }
   input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
      color:#5b4f66;
   }
   input.placeholder,textarea.placeholder {
      color:#5b4f66;
   }
   .cadre-staff.prez input,.cadre-staff.prez textarea {
      border:1px solid transparent;
      background:none;
      margin:auto;
      display:block;
      box-sizing:border-box;
      padding:1px;
   }
   .cadre-staff.prez input:focus,.cadre-staff.prez textarea:focus,.cadre-staff.prez input:hover,.cadre-staff.prez textarea:hover {
      border:1px solid #e4cece;
   }
   input[name="fichebann"] {
      width:468px;
      height:60px;
      text-align:center;
      border: 1px solid #e4cece !important;
   }
</style>
<script type="text/javascript">
function envoiMessage(form) {
    if (form.pseudo.value == "" || form.nomforum.value == "" || form.lienforum.value == "" || form.type.value == "" || form.bouton.value == "" || form.part.value == "" || (form.typefiche[0].checked == true & form.lienfiche.value == "") || (form.typefiche[0].checked == false && form.typefiche[1].checked == false)) {
        document.getElementById("errormsg").innerHTML = "<span style='color:#fd9a54; font-size:13px; font-style:italic;'>Merci de tous les remplir !</span>";
        return false;
    } else {
        form.subject.value = "Demande de partenariat : " + form.nomforum.value;
        /* Créer un message à partir des informations fournies */
        var txt_message = form.msg.value +
            "\n\n<strong>Nom du Forum :</strong> " + form.nomforum.value +
            "\n<strong>Lien direct :</strong> " + form.lienforum.value +
            "\n<strong>Type de forum :</strong> " + form.type.value;
        if (form.decouverte.value != "") {
            txt_message = txt_message +
                "\n<strong>Découverte d'Abyndal :</strong> " + form.decouverte.value;
        }
        txt_message = txt_message +
            "\n\n<strong>Votre fiche a été postée ici :</strong> " + form.part.value +
            "\n<strong>Url de notre bouton :</strong> " + form.bouton.value;
        if (form.typefiche[0].checked == true) {
            txt_message = txt_message +
                "\n<strong>Lien vers le code notre fiche de partenariat :</strong> " + form.lienfiche.value;
        }
        if (form.typefiche[1].checked == true) {
            txt_message = txt_message +
                '\n<strong>Notre fiche</strong> : [code]<div class="cadre-staff prez"><div class="titre-staff nom">' + form.fichenom.value + '</div>';
            if (form.fichebann.value != "") {
                txt_message = txt_message + '\n\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.fichebann.value + '" style="max-width:100%;max-height: 400px;"/></a></center>\n';;
            }
            if (form.fichehistoire.value != "") {
                txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">L\'histoire</div>\n' + form.fichehistoire.value + '\n</div>\n';
            }
            if (form.ficheinfos.value != "") {
                txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Infos</div>\n' + form.ficheinfos.value + '\n</div>\n';
            }
            if (form.ficheliens.value != "") {
                txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Liens utiles</div>\n' + form.ficheliens.value + '\n</div>\n';
            }
            if (form.ficheetc.value != "") {
                txt_message = txt_message + '\n<div class="contenu-staff"><div class="titre-staff">Etc...</div>\n' + form.ficheetc.value + '\n</div>\n';
            }
            txt_message = txt_message + '\n<center><a href="' + form.lienforum.value + '" target="_blank"><img src="' + form.bouton.value + '" style="width: 88px;height: 31px;"/></a></center>\n\n</div>[/code]';
        }
        txt_message = txt_message + "\n\n" + form.autre.value;
        /* Insère le texte construit dans le champ caché "message" du formulaire*/
        form.message.value = txt_message;
        form.username.value = form.pseudo.value;
    }
}
</script>
<div class="categorie" style="padding: 0px 50px 20px 50px; width: 600px;">
   <div class="secondarytitle">
      <h2>Formulaire de partenariat</h2>
   </div>
   <form enctype="multipart/form-data" name="post" method="post" action="/post" 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=p ost-it / 2=a nnonce) -->
      <textarea type="hidden" name="message" style="display:none;"></textarea>
      <!-- Contiendra le texte du message -->
      <input type="hidden" name="subject" value=""/>
      <input type="hidden" name="username" value=""/>
      <input type="hidden" name="f" value="113"/>
      <!-- ID du forum dans lequel le message sera posté-->
      <label>* Votre pseudo : <input type="text" name="pseudo" value="Invité" required="required"/></label>
      <br/>
      <label>Votre message : <br/>
      <textarea name="msg" rows="10" style="vertical-align:middle;" placeholder="Un petit mot ?=3"></textarea></label>
      <br/>
      <br/>
      <label>Comment avez vous découvert notre forum ? <input type="text" name="decouverte" required="required"/></label>
      <br/>
      <br/>
      <b>Informations pour le partenariat :</b>
      <br/>
      <br/>
      <label>* Nom du forum : <input type="text" name="nomforum" required="required"/></label>
      <br/>
      <label>* Lien direct du forum : <input type="url" name="lienforum" placeholder="http://" required="required"/></label>
      <br/>
      <label>* Type de forum : <input type="text" name="type" placeholder="rpg, discussion, codage..." required="required"/></label>
      <br/>
      <br/>
      <label>* Lien vers notre fiche sur votre forum : <input type="url" name="part" placeholder="http://" required="required"/></label>
      <br/>
      <br/>
      *
      <div id="coche">
         <label><input type="radio" name="typefiche" value="t1" onclick="document.getElementById('sansfiche').style.display='block';document.getElementById('avecfiche').style.display='none';"/> Vous avez votre fiche de partenariat</label>
         <label><br/><input type="radio" name="typefiche" value="t2" onclick="document.getElementById('sansfiche').style.display='none';document.getElementById('avecfiche').style.display='block';"/> Vous souhaitez utiliser le modèle proposé par Abyndal</label>
      </div>
      <br/>
      <label>* Url de votre bouton 88*31 px : <input type="url" name="bouton" placeholder="http://" required="required"/></label>
      <br/>
      <div id="sansfiche" style="display:none;">
         <label>* Lien vers le code de votre fiche : <input type="url" name="lienfiche" placeholder="http://" required="required"/></label>
      </div>
      <br/>
      <div id="avecfiche" style="display:none;">
         <br/><b>Fiche de partenariat</b> : <br/><i>Modifiez directement sur cette fiche. Videz complètement un cadre pour ne pas l'afficher lors de l'envoi.</i>
         <br/>
         <br/>
         <div class="cadre-staff prez">
            <input class="titre-staff nom" type="text" name="fichenom" value="Nom du forum" style="width:100%;"/>
            <br/><input type="url" name="fichebann" placeholder="URL D'UNE BANNIERE ici 468*60px"/>
            <br/>
            <br/>
            <div class="contenu-staff">
               <div class="titre-staff">
                  L'histoire
               </div>
               <br/><textarea name="fichehistoire" style="height: 150px;">Résumé du contexte de votre forum, comme une quatrième de couverture ! </textarea>
            </div>
            <br/>
            <br/>
            <div class="contenu-staff">
               <div class="titre-staff">
                  Infos
               </div>
               <br/><textarea name="ficheinfos" style="height: 200px;">Lien du forum : Type de forum : (rpg, codage, discussion, fantastique, science fiction, réaliste, académie, etc...) Staff : Date d'ouverture : Statistiques : (nombre de membres et de messages) </textarea>
            </div>
            <br/>
            <br/>
            <div class="contenu-staff">
               <div class="titre-staff">
                  Liens utiles
               </div>
               <br/><textarea name="ficheliens" style="height: 100px;">Quelques liens qui pourraient intéresser les nouveaux venus, par exemple : - contexte - partenariats - forum où les invités peuvent poster - etc </textarea>
            </div>
            <br/>
            <br/>
            <div class="contenu-staff">
               <div class="titre-staff">
                  Etc...
               </div>
               <br/><textarea name="ficheetc" style="height: 100px;">BLABLABLA</textarea>
            </div>
            <br/>
            <br/>
            <div style="width:88px;height:31px;border: 1px solid #e4cece;margin:auto;text-align: center;line-height: 15px; font-size:10px; overflow:auto;">
               Bouton (automatique)
            </div>
            <br/>
            <br/>
         </div>
         <br/>
         <br/>
      </div>
      <label>Autre chose ? <br/>
      <textarea name="autre" rows="5" style="vertical-align:middle;"></textarea></label>
      <br/>
      <br/>
      <div id="legende" style="font-style:italic; font-size:10px;">
         Les champs marqués d'un * sont obligatoires. <span id="errormsg"></span>
      </div>
      <br/>
      <div style="text-align:center;">
         <input type="reset" value="Annuler" style="font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;"/>
         <input type="submit" value="Envoyer" name="post" style="font-weight: bold;font-size: 11px; cursor:pointer;background-color:#7b6476;border-radius:0;"/>
      </div>
   </form>
</div>

Le fait que ça ne fonctionne qu'avec deux antislash en prévisualisation est "normal", la page remplace supprime systématiquement le premier, donc quand vous en mettez deux on obtient en prévisualisation "\n", et lorsque vous en mettez un seul, on obtient "n".

Sur la page finale, ce comportement ne se produit pas, donc un seul antislash suffit. Je vais néanmoins interroger les Dévactifs sur la "normalité" de ce comportement en prévisualisation...

Cordialement,
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par Walt Lun 12 Sep 2016 - 11:50

Bonjour,

Renseignements pris, ce comportement est justifié pour des raisons techniques.
Je considère donc ce sujet comme résolu, n'hésitez pas à me contacter si tel n'est pas le cas. Smile

Cordialement,
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire fonctionne que en prévisualisation

Message par MlleAlys Mar 20 Sep 2016 - 15:13

ok merci ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys 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