Petit Soucis Formulaire de présentation
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Petit Soucis Formulaire de présentation
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
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>
Re: Petit Soucis Formulaire de présentation
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 :
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
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.
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>&#123;' + h + "&#125;</strong> : (.*?) <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.
Re: Petit Soucis Formulaire de présentation
Coucou ,
Bah merci pour ton aide , alors je viens d'essayer ce nouveau code mais rien ne change ..
Bah merci pour ton aide , alors je viens d'essayer ce nouveau code mais rien ne change ..
Re: Petit Soucis Formulaire de présentation
Bonjour Chacha,
C'est super sympa, merci beaucoup ,
Bonne journée
C'est super sympa, merci beaucoup ,
Bonne journée
Re: Petit Soucis Formulaire de présentation
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 :
Le nouveau lien est le suivant :
Une redirection sera effective dans quelques heures de l'ancien fichier vers le nouveau.
Merci à vous.
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.
Dernière édition par Pinguino le Mar 28 Sep 2021 - 12:24, édité 3 fois
Pinguino- Adminactif
-
Messages : 13635
Inscrit(e) le : 02/05/2004
Re: Petit Soucis Formulaire de présentation
Oui je vais faire ça
Re: Petit Soucis Formulaire de présentation
gigi68 a écrit: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.
Pinguino- Adminactif
-
Messages : 13635
Inscrit(e) le : 02/05/2004
Re: Petit Soucis Formulaire de présentation
Ok je vidé tout l'historique, et pour l'instant toujours pas de mieux !
Re: Petit Soucis Formulaire de présentation
Ah pardon j'avais pas vu il faut que je remplace le lien ?
Re: Petit Soucis Formulaire de présentation
gigi68 a écrit: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.
Pinguino- Adminactif
-
Messages : 13635
Inscrit(e) le : 02/05/2004
Re: Petit Soucis Formulaire de présentation
Yes merci beaucoup pinguino, cela fonctionne parfaitement maintenant
Merci beaucoup je vous souhaite une bonne journée
Merci beaucoup je vous souhaite une bonne journée
Sujets similaires
» petit changement sur mon formulaire de présentation
» Formulaire de presentation, soucis
» Soucis avec un formulaire de presentation
» Petit soucis avec un formulaire
» Formulaire petit soucis sur une portion du script
» Formulaire de presentation, soucis
» Soucis avec un formulaire de presentation
» Petit soucis avec un formulaire
» Formulaire petit soucis sur une portion du script
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum