Modification du formulaire de création d'un topic

[Zeste]

Bonjour,

Je souhaiterai modifier le formulaire de la création d'un topic.
En clair, cela donnerai ceci :

Demander un bannissement
Votre pseudo : "Pseudo1"(= ici le membre met son pseudo)
Membre à bannir : "Pseudo2"(=ici le membre met le pseudo du membre à bannir)
Raison: (= ici on met la raison, dans un texatera)

Envoyer

Dans le topic, cela s'afficherait comme ceci:

Bonjour,

Pseudo1 souhaite demander le bannissement de Pseudo2 pour la raison suivante :
(ici la raison)

Je dispose de ce code, si ça peut aider :

Code:

//le formulaire qui remplace l'ancien

function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }

//lien complet de la page où vous souhaitez remplacer le formulaire
    var lien_page_ouverture_sujet = "http://www.onepiece-rpg-aides.com/post?f=32&mode=newtopic";

    var nouveau_formulaire = "<div class='new_form'>";
    nouveau_formulaire += "Votre pseudo : <input type='text' id='pseudo' class='USERNAME' readonly='readonly'/><br><br>";

    nouveau_formulaire += "Mon premier choix de musique :
    <select id='musique1'>
    <option value='Stronger - Kanye West'>Stronger - Kanye West</option>
    <option value='Nightcore-Camilia '>Nightcore-Camilia </option> </select><br><br>";

    nouveau_formulaire += "Mon deuxième choix de musique :
    <select id='musique2'>
    <option value='Stronger - Kanye West'>Stronger - Kanye West</option>
    <option value='Nightcore-Camilia '>Nightcore-Camilia </option> </select><br><br>";

    nouveau_formulaire += "<button class='posterSujet'>Envoyer vos choix</button>";
    nouveau_formulaire += "</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 musique1 = $('#musique1').val();
          var musique2 = $('#musique2').val();
          // Titre du sujet
          var sujet = "Nouvelles musiques proposées "+pseudo;
          //contenu du sujet
          var contenu = "Le membre <b>"+pseudo+"</b> vous propose les musiques suivantes : \n\n<b>"+musique1+"</b>\n et<br> <b>"+musique2+"</b>.";
          $('#text_editor_textarea').val(contenu);
          $('input[name="subject"]').val(sujet);
          $('input[name="post"]').click();
      });
    });

Merci d'avance pour votre aide.

[Luluwebmaster]

Bonjour,
puis-je m’intégrer ? Car sa m’intéresse aussi.

[argoune69]

uhm je n'ai pas bien compris mais tu veux que l'utilisateur puisse aller sur un formulaire que tu auras créer et quand ils auront remplis les champs sa crée un topic avec toute les informations ?

[Zeste]

argoune69 > C'est tout à fait ça.
Quand vous aller sur "Nouveau" (pour nouveau topic). Un formulaire par défaut apparaît. Je souhaiterai le modifier pour afficher ce que j'ai mentionné au début du topic. Si vous testez le code que j'ai posté, vous aurez une idée du rendu final. Seulement, il y a quelques modifications à appliquer à ce code.

[argoune69]

Salut voici pour toi :

Code:

//le formulaire qui remplace l'ancien
 
function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }
 
//lien complet de la page où vous souhaitez remplacer le formulaire
    var lien_page_ouverture_sujet = "http://forum.fightcraft.fr/post?f=6&mode=newtopic";
 
    var nouveau_formulaire = "<div class='new_form'>";
   
   // Formulaire.
   
    nouveau_formulaire += "Votre pseudo : <input type='text' id='pseudo' /><br /><br />";
 
   nouveau_formulaire += "Pseudo de la personne contre qui vous déposez plainte : <input type='text' id='pseudoCible' /><br /><br />";
   
   nouveau_formulaire += "Raison de votre plainte : <textarea id='raison' /><br /><br />";
 
    nouveau_formulaire += "<button class='posterSujet'>Envoyer votre plainte.</button>";
    nouveau_formulaire += "</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 pseudoCible = $('#pseudoCible').val();
          var raison = $('#raison').val();

          // Titre du sujet
          var sujet = "Plainte de "+pseudo+" contre "+pseudoCible+"";
          //contenu du sujet
          var contenu = "Bonjour, \n \n "+pseudo+" souhaite demander le bannissement de "+pseudoCible+" pour la raison suivante : \n \n "+raison+" \n \n Cordialement  "+pseudo+".";
          $('#text_editor_textarea').val(contenu);
          $('input[name="subject"]').val(sujet);
          $('input[name="post"]').click();
      });
    });

[Zeste]

Merci beaucoup !

Juste, il faudrait qu'en haut du formulaire il y ait un titre et que le texatera de la raison soit plus large et centré par rapport au texte (raison). Et aussi réduire la taille du texte, 14px me semble bien.

Je vous met le nouveau code, que j'ai modifié :

Code:

//le formulaire qui remplace l'ancien
 
function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }
 
