Petit Soucis Formulaire de présentation

[gigi68]

Bonjour à tous ,

J'ai un soucis avec mon formulaire de présentation , dans ce formulaire le titre ce fait automatiquement mais mon soucis c'est qu'il devrait y avoir le pseudo du posteur dans le titre et celui-ci ne fonctionne plus depuis quelques temps ...
J'ai beau chercher je vois pas d'où viens ce problème ...

Quelqu'un serais m'aidé ? Merci par avance  

Code:

<style type="text/css">
input[type=submit]{
border-radius: 40px 40px 40px 40px;  /* Arrondis les bords */
background-color: #58CC54;  /* Couleur de fond */
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
input[type=reset]{
border-radius: 40px 40px 40px 40px;  /* Arrondis les bords */
background-color: #FFBC69;  /* Couleur de fond */
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
#fiche {
width: 540px;
margin:auto;
padding:1px 20px;
background:#EDEDF5;
}
#fiche label{
display:inline-block;
width: 180px;
}
#fiche input[type=text]:focus,
#fiche textarea:focus {
background:#D18C8C;
}
</style><script type="text/javascript" src="https://js01.fra.co/24922.js"></script><script type="text/javascript">
    function envoi(form){
    var ressources;
    if (form.ressources.value == 'Non rempli') {
            ressources = _userdata.username + " n'a pas rempli ce champ :no:";
    } else {
        ressources = form.ressources.value;
    }
    // Créer un message à partir des informations fournies
  
    var txt_message = "[b]Localité : [/b]" + form.min.value + " [b][/b] " + form.heure1.value +"\n\n"
    + "[b]Ma moto :  [/b]" + form.select.value +"\n\n"
    + "[b]Motard depuis : [/b]" + form.date.value +"\n\n"
    + "[b]But de mon inscription : [/b]" + form.localise.value +"\n\n"
    + "[b]Moyen utilisé pour trouver ce forum ? : [/b]" + ressources +"\n\n"
    + "[b]Proposeriez-vous ce forum à d'autres Motards ? : [/b]" + form.padam.value +"\n\n"
    + "[b]Présentation ,  [/b]" + form.diver.value +"\n\n"
    + (form.photo.value ? "[b]Photo ;  [/b]" + form.photo.value +"\n\n":"");
  
    // Insére le texte dans le champ caché "message" du formulaire
  
    form.message.value = txt_message;}

