Problème JS Présentation des membres

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

Résolu Problème JS Présentation des membres

Message par Daisuke-Aniki le Mer 23 Oct 2013 - 16:13

Bonjour à vous,
J'ai un soucis avec un JS pour la présentation des membres, tout allait bien et maintenant mon formulaire ne prend plus en compte les infos à l'intérieur, il ne prend que le titre du sujet en compte et quand on appuie sur ok le formulaire n'a rien pris en compte et il est marqué vous devez écrire un message avant de poster, la zone de texte quant à elle est vide :s seul le titre est rempli.
Je voudrais savoir ce qui cloche dans le script de mon formulaire, aurais-je omis un détail?
(EDIT je précise que le code JS n'est pas de moi, seul le contenu HTML l'est)
Merci d'avance
Le code
Code:
//lien complet de la page où vous souhaitez remplacer le formulaire
var lien_page_ouverture_sujet = "http://jonetsu-yume.jeun.fr/post?f=4&mode=newtopic";

//le formulaire qui remplace l'ancien
var nouveau_formulaire = "<div class='new_form'>";
nouveau_formulaire += "<div style='width:90%;margin:auto; border:1px dotted white;background-color:#2a313f;color:skyblue;text-shadow:0px 0px 2px blue;'><center><img src='http://i42.tinypic.com/33tiie1.png' alt='nouveau nuage' /><br /><span class='texte_formulaire'>Bonjour et bienvenue sur Jonetsu Yume, tu es donc sur le formulaire te permettant de te présenter à notre communauté, je t'invite à le remplir et à cliquer sur valider, le serveur se charge du reste :)</span><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quel est ton pseudo? :</span> <input type='text' id='pseudo' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>D'où vient ton pseudo? :</span> <input type='text' id='pseudo_2' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quel âge as-tu? :</span> <input type='text' id='age' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Es-tu un garçon ou une fille?:</span> <input type='text' id='sexe' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quels sont tes mangas favoris?:</span> <input type='text' id='mangas' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Exerces-tu un art en particulier?:</span> <input type='text' id='art' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quelles sont tes passions?:</span> <input type='text' id='passions' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quelles sont tes musiques favorites?: </span><input type='text' id='musiques' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Comment as-tu connu le forum?:</span> <input type='text' id='connu' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>As-tu des heures de connexion imposées par le travail ou les parents?: </span><input type='text' id='connexion' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Un avis sur le forum?:</span> <input type='text' id='avis' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Autre chose à dire?:</span> <input type='text' id='autre' /><br><br></center>";
nouveau_formulaire += "<center><button class='posterSujet'>Envoyer</button></center>";
nouveau_formulaire += "</div></div>";

$(document).ready(function(){
   if(document.URL == lien_page_ouverture_sujet){
      $('form[name="post"]').css("display","none");
      $('form[name="post"]').before(nouveau_formulaire);
   }
   $(".posterSujet").click(function(){
       var pseudo = $('#pseudo').val();
      var pseudo_2 = $('#pseudo_2').val();
     var age = $('#age').val();
var sexe = $('#sexe').val();
var mangas = $('#mangas').val();
var art = $('#art').val();
var passions = $('#passions').val();
var musiques = $('#musiques').val();
var connu = $('#connu').val();
var connexion = $('#connexion').val();
var avis = $('#avis').val();
var autre = $('#autre').val();
      // Titre du sujet
      var sujet = "Je me présente, je suis "+pseudo;
      //contenu du sujet
      var contenu = "<center><div style='width:950px;border:1px dotted white; background:url(http://i40.tinypic.com/igm620.jpg);margin:auto;-moz-box-shadow: 2px 2px 3px 0px #000000;-webkit-box-shadow: 2px 2px 3px 0px #000000;-o-box-shadow: 2px 2px 3px 0px #000000;box-shadow: 2px 2px 3px 0px #000000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=3);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;'><br /><div style='background:none;background-color:rgba(0,0,0,0.74);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BD000000,endColorstr=#BD000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BD000000,endColorstr=#BD000000);zoom:1;border:1px dotted white;width:90%;margin:auto;'><br /><h1 style='font-size:16px;color:white;text-shadow: 0px 0px 2px blue;text-align:center;text-decoration:underline;text-transform:capitalize'>Presentation de "+pseudo+"</h1><br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>D'ou vient ton Pseudo?</span> "+pseudo_2+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quel âge as-tu?</span>"+age+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Es-tu un garçon ou une fille?</span>"+sexe+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quels sont tes mangas favoris?</span>"+mangas+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Exerces-tu un art en particulier?</span>"+art+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quelles sont tes passions?</span>"+passions+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quelles musiques aimes-tu?</span>"+musiques+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Comment as-tu connu ce forum?</span>"+connu+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Ton premier avis sur le forum?</span>"+avis+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>As-tu des heures de connexion imposées par tes parents?</span>"+connexion+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Autre chose à dire?</span>"+autre+"<br /></div><br /></div></center>";
      $('#text_editor_textarea').val(contenu);
      $('input[name="subject"]').val(sujet);  
     $('input[name="post"]').click();
   });
});


Dernière édition par Daisuke-Aniki le Jeu 24 Oct 2013 - 23:03, édité 2 fois

Daisuke-Aniki
***

Masculin
Messages : 109
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème JS Présentation des membres

Message par Scoubifitz le Jeu 24 Oct 2013 - 2:01

bonsoir,

l'élément perturbateur en rouge ...

//lien complet de la page où vous souhaitez remplacer le formulaire
var lien_page_ouverture_sujet = "http://jonetsu-yume.jeun.fr/post?f=4&mode=newtopic";

http://le formulaire qui remplace l'ancien

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Problème JS Présentation des membres

Message par Daisuke-Aniki le Jeu 24 Oct 2013 - 11:27

Bonsoir ^^
En effet j'avais mal copié le lien :3 Mais le problème n'est pas résolu :s
Merci de m'avoir fait remarqué ceci néanmoins ^^

Daisuke-Aniki
***

Masculin
Messages : 109
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème JS Présentation des membres

Message par Scoubifitz le Jeu 24 Oct 2013 - 22:50

En effet , c'est en fin de code qu'il faut modifier le script .

Le nouvel éditeur a une autre class pour envoyer le contenu dans le textarea :

Code:
/* lien complet de la page où vous souhaitez remplacer le formulaire */
var lien_page_ouverture_sujet = "http://jonetsu-yume.jeun.fr/post?f=4&mode=newtopic";

/*le formulaire qui remplace l'ancien */
var nouveau_formulaire = "<div class='new_form'>";
nouveau_formulaire += "<div style='width:90%;margin:auto; border:1px dotted white;background-color:#2a313f;color:skyblue;text-shadow:0px 0px 2px blue;'><center><img src='http://i42.tinypic.com/33tiie1.png' alt='nouveau nuage' /><br /><span class='texte_formulaire'>Bonjour et bienvenue sur Jonetsu Yume, tu es donc sur le formulaire te permettant de te présenter à notre communauté, je t'invite à le remplir et à cliquer sur valider, le serveur se charge du reste :)</span><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quel est ton pseudo? :</span> <input type='text' id='pseudo' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>D'où vient ton pseudo? :</span> <input type='text' id='pseudo_2' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quel âge as-tu? :</span> <input type='text' id='age' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Es-tu un garçon ou une fille?:</span> <input type='text' id='sexe' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quels sont tes mangas favoris?:</span> <input type='text' id='mangas' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Exerces-tu un art en particulier?:</span> <input type='text' id='art' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quelles sont tes passions?:</span> <input type='text' id='passions' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Quelles sont tes musiques favorites?: </span><input type='text' id='musiques' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Comment as-tu connu le forum?:</span> <input type='text' id='connu' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>As-tu des heures de connexion imposées par le travail ou les parents?: </span><input type='text' id='connexion' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Un avis sur le forum?:</span> <input type='text' id='avis' /><br><br></center>";
nouveau_formulaire += "<center><span class='titre_champ_form'>Autre chose à dire?:</span> <input type='text' id='autre' /><br><br></center>";
nouveau_formulaire += "<center><button class='posterSujet'>Envoyer</button></center>";
nouveau_formulaire += "</div></div>";

$(document).ready(function(){
if(document.URL == lien_page_ouverture_sujet){
$('form[name="post"]').css("display","none");
$('form[name="post"]').before(nouveau_formulaire);
}
$(".posterSujet").click(function(){
var pseudo = $('#pseudo').val();
var pseudo_2 = $('#pseudo_2').val();
var age = $('#age').val();
var sexe = $('#sexe').val();
var mangas = $('#mangas').val();
var art = $('#art').val();
var passions = $('#passions').val();
var musiques = $('#musiques').val();
var connu = $('#connu').val();
var avis = $('#avis').val();
var connexion = $('#connexion').val();
var autre = $('#autre').val();
/* Titre du sujet */
var sujet = "Je me présente, je suis "+pseudo;
/* contenu du sujet */
var contenu = "<center><div style='width:950px;border:1px dotted white; background:url(http://i40.tinypic.com/igm620.jpg);margin:auto;-moz-box-shadow: 2px 2px 3px 0px #000000;-webkit-box-shadow: 2px 2px 3px 0px #000000;-o-box-shadow: 2px 2px 3px 0px #000000;box-shadow: 2px 2px 3px 0px #000000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=3);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;'><br /><div style='background:none;background-color:rgba(0,0,0,0.74);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BD000000,endColorstr=#BD000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BD000000,endColorstr=#BD000000);zoom:1;border:1px dotted white;width:90%;margin:auto;'><br /><h1 style='font-size:16px;color:white;text-shadow: 0px 0px 2px blue;text-align:center;text-decoration:underline;text-transform:capitalize'>Presentation de "+pseudo+"</h1><br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>D'ou vient ton Pseudo?</span> "+pseudo_2+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quel âge as-tu?</span>"+age+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Es-tu un garçon ou une fille?</span>"+sexe+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quels sont tes mangas favoris?</span>"+mangas+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Exerces-tu un art en particulier?</span>"+art+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quelles sont tes passions?</span>"+passions+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Quelles musiques aimes-tu?</span>"+musiques+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Comment as-tu connu ce forum?</span>"+connu+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Ton premier avis sur le forum?</span>"+avis+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>As-tu des heures de connexion imposées par tes parents?</span>"+connexion+"<br /><span style='font-weight:bold;color:skyblue;font-size:14px;'>Autre chose à dire?</span>"+autre+"<br /></div><br /></div></center>";
$('.sceditor-container textarea').val(contenu);
$('input[name="subject"]').val(sujet); 
$('input[name="post"]').click();
});
});

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Problème JS Présentation des membres

Message par Daisuke-Aniki le Jeu 24 Oct 2013 - 23:03

Je vous adore *_* Merci beaucoup cela fonctionne de nouveau *_* Il faudra vraiment que je me mette au JS XD
Merci merci merci *_*

Daisuke-Aniki
***

Masculin
Messages : 109
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.

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


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