//lien complet de la page où vous souhaitez remplacer le formulaire
    var lien_page_ouverture_sujet = "lien du topic";
 
    var nouveau_formulaire = "<div class='new_form'>";
 
  // Formulaire.
 
    nouveau_formulaire += "Votre pseudo : <input type='text' id='pseudo' /><br /><br />";
 
  nouveau_formulaire += "Pseudo de la personne à bannir <input type='text' id='pseudoCible' /><br /><br />";
 
  nouveau_formulaire += "Raison de votre demande <textarea id='raison' /><br /><br />";
 
    nouveau_formulaire += "<button class='posterSujet'>Envoyer la demande</button>";
    nouveau_formulaire += "</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 pseudoCible = $('#pseudoCible').val();
          var raison = $('#raison').val();
 
          // Titre du sujet
          var sujet = "Plainte de "+pseudo+" contre "+pseudoCible+"";
          //contenu du sujet
          var contenu = "Bonjour, \n \n <b>"+pseudo+"</b> souhaite demander le bannissement de <b>"+pseudoCible+"</b> pour la raison suivante : \n \n "+raison+" \n \n Cordialement  "+pseudo+".";
          $('#text_editor_textarea').val(contenu);
          $('input[name="subject"]').val(sujet);
          $('input[name="post"]').click();
      });
    });

Merci

[Luluwebmaster]

Bonjour,
ça marche aussi pour moi

Merci beaucoup , je vais me modifier

[jule04]

Comment doit-on intégrer ce code ? Je le modifierai à ma guise, mais je ne sais pas comment l'intégrer. :/

[Luluwebmaster]

C'est facile :
PA modules HTML & JAVASCRIPT gestion des codes javascript nouveau javascript

[jule04]

Ah c'est un javascript ou un HTML ?
Ou les deux ?

[Luluwebmaster]

Javascript

[jule04]

Je peux le soliciter quand je veux ? Comment ? (j'ai pas trouvé dans les reponses frequentes o_O)

[Luluwebmaster]

C'est a dire ?

[argoune69]

Merci beaucoup !

Juste, il faudrait qu'en haut du formulaire il y ait un titre et que le texatera de la raison soit plus large et centré par rapport au texte (raison). Et aussi réduire la taille du texte, 14px me semble bien.

Je vous met le nouveau code, que j'ai modifié :

Code:

//le formulaire qui remplace l'ancien
 
function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }
 
//lien complet de la page où vous souhaitez remplacer le formulaire
    var lien_page_ouverture_sujet = "lien du topic";
 
    var nouveau_formulaire = "<div class='new_form'>";
 
  // Formulaire.
 
    nouveau_formulaire += "Votre pseudo : <input type='text' id='pseudo' /><br /><br />";
 
  nouveau_formulaire += "Pseudo de la personne à bannir <input type='text' id='pseudoCible' /><br /><br />";
 
  nouveau_formulaire += "Raison de votre demande <textarea id='raison' /><br /><br />";
 
    nouveau_formulaire += "<button class='posterSujet'>Envoyer la demande</button>";
    nouveau_formulaire += "</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 pseudoCible = $('#pseudoCible').val();
          var raison = $('#raison').val();
 
          // Titre du sujet
          var sujet = "Plainte de "+pseudo+" contre "+pseudoCible+"";
          //contenu du sujet
          var contenu = "Bonjour, \n \n <b>"+pseudo+"</b> souhaite demander le bannissement de <b>"+pseudoCible+"</b> pour la raison suivante : \n \n "+raison+" \n \n Cordialement  "+pseudo+".";
          $('#text_editor_textarea').val(contenu);
          $('input[name="subject"]').val(sujet);
          $('input[name="post"]').click();
      });
    });

Merci

Code:

//le formulaire qui remplace l'ancien
 
function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }
 
//lien complet de la page où vous souhaitez remplacer le formulaire
    var lien_page_ouverture_sujet = "LIENDUTOPIC";
 
    var nouveau_formulaire = "<div class='new_form'>"
                     + "<fieldset><legend>Formulaire de Plainte</legend>"
                     + "Votre pseudo : <br />"
                     + "<input type='text' id='pseudo' /><br /><br />"
                     + "Pseudo de la personne à bannir : <br />"
                     + "<input type='text' id='pseudoCible' /><br /><br />"
                     + "Raison de votre demande : <br />"
                     + "<textarea id='raison' cols='100' rows='10' /><br /><br />"
                     + "<button class='posterSujet'>Envoyer la demande</button>"
                     + "</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 pseudoCible = $('#pseudoCible').val();
          var raison = $('#raison').val();
 
          // Titre du sujet
          var sujet = "Plainte de "+pseudo+" contre "+pseudoCible+"";
       
          //contenu du sujet
          var contenu = "Bonjour, \n \n [b]" + pseudo + "[/b] souhaite demander le bannissement de [b]" + pseudoCible + "[/b] pour la raison suivante : \n \n " + raison + " \n \n Cordialement  " + pseudo + ".";
          $('#text_editor_textarea').val(contenu);
          $('input[name="subject"]').val(sujet);
          $('input[name="post"]').click();
      });
    });

Voici le css :

Code:

/* Début - Formulaire Plainte / Unban */

.contour {
    text-align:center;
    color: black;
    font-size: 14px;
}

fieldset {
    background-color:#919191;
    width: 600px;
    margin-left:auto;
    margin-right:auto;
    box-shadow: 2px 2px 2px black;
    color: black;

}

legend {
    background-color:#C72424;
    font-family: verdana;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    color: #afafaf;
    font-size: 22px;
}

/* Fin - Formulaire Plainte / Unban */

Bonjour,
ça marche aussi pour moi

Merci beaucoup , je vais me modifier

De rien c'est normal.

Je peux le soliciter quand je veux ? Comment ? (j'ai pas trouvé dans les reponses frequentes o_O)

En faite quand tu crée le code js sur FA tu as le choix d'ou tu veux l'activer et donc tu met sur toute les pages .

[Zeste]

Merci.