</script>
<div id="fiche">
                                                                                                                                                                                                                                                                                                                                                                                                                          
 <form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoi(this)">
                                                                                                                                                                                                                  <input type="hidden" name="lt" value="0" /><input type="hidden" name="mode" value="newtopic" /><input type="hidden" name="topictype" value="0" checked="checked" /><input type="hidden" name="message" value="" /><input type="hidden" name="f" value="3" /><input type="hidden" name="subject" value="Présentation de " class="USERNAME" />                                                                                                                                                                                                                    
 <h2>
                                                                                                                                                                        
 <div style="text-align: center;">
                                                                                                                                                            <span style="color: rgb(153, 153, 153); font-weight: bold;font-size: 24px;">FORMULAIRE DE PRÉSENTATION</span> <br /><br />                                                                                                                                      <span style="color: #6600FF;"><span style="font-size: 24px;">Bonjour <span =""="" class="USERNAME"> </span> </span>,</span>                                                                                                                                                                                                                    
 <p>
                                                                                                                                                                                                                                                                                                                                                                              
 </p>
                                                                                                                                                                                                                                                                                                                                                                          
 </div>
                                                                                                                                                                  
 </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                    
 <p>
                                                                                                                                                                                                                                                                                                                                
 </p>
                                                                                                                                                                                                                                                                                                    
 <div style="text-align: left;">
                                                                                                                                                          <span style="color: rgb(255, 153, 51); font-size: 10px;"><span style="font-size: 10px;">Champs obligatoires *</span></span><br />                                                                                                                                                    
 <p>
                                                                                                                                                                                                                                        
 </p>
                                                                                                                                                                                                                                      
 <div align="center">
                                                                                                                         <span style="font-size: 12px;">Merci de faire une présentation sérieuse en remplissant les champs ci dessous,ceci seront modifiable en cliquant sur "</span><span style="font-size: 12px;">Edité dans ta présentation !</span>                                                                                                                  
 </div>
                                                                                                                                                                                                                                      
 <div align="center">
                                                                                                                        <span style="font-size: 12px;"><span style="color: rgb(255, 153, 51);">Toutes présentations mal renseigné sera supprimé sans délais ! </span></span>                                                                                                                  
 </div>
                                                                                                                                                                                                                                      
 <div align="center">
                                                                                                                        <span style="font-size: 12px;">Vous aurez alors, la possibilité d'en faire une nouvelle . </span>                                                                                                                  
 </div>
                                                                                                                                                                                                                                      
 <div align="center">
                                                                                                                        <span style="font-size: 12px;">Merci de vous être enregistré et bienvenue sur MOTO SUD'ALSACE</span>                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                              
 <p>
                                                                                                                                                                                                                                        
 </p>
                                                                                                                                                                                                                                                                                                                                                          
 <p>
                                                                                                                                                                                                                            <span style="font-size: 13px;">Localité :* </span><label><input maxlength="40" size="15" name="min" type="text" placeholder="Bollwiller" required="required" <="" span="" /> </label><span style="font-size: 13px;">Code postal :* </span><input maxlength="5" size="8" name="heure1" type="text" placeholder="68540" required="required" />                                                                                                                                                                                                                      
 </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                            
 <p>
                                                                                                                                                                                                                            <label><span style="font-size: 13px;">Ma moto :*</span> </label><input name="select" size="35" type="text" placeholder="Marque/Cylindrée - Passager/ère" required="required" />                                                                                                                                                                                                                
 </p>
                                                                                                                                                                                                                                                                                                      
 <p>
                                                                                                                                                                                                                            <label><span style="font-size: 13px;">Motard depuis ? :*</span>  </label><input name="date" size="35" type="text" placeholder="Année" required="required" />                                                                                                                                                                                                                  
 </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                                
 <p>
                                                                                                                                                                                                                            <label><span style="font-size: 13px;">Quel est le but de votre inscription chez nous ? :*</span>  </label><input name="localise" size="35" type="text" placeholder="Ex: Balades,rencontres..." required="required" />                                                                                                                                                                                                                                
 </p>
                                                                                                                                                        
 <p>
                                                                                                                           <label for="ressources"><span style="font-size: 13px;">Moyen utilisé pour trouver notre forum ? : </span></label>  <select id="ressources" required"ressources"="" name="required=">
                  <option value="Non rempli">Choix</option>
                  <option value="Trouvé sur internet par hasard !">Trouvé sur internet par hasard</option>
                  <option value="Conseillé par un(e) ami(e) !">Conseillé par un(e) ami(e)</option>
                  <option value="Cartes de visite reçu d'un membre du forum !">Cartes de visite reçu d'un membre</option>
                  <option value="Réseaux sociaux / Autre forums !">Réseaux sociaux / Autre forums </option>
                  <option value="Bouche-à-oreilles !">Bouche-à-oreilles</option>
              </select>                                                                                                                                                                                      
 </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
 <p>
                                                                                                                                                                                                                                                                                     <label for="statut"><span style="font-size: 13px;">Proposeriez-vous ce forum à d'autres Motards ? :*</span></label><select required="" id="remise" name="padam">
<option selected="" value="">Choix</option>
<option value="Oui">Oui</option>
<option value="Non">Non</option>
<option value="Je n'en connais pas">Je n'en connais pas</option></select><br />                                                                                                                                                                                                                                                                                            
 </p>
                                                                                                                                            
 <p>
                                                                                                                                                                                                                            <span style="font-size: 13px;">Décrivez votre présentation :* </span> <br /><textarea name="diver" required="required" rows="5" cols="63"></textarea>                                                                                                                                                                                                                      
 </p>
                                                                                                              
 <div align="center">
                                                        Envoyer une photo (Facultatif)                                                        
 </div>
                                                            <iframe src="https://www.casimages.com/module_ext.php" scrolling="no" frameborder="0" allowtransparency="true" style="width: 300px; height: 100px;"></iframe> <label><span style="font-size: 14px;">Lien de votre photo :</span> </label><input type="text" size="40" name="photo" placeholder="https//: lien de l'image" />                                                      
 </div>
                                                                                                          
 <p>
                                                                                                              
 </p>
                                                                                                                                                                                                                                                                                                                
 <p>
                                                                                                                                                                                                                                                                                                                    
 </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                                
 <p style="text-align: right;" id="send">
                                                                                                                                                                                                                                                                          
 </p>
                                                                                            
 <div align="center">
                                               <input type="submit" name="post" class="Valider" value="Valider" /> <input type="reset" name="post" class="Recommencer" value="Refaire" />                                                
 </div>
                                                                                                                                                                                                                                                                    
 <p>
                                                                                            
 </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                          
 </form>
</div>
                                                                                                                       <object style="width: 1px; height: 1px;"><param id="movie" value="https://www.youtube.com/v/5NgJAKWH__4&autoplay=1" /><embed style="width: 1px; height: 1px;" src="https://www.youtube.com/v/5NgJAKWH__4&autoplay=1" type="application/x-shockwave-flash" /></object>

[Toryudo]

Bonjour,

Suite à des tests, je vois qu'il existe un problème sur le code du script https://js01.fra.co/24922.js, qui permet de récupérer les variables users (tuto https://forum.forumactif.com/t260631-utiliser-les-variables-user-et-forum-autre-part-sur-le-forum).

Le tuto doit dater de 2009, et en ce temps-là, le langage SVG n'était pas très courant... Aujourd'hui, le script ne fonctionne plus quand une image SVG est présente sur la page, ce qui est le cas pour certaines publicités notamment.

Pour corriger le problème, deux solutions possibles :
- soit nous voyons s'il est possible de modifier le script directement avec le staff de Forumactif, pour que vous n'ayez rien à faire
- soit vous pouvez directement remplacer votre HTML par celui-ci :

Code:

<style type="text/css">
  input[type=submit] {
    border-radius: 40px;
    /* Arrondis les bords */
    background-color: #58CC54;
    /* Couleur de fond */
    font-family: 'Uncial Antiqua', cursive;
    color: #003399;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
  }

  input[type=reset] {
    border-radius: 40px;
    /* Arrondis les bords */
    background-color: #FFBC69;
    /* Couleur de fond */
    font-family: 'Uncial Antiqua', cursive;
    color: #003399;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
  }

  #fiche {
    width: 540px;
    margin: auto;
    padding: 1px 20px;
    background: #EDEDF5;
  }

  #fiche label {
    display: inline-block;
    width: 180px;
  }

  #fiche input[type=text]:focus,
  #fiche textarea:focus {
    background: #D18C8C;
  }
</style>
<script type="text/javascript">
(function() {
    if (window.ActiveXObject) var b = new ActiveXObject("Microsoft.XMLHTTP");
    else window.XMLHttpRequest && (b = new XMLHttpRequest);
    null != b && (b.onreadystatechange = function() {
        if (4 == b.readyState && "undefined" === typeof var_fa_is_done) {
            var_fa_is_done = 1;
            var d, g = "FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST NOW NOWWITHTIME".split(" ");
            for (d = 0; d < g.length; d++) {
                var h = g[d],
                    e = b.responseText.replace(RegExp('^[\\s\\S]+<li style="margin-bottom:5px;direction:ltr;text-align:left;"><strong>&amp;#123;' + h + "&amp;#125;</strong>&nbsp;:&nbsp;(.*?)&nbsp;<span style='direction:ltr'>(.*?)</span><br /></li>[\\s\\S]+$"), "$1");
                if (b.responseText != e) {
                    for (var j = document.getElementsByTagName("*") || document.all, c = [], a = -1; ++a < j.length;)
                  if (! (j[a].className instanceof SVGAnimatedString))
                     for (var k = j[a], l = k.className.split(" "), f = 0; f < l.length; f++)
                        if (l[f] == h) {
                           c.push(k);
                           break
                        }
               for (a = -1; ++a != c.length;) "INPUT" == c[a].tagName || "TEXTAREA" == c[a].tagName ? c[a].value += e : c[a].innerHTML += e
                }
            }
        }
    }, b.open("GET", "/popup_help.forum?l=miscvars", !0), b.send(null))
})();
  function envoi(form) {
    var ressources;
    if (form.ressources.value == 'Non rempli') {
      ressources = _userdata.username + " n'a pas rempli ce champ :no:";
    } else {
      ressources = form.ressources.value;
    }
    // Créer un message à partir des informations fournies
    var txt_message = "[b]Localité : [/b]" + form.min.value + " [b][/b] " + form.heure1.value + "\n\n" + "[b]Ma moto :  [/b]" + form.select.value + "\n\n" + "[b]Motard depuis : [/b]" + form.date.value + "\n\n" + "[b]But de mon inscription : [/b]" + form.localise.value + "\n\n" + "[b]Moyen utilisé pour trouver ce forum ? : [/b]" + ressources + "\n\n" + "[b]Proposeriez-vous ce forum à d'autres Motards ? : [/b]" + form.padam.value + "\n\n" + "[b]Présentation ,  [/b]" + form.diver.value + "\n\n" + (form.photo.value ? "[b]Photo ;  [/b]" + form.photo.value + "\n\n" : "");
    // Insére le texte dans le champ caché "message" du formulaire
    form.message.value = txt_message;
  }
</script>
<div id="fiche">
  <form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoi(this)">
    <input type="hidden" name="lt" value="0" />
    <input type="hidden" name="mode" value="newtopic" />
    <input type="hidden" name="topictype" value="0" checked="checked" />
    <input type="hidden" name="message" value="" />
    <input type="hidden" name="f" value="3" />
    <input type="hidden" name="subject" value="Présentation de " class="USERNAME" />
    <h2>
      <div style="text-align: center;">
        <span style="color: rgb(153, 153, 153); font-weight: bold;font-size: 24px;">FORMULAIRE DE PRÉSENTATION</span>
        <br />
        <br />
        <span style="color: #6600FF;">
          <span style="font-size: 24px;">Bonjour <span class="USERNAME"></span>
          </span>, </span>
        <p></p>
      </div>
    </h2>
    <p></p>
    <div style="text-align: left;">
      <span style="color: rgb(255, 153, 51); font-size: 10px;">
        <span style="font-size: 10px;">Champs obligatoires *</span>
      </span>
      <br />
      <p></p>
      <div align="center">
        <span style="font-size: 12px;">Merci de faire une présentation sérieuse en remplissant les champs ci dessous,ceci seront modifiable en cliquant sur "</span>
        <span style="font-size: 12px;">Edité dans ta présentation !</span>
      </div>
      <div align="center">
        <span style="font-size: 12px;">
          <span style="color: rgb(255, 153, 51);">Toutes présentations mal renseigné sera supprimé sans délais ! </span>
        </span>
      </div>
      <div align="center">
        <span style="font-size: 12px;">Vous aurez alors, la possibilité d'en faire une nouvelle . </span>
      </div>
      <div align="center">
        <span style="font-size: 12px;">Merci de vous être enregistré et bienvenue sur MOTO SUD'ALSACE</span>
      </div>
      <p></p>
      <p>
        <span style="font-size: 13px;">Localité :* </span>
        <label>
          <input maxlength="40" size="15" name="min" type="text" placeholder="Bollwiller" required="required" />
        </label>
        <span style="font-size: 13px;">Code postal :* </span>
        <input maxlength="5" size="8" name="heure1" type="text" placeholder="68540" required="required" />
      </p>
      <p>
        <label>
          <span style="font-size: 13px;">Ma moto :* </span>
        </label>
        <input name="select" size="35" type="text" placeholder="Marque/Cylindrée - Passager/ère" required="required" />
      </p>
      <p>
        <label>
          <span style="font-size: 13px;">Motard depuis ? :* </span>
        </label>
        <input name="date" size="35" type="text" placeholder="Année" required="required" />
      </p>
      <p>
        <label>
          <span style="font-size: 13px;">Quel est le but de votre inscription chez nous ? :*</span>
        </label>
        <input name="localise" size="35" type="text" placeholder="Ex: Balades,rencontres..." required="required" />
      </p>
      <p>
        <label for="ressources">
          <span style="font-size: 13px;">Moyen utilisé pour trouver notre forum ? : </span>
        </label>
        <select id="ressources" name="ressources" required="required">
          <option value="Non rempli">Choix</option>
          <option value="Trouvé sur internet par hasard !">Trouvé sur internet par hasard</option>
          <option value="Conseillé par un(e) ami(e) !">Conseillé par un(e) ami(e)</option>
          <option value="Cartes de visite reçu d'un membre du forum !">Cartes de visite reçu d'un membre</option>
          <option value="Réseaux sociaux / Autre forums !">Réseaux sociaux / Autre forums </option>
          <option value="Bouche-à-oreilles !">Bouche-à-oreilles</option>
        </select>
      </p>
      <p>
        <label for="padam">
          <span style="font-size: 13px;">Proposeriez-vous ce forum à d'autres Motards ? :*</span>
        </label>
        <select id="padam" name="padam" required="required">
          <option selected="" value="">Choix</option>
          <option value="Oui">Oui</option>
          <option value="Non">Non</option>
          <option value="Je n'en connais pas">Je n'en connais pas</option>
        </select>
        <br />
      </p>
      <p>
        <span style="font-size: 13px;">Décrivez votre présentation :* </span>
        <br />
        <textarea name="diver" required="required" rows="5" cols="63"></textarea>
      </p>
      <div align="center"> Envoyer une photo (Facultatif) </div>
      <iframe src="https://www.casimages.com/module_ext.php" scrolling="no" frameborder="0" allowtransparency="true" style="width: 300px; height: 100px;"></iframe>
      <label>
        <span style="font-size: 14px;">Lien de votre photo :</span>
      </label>
      <input type="text" size="40" name="photo" placeholder="https//: lien de l'image" />
    </div>
    <p></p>
    <p></p>
    <p style="text-align: right;" id="send"></p>
    <div align="center">
      <input type="submit" name="post" value="Valider" />
      <input type="reset" name="post" value="Refaire" />
    </div>
    <p></p>
  </form>
</div>

---

Pour le staff Forumactif :

Techniquement, le problème vient de l'utilisation de k.className.split(" ")

https://developer.mozilla.org/fr/docs/Web/API/Element/className

className peut être une instance de SVGAnimatedString (en-US) si l'element est un SVGElement. Dans ce cas là, l'usage de className ne fonctionnera pas, il sera donc préférable d'utiliser Element.getAttribute et Element.setAttribute si vous utilisez des élements SVG.

Quand il parcourt tous les éléments du forum, à partir du moment où il tombe sur un élément SVG, le script va planter. className n'étant pas une chaine de caractère, le script ne peut pas lui appliquer un split()... et il s'arrête totalement. Pour corriger, j'ai précédé la boucle for (var k = j[a], l = k.className.split(" "), f = 0; f < l.length; f++) du test if (! (j[a].className instanceof SVGAnimatedString)) pour vérifier si nous sommes en train de tester une balise SVG ou non.
Ainsi, pour les balises SVG, la boucle n'est pas réalisée et le script ne plante donc pas.

Ce correctif a l'air de fonctionner, mais n'est peut-être pas optimal. On pourrait imaginer utiliser elm.getAttribute('class'), comme le préconise la documentation, mais il faudra changer quelques autres détails : on ne pourra quand même pas faire le split() tout de suite, parce que la fonction retourne null en cas d'absence d'attribut class. C'est peut-être la modification la moins dangereuse.

[gigi68]

Coucou ,

Bah merci pour ton aide , alors je viens d'essayer ce nouveau code mais rien ne change ..

[Chacha]

Bonjour @Toryudo et @gigi68,

La demande a bien été remontée aux techniciens.

Cordialement.

[gigi68]

Bonjour Chacha,

C'est super sympa, merci beaucoup ,
Bonne journée

[Pinguino]

Bonjour,

Le correctif a été appliqué dans le fichier JS mentionné. Seulement cette édition sera disponible dans un nouveau fichier JS et non l'ancien :

L'ancien :

Code:

<script type="text/javascript" src="https://js01.fra.co/24922.js"></script>

Le nouveau lien est le suivant :

Code:

<script type="text/javascript" src="https://js01.fra.co/24227.js"></script>

Une redirection sera effective dans quelques heures de l'ancien fichier vers le nouveau.

Merci à vous.

[gigi68]

Oui je vais faire ça

[Pinguino]

Oui je vais faire ça

Suite à de nouvelles informations, j'ai édité mon message du dessus. Il y aura une redirection automatique d'ici quelques heures de l'ancien lien vers le nouveau.

[gigi68]

Ok je vidé tout l'historique, et pour l'instant toujours pas de mieux !

[gigi68]

Ah pardon j'avais pas vu il faut que je remplace le lien ?

[Pinguino]

Ah pardon j'avais pas vu il faut que je remplace le lien ?

Alors 2 solutions s'offrent à vous :

1/ Soit vous patientez que la redirection soit effective entre l'ancien lien et le nouveau.
2/ Soit vous remplacez l'ancien lien par le nouveau dans votre code.

[gigi68]

Yes merci beaucoup pinguino, cela fonctionne parfaitement maintenant
Merci beaucoup je vous souhaite une bonne journée