It is currently Thu 29 Sep 2016 - 12:09 - créer un forum

Présentation Automatique V2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4  >

Présentation Automatique V2
Author Message
biloute54





PostPosted: Sat 9 Jan 2010 - 14:40    Post subject: Présentation Automatique V2 Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour,

Il est tout à fait possible de modifier "Formulaire de présentation"
Cherchez :
Code: Sélectionner - Agrandir
<th align="center" valign="middle" class="thHead" height="48" colspan="3">
         <span class="thHead"><span style="font-size: 20pt; font-family: Comic Sans MS; color:#F31C1C;">
            Formulaire de Présentation automatique
         </font></span></span>
      </th>

Replacez par :
Code: Sélectionner - Agrandir
<th align="center" valign="middle" class="thHead" height="48" colspan="3">
         <span class="thHead"><span style="font-size: 20pt; font-family: Comic Sans MS; color:#F31C1C;">
           La phrase que vous souhaitez
         </font></span></span>
      </th>

modifiez le texte :la phrase que vous souhaitez.

Pour le second, si vous souhaitez changer le texte, vous allez perdre sur le formulaire et uniquement sur le formulaire le pseudo du membre qui se présente, cela n'influera pas sur le post de présentation final, la présentation contiendra toujours le pseudo du membre.

Cherchez :
Code: Sélectionner - Agrandir
<script type="text/javascript">
  document.writeln ("Présentation de   " +(pseudonyme));
</script>


Remplacez par :
Code: Sélectionner - Agrandir
<script type="text/javascript">
  document.writeln ("La phrase que vous souhaitez");
</script>

modifiez le texte :"la phrase que vous souhaitez".
Attention à ne pas oublier de mettre les double quote exemple: "xxxxxxxxx: yyyyyy"

Smile
Author Message
fredo80


Offline
Guest




PostPosted: Mon 11 Jan 2010 - 12:13    Post subject: Présentation Automatique V2 Reply with quote

bonjour et merci c'est fait  Very Happy
mais en supprimant un chant je n'est plus l'aide qui s'affiche ,au moment de la saisie (mettez ici ...)
cela peut être dus a quoi ?


Author Message
biloute54


Offline
Guest




PostPosted: Mon 11 Jan 2010 - 12:48    Post subject: Présentation Automatique V2 Reply with quote

Bonjour,
pouvez mettre le contenu de votre template entre les balises code afin que je puisse voir ce qu'il se passe, logiquement les modifications effectuées n'auraient pas dues influer sur les infobulles d'aide à la saisie.

merci

Smile


Author Message
fredo80


Offline
Guest




PostPosted: Mon 11 Jan 2010 - 13:55    Post subject: Présentation Automatique V2 Reply with quote

Very Happy merci , je sais que ce n'est pas l'idée de départ du tuto ,mais il est adaptable  Embarassed

donc voici j'ai essayer de changer le premier champ ,mais je pense que ce n'est pas bon ,c'est pour cela que je n'est pas encore tout changer
je vais aussi ajouter 2 champs image et retirer le upload Very Happy

voici le code


 
     
Code: Sélectionner - Agrandir
<!-- IF FORUM_ID == "129" -->
    <NOSCRIPT>
    <font color=red><marquee><b>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Présentation Auromatique</b></marquee></font>
    </NOSCRIPT>
    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">
      function Pseudo (str) {
       var str = str.replace(/^\s\s*/, ''),
       ws = /\s/,
       i = str.length;
       while (ws.test(str.charAt(--i)));
       return str.slice(0, i + 1);
          }
       var wcptpost=0;
       var pseudonyme= "invité(e)" ;
       var wforum=window.location.hostname;
       var pseudo="{L_LOGIN_LOGOUT}";
       var biloute1 = pseudo.indexOf("[")
       if (biloute1>-1){
       var biloute2 = pseudo.indexOf("]",biloute1);
       pseudonyme=Pseudo(pseudo.substring(biloute1+1,biloute2-1));
          }
       var biloute = new Object();
       biloute.agrave  = unescape('%E0');
       biloute.cfg = new Object();
       biloute.getXhr = function() {
                var result = false;
                if (window.XMLHttpRequest) {
                   result = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                   try {
                     result = new ActiveXObject("Msxml2.XMLHTTP");
                   } catch (e) {
                     result = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                }
                return result;
             }
       biloute.getbody = function(content) {
             test = content.toLowerCase();
             var x = test.indexOf("<body");
             if(x == -1) return "";
             x = test.indexOf(">", x);
             if(x == -1) return "";
             var y = test.lastIndexOf("</body>");
             if(y == -1) y = test.lastIndexOf("</html>");
             if(y == -1) y = content.length;
             return content.slice(x + 1, y);
          }

       biloute.post = function(titre, message) {
             var url = ('{U_POST_NEW_TOPIC}').replace('&amp;','&');
             var xhr = biloute.getXhr();
             xhr.open('GET', url, false);
             xhr.send(null);
             var content = xhr.responseText;
             delete xhr;
            
             // Récupération du formulaire correct
             document.getElementById('biloute').innerHTML = biloute.getbody(content);
             var forms = document.getElementById('biloute').getElementsByTagName('form');
             for(var t=0; t<forms.length; t++) {
                if(forms[t].action.match('posting.php')) {
                   var form = forms[t];
                   break;
                }
             }
    // Récupération des champs de formulaire
             var request = new Object();
             for(var t=0; t<form.elements.length; t++) {
                var name = form.elements[t].name;
                if(name!=='') {
                   if(form.elements[t].nodeName.toLowerCase()=='input') {
                      if(form.elements[t].type.toLowerCase()=='radio' || form.elements[t].type.toLowerCase()=='checkbox') {
                         if(!form.elements[t].checked) continue;
                      }
                   }
                  if(name.match(/^m[0-9]+$/)) var content = name;
                   request[name] = form.elements[t].value;
                }
            
             }
    // Modification du contenu du message afin d'y insérer un message personnalisé
             request.username =  (pseudonyme) ;
             request.subject = 'Demande de   ' +(pseudonyme)  ;
             titre = (pseudonyme);

    // Reconstitution du message dans le post de présentation      
             request[content] = '[color=#DB2A4D][b][size=14]'+'Demande de   ' +(pseudonyme)+'[/color][/b][/size]'+'\n\n' +'[color=#DB942A][b]'+ 'Type de demande :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_Type.q8_Type.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Taille souhaiter :' +'[/color][/b]'+ '[color=#315DD5]'+document.form_age.q23_age.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Couleur dominante :' +'[/color][/b]'+'[color=#315DD5]'+ document.form_ville.q9_ville.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Animation :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_metier.q6_metier.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Image 1 :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_image.q14_image.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Mes commentaires:' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_message.q3_message.value +'[/color]';  
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';

    // Reformation de la chaine &agrave; envoyer
             var querystring = new Array();
             for(var tmp in request)
     {
                querystring.push(tmp + '=' + encodeURIComponent( request[tmp] ));
             }
             querystring = querystring.join('&');  
    // Envoi de la requête
             var xhr = biloute.getXhr();
             xhr.open('POST', form.action, false);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
             xhr.send( querystring );
             // On retire l'icône de chargement
                document.getElementById('patience').style.display = 'none';
             alert('****  votre demande est maintenant faite.****\n\n******Appuyez sur OK pour continuer.******');        
             document.location.reload();
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';
          }
    <!--
    function Bouton_Pres()
    {
    var content = texte_Type.description;

    // Conditions champs obligatoires
    if(document.form_Type.q8_Type.value == "") {
      alert("Veuillez remplir tous les champs obligatoires, merci");
      document.form_Type.q8_Type.focus();
      return false;
     }
    if(document.form_age.q23_age.value == "") {
      document.form_age.q23_age.focus();
      return false;
     }
    if(document.form_ville.q9_ville.value == "") {
      document.form_ville.q9_ville.focus();
      return false;
     }
    if(document.form_metier.q6_metier.value == "") {
      document.form_metier.q6_metier.focus();
      return false;
     }
    if(document.form_message.q3_message.value == "") {
      document.form_message.q3_message.focus();
      return false;
     }

    var tmp = (texte_Type.ask);                    
    biloute.post(texte_Type, content);
              
    }
    // -->                
    texte_Type = new Object()

    // Déclaration variables des champs du formulaire
    function texte_Type() {
    var Type =document.form_Type.q8_Type.value;
    }
    function texte_age() {
    var age =document.form_age.q23_age.value;
    }
    function texte_ville() {
    var ville =document.form_ville.q9_ville.value;
    }
    function texte_metier() {
    var metier =document.form_metier.q6_metier.value;
    }
    function texte_image() {
    var image =document.form_image.q14_image.value;
    }
    function texte_message() {
    var message =document.form_message.q3_message.value;
    }


    // les smileys
    function addText(instext) {
        var mess = document.form_message.q3_message;
            //IE support
            if (document.selection) {
                mess.focus();
                sel = document.selection.createRange();
                sel.text = instext;
                document.form_message.focus();
            }
            //MOZILLA/NETSCAPE support
            else if (mess.selectionStart || mess.selectionStart == "0") {
                var startPos = mess.selectionStart;
                var endPos = mess.selectionEnd;
                var chaine = mess.value;

                mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);

                mess.selectionStart = startPos + instext.length;
                mess.selectionEnd = endPos + instext.length;
                mess.focus();
            } else {
                mess.value += instext;
                mess.focus();
            }
        }
    <!--
     hideBBCode.open('<img border="0" src="http://img28.xooimage.com/files/6/2/2/pr-sentation2-1681e7f.gif"/>');
    //-->
    </SCRIPT>
    <body onLoad="document.forms['form_Type'].elements['q8_Type'].focus()">
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <div id="biloute" style="display: none;" ></div>
    <script src="http://pmsc.free.fr/J02/091230234835.js" type="text/javascript"></script>

    /* Css du formulaire */
    <style type="text/css">
    .tbmain{
      background: url(http://french.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important;
    }
    .left{
      color: #436AED !important;
      font-family: Comic Sans MS !important;
      font-size: 11px !important;
    }
    td.left {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:#ff5200;
       vertical-align: top;
       text-align: right;
    }
    .pagebreak{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:black;
    }
    td.right {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       vertical-align: top;  
       text-align: left;  
    }
    .tbmain{
       height:100%;
       color:#333333;
       background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
    }
    .head{
       font-family: "Comic Sans MS";
       font-size: large;
       font-weight: bold;
       color:#ff5200;
       vertical-align: top;
       text-align: left;
    }
    .notvalid{
       border:2px red solid;
       font-family:"Comic Sans MS";
    }
    .text{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    select.other{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    document.writeln{
       font-family: "Comic Sans MS";
       font-size: 0px;
    }
    .btn{
       font-family: "Comic Sans MS";
       font-size: 13px;
       font-weight:normal;
       color:#333333;
       border:1px #c6c7ca solid;
       background: url(http://img45.xooimage.com/files/6/7/3/style1_btn_bg-1744fbe.gif) #e4e4e4 top repeat-x;
       font-align: left;
    }
    span.required{
      font-size: 13px !important;
      color: red !important;
    }
    </style>

    /* Le formulaire */
    <table width="35%" border="1" cellpadding="0" cellspacing="0" align="center" class="tbmain">
       <tr>
          <th align="center" valign="middle" class="thHead" height="48" colspan="3">
             <span class="thHead"><span style="font-size: 10pt; font-family: Comic Sans MS; color:#ffffff;">
                         &nbsp;&nbsp;&nbsp;Formulaire de demande de kit
             </font></span></span>
          </th>
       </tr>

    /* Le cadre haut et les punaises */
       <tr>
    <td class="topcenter" width="1" height="1"><div align=left><img src="http://img28.xooimage.com/files/e/1/5/punaiseg-170420f.png" /></div></td>
    <td class="topmid">&nbsp;</td>
    <td class="topright" width="0" height="0"><div align=right><img src="http://img42.xooimage.com/files/5/3/6/punaised-1704312.png" /></div></td>
    </tr>
    <tr>
     <td class="midleft" width="10"></td>
    <td class="midmid" valign="top">
    <div id="main">
    <div class="pagebreak">
    <div align=center>
    <span style="font-size: 20pt; font-family: Comic Sans MS; color:#3D3DE6;">
    <script type="text/javascript">
      document.writeln ("Demande");
    </script>
     </span><br><br>

    /* Le texte en haut du formulaire */
    <span style="font-size: 7pt; font-family: Comic Sans MS; color:#9EA5A4;">
    (Ce formulaire va permettre de simplifier et homogénéiser toutes les demandes<br> je vous rappel egalemet que la presentaion est obligatoire pour poster vos demande).</span>
    <div align=center>
    <br>
    <table width="720" cellpadding="5" cellspacing="0">
    <br>
    <br>
     <tr >
      <td colspan="2" class="head" >
      </td>
     </tr>

    /* Input Le champ Type (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left">
    <label id="label1" ><u>Type de demande </u></label><label id="label2" ><span class="required">*</span></label>
    </td>
      <td class="right" >
    <form Name="form_Type" Id="form_Type" action="" >
    <input type="text" size="20" name="q8_Type" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q8" onblur="validate(this,'Required')"  maxlength="100" maxsize="100" /><em> Ecrivez ici le type de demande(avatar,signature ou kit)</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Age (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Taille souhaiter</u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <form Name="form_age" Id="form_age" action="" >
    <input type="text" size="20" name="q23_age" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q23" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici la taille en pixels</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Ville / Région (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Couleur dominante </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_ville" Id="form_ville" action="">
    <input type="text" size="20" name="q9_ville" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q9" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici la couleur dominante</em>
    </FORM>
    </td>
     </tr>
    <tr >

    /* Input Le champ Métier (Saisie obligatoire avec required + astérix rouge dans le label */
      <td width="250" class="left" >
       <label ><u>Animation </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_metier" Id="form_metier" action="">
    <input type="text" size="20" name="q6_metier" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q6" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> oui ou non </em>
    </FORM>
    </td>
     </tr>
    <tr >
    </FORM>
    </td>
     </tr>
    <tr >

    /* Textarea Le champ Message (Saisie obligatoire avec required + astérix rouge dans le label + limitation du nombre de caractères avec compteur "caractères restant*/
      <td width="250" class="left" valign="top"  >
       <label><u>Votre message </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_message" Id="form_message" action="">
     <textarea cols="60" rows="15" name="q3_message" onkeyup="Compter(this, this.form.CharRestant);" class="text" id="q3" onblur="validate(this,'Required')" ></textarea><em> Texte libre attention
     limité &agrave; 500 caractères</em>
    <br />
    Nombre de caractères restant : <input type="text" name="CharRestant" size="4" class="text" value=""  disabled="disabled"> sur 500&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />

    /* Les smileys */
    <a href="#" onclick="addText(' :D ');return(false)"><img src="http://img1.xooimage.com/files/7/9/9/biggrin-1611.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :) ');return(false)"><img src="http://img1.xooimage.com/files/0/0/1/smile-1624.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :ok: ');return(false)"><img src="http://img1.xooimage.com/files/3/e/1/eek-1e6fb.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :shock:  ');return(false)"><img src="http://img1.xooimage.com/files/6/e/b/eek-1616.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :lol:  ');return(false)"><img src="http://img1.xooimage.com/files/5/b/8/lol-161b.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :P  ');return(false)"><img src="http://img1.xooimage.com/files/3/a/7/razz-1620.gif" alt="" border="0" /></a>&nbsp;
    </FORM>

    /* Hébergeur d'images avec ouverture et fermeture */
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.open('<img src="http://img47.xooimage.com/files/c/e/c/button-13eb7ff-1703f08.gif" title="Héberger une image sur le chat, cliquez pour ouvrir le FastUpload" border="0">');
    //-->
    </script><iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="290" height="100"></iframe>
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.close();
    //-->
    </script>
      </td>
     </tr>

    /* Input Le champ Photo (on récupère le code de l'hébergeur d'images et on colle le code dans ce champs */
    <tr >
      <td width="250" class="left" >
       <label ><u>image</u></label>
      </td>
      <td class="right" >
    <FORM NAME="form_image" Id="form_image" action="">
    <input type="text" size="20" name="q14_image" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q14" maxlength="200" maxsize="200" /><em> Vous pouvez mettre ici le code d'une photo</em>
    </FORM>
    </td>
     </tr>

    /* Button Le bouton validation (ce bouton vérifie que tous les champs sont saisis et renvoit la fonction bouton_pres() qui lance le script */
    <tr >
      <td width="150" class="left" >&nbsp;
      </td>
      <td class="right">
      <input type="button" NAME="validation"  class="btn" value="&nbsp;Cliquez ici pour lancer la Demande Automatique&nbsp;"  onClick="Bouton_Pres()" />
     </td>
     </tr>

    /* L'image en bas du formulaire */
    <tr >
      <td colspan="2" align='center'>
       <img width="435" height="142" src="http://img63.imageshack.us/img63/7701/20102v.png" name="q7_Image" id="q7"   alt="" /><br><br>
    <span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)<br><font size=1><font color=#9EA5A4><font face=cursive, fantasy>
    Certains mots sont interdits et seront remplacés (ex: le mot: "aucun" donnera: *****)</font></span>
      </td>
     </tr>
    </table>
    </div>
    </div>
    </form>
    </td>

    /* Le bas du formulaire (cadre + punaise etc...) */
    <td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
    </tr>
    <tr>
     <td class="bottomleft" width="10" height="10"><div align=right><img src="http://img49.xooimage.com/files/4/d/e/punaised2-1704438.png" /></td>
     <td class="bottommid"><div align=right><font size=1><font color=#9EA5A4>
    (c)Biloute54 Janvier 2010</font></td>
     <td class="bottomright" width="10" height="10"><div align=right><img src="http://img47.xooimage.com/files/d/3/6/punaised1-1704414.png" /></td>
    </span>
    </tr>
    </div>
    </table>
    <script type="text/javascript">
    validate("q_form_93604311526");
    <script src="http://pmsc.free.fr/J02/091230181008.js" type="text/javascript"></script>

    /* on referme le formulaire */
    <script language="javascript1.2" type="text/javascript">
    <!--
     hideBBCode.close();
    //-->
    </script>

    /* La censure (les mots placés ici seront considérés comme interdits et seront remplacés par des astérix dans le formulaire mais également dans la présentation) */
    <script type="text/javascript">
    var mots_interdits = new Array( 'merde', 'aucun', 'moi', 'rien', 'Indéterminé', 'néant');
    var RemplacementEtoiles = true;
    var Nombre_Caracteres_Maximum = 500;
    var Constante_Doute = 3;
    </script>

    <script type="text/javascript" src="http://pmsc.free.fr/J02/1015173317.js"></script>
    <h2><div id="jumpx" style="color:#ED0101"></div></h2>
    <script>
    if (document.all||document.getElementById){
    jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
    jump0()
    }
    else
    document.write(message)
    </script></div>

    /* Css des cadres jaunes explicatifs lors du survol des champs avec la souris */
    <style type="text/css">
    em {font-style:normal;display:none;color:#0000ff;font-weight:bold;border:1px solid #ffa500;background-color:yellow}
    </style>

    /* Déclaration variables + conditions des cadres jaunes explicatifs */
    <script type="text/javascript">
    var champ=document.getElementById('form_Type').getElementsByTagName('input');
    var champ1=document.getElementById('form_age').getElementsByTagName('input');
    var champ2=document.getElementById('form_ville').getElementsByTagName('input');
    var champ3=document.getElementById('form_metier').getElementsByTagName('input');
    var champ4=document.getElementById('form_passion').getElementsByTagName('input');
    var champ5=document.getElementById('form_message').getElementsByTagName('textarea');
    var champ6=document.getElementById('form_image').getElementsByTagName('input');
    for(i=0;i != champ.length;i++){
    champ[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ1.length;i++){
    champ1[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ1[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ2.length;i++){
    champ2[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ2[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ3.length;i++){
    champ3[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ3[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ4.length;i++){
    champ4[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ4[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ5.length;i++){
    champ5[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ5[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ6.length;i++){
    champ6[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ6[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    </script>
    <!-- ENDIF --> 


Author Message
biloute54


Offline
Guest




PostPosted: Mon 11 Jan 2010 - 15:03    Post subject: Présentation Automatique V2 Reply with quote

Voici le code rectifié et fonctionnel pour votre application :
Code: Sélectionner - Agrandir
<!-- IF FORUM_ID == "129" -->
    <NOSCRIPT>
    <font color=red><marquee><b>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Présentation Auromatique</b></marquee></font>
    </NOSCRIPT>
    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">
      function Pseudo (str) {
       var str = str.replace(/^\s\s*/, ''),
       ws = /\s/,
       i = str.length;
       while (ws.test(str.charAt(--i)));
       return str.slice(0, i + 1);
          }
       var wcptpost=0;
       var pseudonyme= "invité(e)" ;
       var wforum=window.location.hostname;
       var pseudo="{L_LOGIN_LOGOUT}";
       var biloute1 = pseudo.indexOf("[")
       if (biloute1>-1){
       var biloute2 = pseudo.indexOf("]",biloute1);
       pseudonyme=Pseudo(pseudo.substring(biloute1+1,biloute2-1));
          }
       var biloute = new Object();
       biloute.agrave  = unescape('%E0');
       biloute.cfg = new Object();
       biloute.getXhr = function() {
                var result = false;
                if (window.XMLHttpRequest) {
                   result = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                   try {
                     result = new ActiveXObject("Msxml2.XMLHTTP");
                   } catch (e) {
                     result = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                }
                return result;
             }
       biloute.getbody = function(content) {
             test = content.toLowerCase();
             var x = test.indexOf("<body");
             if(x == -1) return "";
             x = test.indexOf(">", x);
             if(x == -1) return "";
             var y = test.lastIndexOf("</body>");
             if(y == -1) y = test.lastIndexOf("</html>");
             if(y == -1) y = content.length;
             return content.slice(x + 1, y);
          }

       biloute.post = function(titre, message) {
             var url = ('{U_POST_NEW_TOPIC}').replace('&amp;','&');
             var xhr = biloute.getXhr();
             xhr.open('GET', url, false);
             xhr.send(null);
             var content = xhr.responseText;
             delete xhr;
           
             // Récupération du formulaire correct
             document.getElementById('biloute').innerHTML = biloute.getbody(content);
             var forms = document.getElementById('biloute').getElementsByTagName('form');
             for(var t=0; t<forms.length; t++) {
                if(forms[t].action.match('posting.php')) {
                   var form = forms[t];
                   break;
                }
             }
    // Récupération des champs de formulaire
             var request = new Object();
             for(var t=0; t<form.elements.length; t++) {
                var name = form.elements[t].name;
                if(name!=='') {
                   if(form.elements[t].nodeName.toLowerCase()=='input') {
                      if(form.elements[t].type.toLowerCase()=='radio' || form.elements[t].type.toLowerCase()=='checkbox') {
                         if(!form.elements[t].checked) continue;
                      }
                   }
                  if(name.match(/^m[0-9]+$/)) var content = name;
                   request[name] = form.elements[t].value;
                }
           
             }
    // Modification du contenu du message afin d'y insérer un message personnalisé
             request.username =  (pseudonyme) ;
             request.subject = 'Demande de   ' +(pseudonyme)  ;
             titre = (pseudonyme);

    // Reconstitution du message dans le post de présentation     
             request[content] = '[color=#DB2A4D][b][size=14]'+'Demande de   ' +(pseudonyme)+'[/color][/b][/size]'+'\n\n' +'[color=#DB942A][b]'+ 'Type de demande :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_Type.q8_Type.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Taille souhaiter :' +'[/color][/b]'+ '[color=#315DD5]'+document.form_age.q23_age.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Couleur dominante :' +'[/color][/b]'+'[color=#315DD5]'+ document.form_ville.q9_ville.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Animation :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_metier.q6_metier.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Image 1 :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_image.q14_image.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Mes commentaires:' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_message.q3_message.value +'[/color]'; 
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';

    // Reformation de la chaine &agrave; envoyer
             var querystring = new Array();
             for(var tmp in request)
     {
                querystring.push(tmp + '=' + encodeURIComponent( request[tmp] ));
             }
             querystring = querystring.join('&'); 
    // Envoi de la requête
             var xhr = biloute.getXhr();
             xhr.open('POST', form.action, false);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
             xhr.send( querystring );
             // On retire l'icône de chargement
                document.getElementById('patience').style.display = 'none';
             alert('****  votre demande est maintenant faite.****\n\n******Appuyez sur OK pour continuer.******');       
             document.location.reload();
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';
          }
    <!--
    function Bouton_Pres()
    {
    var content = texte_Type.description;

    // Conditions champs obligatoires
    if(document.form_Type.q8_Type.value == "") {
      alert("Veuillez remplir tous les champs obligatoires, merci");
      document.form_Type.q8_Type.focus();
      return false;
     }
    if(document.form_age.q23_age.value == "") {
      document.form_age.q23_age.focus();
      return false;
     }
    if(document.form_ville.q9_ville.value == "") {
      document.form_ville.q9_ville.focus();
      return false;
     }
    if(document.form_metier.q6_metier.value == "") {
      document.form_metier.q6_metier.focus();
      return false;
     }
    if(document.form_message.q3_message.value == "") {
      document.form_message.q3_message.focus();
      return false;
     }

    var tmp = (texte_Type.ask);                   
    biloute.post(texte_Type, content);
             
    }
    // -->               
    texte_Type = new Object()

    // Déclaration variables des champs du formulaire
    function texte_Type() {
    var Type =document.form_Type.q8_Type.value;
    }
    function texte_age() {
    var age =document.form_age.q23_age.value;
    }
    function texte_ville() {
    var ville =document.form_ville.q9_ville.value;
    }
    function texte_metier() {
    var metier =document.form_metier.q6_metier.value;
    }
    function texte_image() {
    var image =document.form_image.q14_image.value;
    }
    function texte_message() {
    var message =document.form_message.q3_message.value;
    }


    // les smileys
    function addText(instext) {
        var mess = document.form_message.q3_message;
            //IE support
            if (document.selection) {
                mess.focus();
                sel = document.selection.createRange();
                sel.text = instext;
                document.form_message.focus();
            }
            //MOZILLA/NETSCAPE support
            else if (mess.selectionStart || mess.selectionStart == "0") {
                var startPos = mess.selectionStart;
                var endPos = mess.selectionEnd;
                var chaine = mess.value;

                mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);

                mess.selectionStart = startPos + instext.length;
                mess.selectionEnd = endPos + instext.length;
                mess.focus();
            } else {
                mess.value += instext;
                mess.focus();
            }
        }
    <!--
     hideBBCode.open('<img border="0" src="http://img28.xooimage.com/files/6/2/2/pr-sentation2-1681e7f.gif"/>');
    //-->
    </SCRIPT>
    <body onLoad="document.forms['form_Type'].elements['q8_Type'].focus()">
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <div id="biloute" style="display: none;" ></div>
    <script src="http://pmsc.free.fr/J02/091230234835.js" type="text/javascript"></script>

    /* Css du formulaire */
    <style type="text/css">
    .tbmain{
      background: url(http://french.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important;
    }
    .left{
      color: #436AED !important;
      font-family: Comic Sans MS !important;
      font-size: 11px !important;
    }
    td.left {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:#ff5200;
       vertical-align: top;
       text-align: right;
    }
    .pagebreak{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:black;
    }
    td.right {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       vertical-align: top; 
       text-align: left; 
    }
    .tbmain{
       height:100%;
       color:#333333;
       background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
    }
    .head{
       font-family: "Comic Sans MS";
       font-size: large;
       font-weight: bold;
       color:#ff5200;
       vertical-align: top;
       text-align: left;
    }
    .notvalid{
       border:2px red solid;
       font-family:"Comic Sans MS";
    }
    .text{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    select.other{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    document.writeln{
       font-family: "Comic Sans MS";
       font-size: 0px;
    }
    .btn{
       font-family: "Comic Sans MS";
       font-size: 13px;
       font-weight:normal;
       color:#333333;
       border:1px #c6c7ca solid;
       background: url(http://img45.xooimage.com/files/6/7/3/style1_btn_bg-1744fbe.gif) #e4e4e4 top repeat-x;
       font-align: left;
    }
    span.required{
      font-size: 13px !important;
      color: red !important;
    }
    </style>

    /* Le formulaire */
    <table width="35%" border="1" cellpadding="0" cellspacing="0" align="center" class="tbmain">
       <tr>
          <th align="center" valign="middle" class="thHead" height="48" colspan="3">
             <span class="thHead"><span style="font-size: 10pt; font-family: Comic Sans MS; color:#ffffff;">
                         &nbsp;&nbsp;&nbsp;Formulaire de demande de kit
             </font></span></span>
          </th>
       </tr>

    /* Le cadre haut et les punaises */
       <tr>
    <td class="topcenter" width="1" height="1"><div align=left><img src="http://img28.xooimage.com/files/e/1/5/punaiseg-170420f.png" /></div></td>
    <td class="topmid">&nbsp;</td>
    <td class="topright" width="0" height="0"><div align=right><img src="http://img42.xooimage.com/files/5/3/6/punaised-1704312.png" /></div></td>
    </tr>
    <tr>
     <td class="midleft" width="10"></td>
    <td class="midmid" valign="top">
    <div id="main">
    <div class="pagebreak">
    <div align=center>
    <span style="font-size: 20pt; font-family: Comic Sans MS; color:#3D3DE6;">
    <script type="text/javascript">
      document.writeln ("Demande");
    </script>
     </span><br><br>

    /* Le texte en haut du formulaire */
    <span style="font-size: 7pt; font-family: Comic Sans MS; color:#9EA5A4;">
    (Ce formulaire va permettre de simplifier et homogénéiser toutes les demandes<br> je vous rappel egalemet que la presentaion est obligatoire pour poster vos demande).</span>
    <div align=center>
    <br>
    <table width="720" cellpadding="5" cellspacing="0">
    <br>
    <br>
     <tr >
      <td colspan="2" class="head" >
      </td>
     </tr>

    /* Input Le champ Type (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left">
    <label id="label1" ><u>Type de demande </u></label><label id="label2" ><span class="required">*</span></label>
    </td>
      <td class="right" >
    <form Name="form_Type" Id="form_Type" action="" >
    <input type="text" size="20" name="q8_Type" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q8" onblur="validate(this,'Required')"  maxlength="100" maxsize="100" /><em> Ecrivez ici le type de demande(avatar,signature ou kit)</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Age (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Taille souhaiter</u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <form Name="form_age" Id="form_age" action="" >
    <input type="text" size="20" name="q23_age" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q23" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici la taille en pixels</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Ville / Région (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Couleur dominante </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_ville" Id="form_ville" action="">
    <input type="text" size="20" name="q9_ville" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q9" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici la couleur dominante</em>
    </FORM>
    </td>
     </tr>
    <tr >

    /* Input Le champ Métier (Saisie obligatoire avec required + astérix rouge dans le label */
      <td width="250" class="left" >
       <label ><u>Animation </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_metier" Id="form_metier" action="">
    <input type="text" size="20" name="q6_metier" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q6" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> oui ou non </em>
    </FORM>
    </td>
     </tr>
   
    <tr >

    /* Textarea Le champ Message (Saisie obligatoire avec required + astérix rouge dans le label + limitation du nombre de caractères avec compteur "caractères restant*/
      <td width="250" class="left" valign="top"  >
       <label><u>Votre message </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_message" Id="form_message" action="">
     <textarea cols="60" rows="15" name="q3_message" onkeyup="Compter(this, this.form.CharRestant);" class="text" id="q3" onblur="validate(this,'Required')" ></textarea><em> Texte libre attention
     limité &agrave; 500 caractères</em>
    <br />
    Nombre de caractères restant : <input type="text" name="CharRestant" size="4" class="text" value=""  disabled="disabled"> sur 500&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />

    /* Les smileys */
    <a href="#" onclick="addText(' :D ');return(false)"><img src="http://img1.xooimage.com/files/7/9/9/biggrin-1611.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :) ');return(false)"><img src="http://img1.xooimage.com/files/0/0/1/smile-1624.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :ok: ');return(false)"><img src="http://img1.xooimage.com/files/3/e/1/eek-1e6fb.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :shock:  ');return(false)"><img src="http://img1.xooimage.com/files/6/e/b/eek-1616.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :lol:  ');return(false)"><img src="http://img1.xooimage.com/files/5/b/8/lol-161b.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :P  ');return(false)"><img src="http://img1.xooimage.com/files/3/a/7/razz-1620.gif" alt="" border="0" /></a>&nbsp;
    </FORM>

    /* Hébergeur d'images avec ouverture et fermeture */
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.open('<img src="http://img47.xooimage.com/files/c/e/c/button-13eb7ff-1703f08.gif" title="Héberger une image sur le chat, cliquez pour ouvrir le FastUpload" border="0">');
    //-->
    </script><iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="290" height="100"></iframe>
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.close();
    //-->
    </script>
      </td>
     </tr>

    /* Input Le champ Photo (on récupère le code de l'hébergeur d'images et on colle le code dans ce champs */
    <tr >
      <td width="250" class="left" >
       <label ><u>image</u></label>
      </td>
      <td class="right" >
    <FORM NAME="form_image" Id="form_image" action="">
    <input type="text" size="20" name="q14_image" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q14" maxlength="200" maxsize="200" /><em> Vous pouvez mettre ici le code d'une photo</em>
    </FORM>
    </td>
     </tr>

    /* Button Le bouton validation (ce bouton vérifie que tous les champs sont saisis et renvoit la fonction bouton_pres() qui lance le script */
    <tr >
      <td width="150" class="left" >&nbsp;
      </td>
      <td class="right">
      <input type="button" NAME="validation"  class="btn" value="&nbsp;Cliquez ici pour lancer la Demande Automatique&nbsp;"  onClick="Bouton_Pres()" />
     </td>
     </tr>

    /* L'image en bas du formulaire */
    <tr >
      <td colspan="2" align='center'>
       <img width="435" height="142" src="http://img63.imageshack.us/img63/7701/20102v.png" name="q7_Image" id="q7"   alt="" /><br><br>
    <span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)<br><font size=1><font color=#9EA5A4><font face=cursive, fantasy>
    Certains mots sont interdits et seront remplacés (ex: le mot: "aucun" donnera: *****)</font></span>
      </td>
     </tr>
    </table>
    </div>
    </div>
    </form>
    </td>

    /* Le bas du formulaire (cadre + punaise etc...) */
    <td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
    </tr>
    <tr>
     <td class="bottomleft" width="10" height="10"><div align=right><img src="http://img49.xooimage.com/files/4/d/e/punaised2-1704438.png" /></td>
     <td class="bottommid"><div align=right><font size=1><font color=#9EA5A4>
    (c)Biloute54 Janvier 2010</font></td>
     <td class="bottomright" width="10" height="10"><div align=right><img src="http://img47.xooimage.com/files/d/3/6/punaised1-1704414.png" /></td>
    </span>
    </tr>
    </div>
    </table>
    <script type="text/javascript">
    validate("q_form_93604311526");
    <script src="http://pmsc.free.fr/J02/091230181008.js" type="text/javascript"></script>

    /* on referme le formulaire */
    <script language="javascript1.2" type="text/javascript">
    <!--
     hideBBCode.close();
    //-->
    </script>

    /* La censure (les mots placés ici seront considérés comme interdits et seront remplacés par des astérix dans le formulaire mais également dans la présentation) */
    <script type="text/javascript">
    var mots_interdits = new Array( 'merde', 'aucun', 'moi', 'rien', 'Indéterminé', 'néant');
    var RemplacementEtoiles = true;
    var Nombre_Caracteres_Maximum = 500;
    var Constante_Doute = 3;
    </script>

    <script type="text/javascript" src="http://pmsc.free.fr/J02/1015173317.js"></script>
    <h2><div id="jumpx" style="color:#ED0101"></div></h2>
    <script>
    if (document.all||document.getElementById){
    jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
    jump0()
    }
    else
    document.write(message)
    </script></div>

    /* Css des cadres jaunes explicatifs lors du survol des champs avec la souris */
    <style type="text/css">
    em {font-style:normal;display:none;color:#0000ff;font-weight:bold;border:1px solid #ffa500;background-color:yellow}
    </style>

    /* Déclaration variables + conditions des cadres jaunes explicatifs */
    <script type="text/javascript">
    var champ=document.getElementById('form_Type').getElementsByTagName('input');
    var champ1=document.getElementById('form_age').getElementsByTagName('input');
    var champ2=document.getElementById('form_ville').getElementsByTagName('input');
    var champ3=document.getElementById('form_metier').getElementsByTagName('input');   
    var champ4=document.getElementById('form_message').getElementsByTagName('textarea');
    var champ5=document.getElementById('form_image').getElementsByTagName('input');
    for(i=0;i != champ.length;i++){
    champ[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ1.length;i++){
    champ1[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ1[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ2.length;i++){
    champ2[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ2[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
   
    for(i=0;i != champ3.length;i++){
    champ3[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ3[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ4.length;i++){
    champ4[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ4[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ5.length;i++){
    champ5[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ5[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    </script>
    <!-- ENDIF -->

Vous avez supprimé un champ et vous aviez oubliez de supprimer le texte explicatif des fenêtres d'aide et renomer celles qui restaient

Smile


Author Message
fredo80


Offline
Guest




PostPosted: Mon 11 Jan 2010 - 15:53    Post subject: Présentation Automatique V2 Reply with quote

a ben ,merci beaucoup ca fonctionne a merveille  Wink Very Happy

je viens de m'apercevoir que dans le tuto ,ajouter un champ la 4eme requête dans le code il y as des balises code ,c'est une erreur ou faut vraiment les mettre ?


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Mon 11 Jan 2010 - 17:41    Post subject: Présentation Automatique V2 Reply with quote

Bonjour fredo80
Il faut la mettre.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
biloute54


Offline
Guest




PostPosted: Tue 12 Jan 2010 - 22:48    Post subject: Présentation Automatique V2 Reply with quote

Bonsoir,

Voici une des nombreuses possibilités qu'offre ce script pour de multiples usages.
Dans cet exemple, j'ai utilisé des listes déroulantes à choix unique qui permet à vos utilisateurs de gagner encore du temps et évite de l'écriture inutile.
Cet exemple est une reproduction du formulaire de demande d'aide utilisé ici sur ce forum, dans la même logique que le formulaire de présentation automatique, tout y est automatique.
Vous pouvez tester ce formulaire librement ici: http://test-hyosung.xooit.fr/f1-test-hyosung.htm

Quelques images de ce formulaire

Le formulaire


Le post définitif


Smile


Author Message
chris37
Membre


Offline
Membre

Joined: 24 Sep 2008
Posts: 69
Niveau:
Point(s): 77
Moyenne: 1.12
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 猪 Cochon

PostPosted: Wed 13 Jan 2010 - 23:37    Post subject: Présentation Automatique V2 Reply with quote

pas mal, bravo

je suis intéressé par ce script aussi Biloute Smile
_______________________
Mon [Tuto] sur Xooit, ,Cliquez

Site CONTRE la réforme scolaire 2014
[/b]


Forum
Author Message
biloute54


Offline
Guest




PostPosted: Thu 14 Jan 2010 - 07:41    Post subject: Présentation Automatique V2 Reply with quote

Bonjour Chris,

Voici le script :
Code: Sélectionner - Agrandir
<!-- IF FORUM_ID == "1" -->
<NOSCRIPT>
<font color=red><marquee><b>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Présentation Auromatique</b></marquee></font>
</NOSCRIPT>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
   var Xooit = new Object();
   Xooit.agrave  = unescape('%E0');
   Xooit.cfg = new Object(); 
   Xooit.getXhr = function() {
            var result = false;
            if (window.XMLHttpRequest) {
               result = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
               try {
                 result = new ActiveXObject("Msxml2.XMLHTTP");
               } catch (e) {
                 result = new ActiveXObject("Microsoft.XMLHTTP");
               }
            }
            return result;
         }
   Xooit.getbody = function(content) {
         test = content.toLowerCase();
         var x = test.indexOf("<body");
         if(x == -1) return "";
         x = test.indexOf(">", x);
         if(x == -1) return "";
         var y = test.lastIndexOf("</body>");
         if(y == -1) y = test.lastIndexOf("</html>");
         if(y == -1) y = content.length;
         return content.slice(x + 1, y);
      }

   Xooit.post = function(titre, message) {
         var url = ('{U_POST_NEW_TOPIC}').replace('&amp;','&');
         var xhr = Xooit.getXhr();
         xhr.open('GET', url, false);
         xhr.send(null);
         var content = xhr.responseText;
         delete xhr;
         
         // Récupération du formulaire correct
         document.getElementById('Xooit').innerHTML = Xooit.getbody(content);
         var forms = document.getElementById('Xooit').getElementsByTagName('form');
         for(var t=0; t<forms.length; t++) {
            if(forms[t].action.match('posting.php')) {
               var form = forms[t];
               break;
            }
         }
// Récupération des champs de formulaire
         var request = new Object();
         for(var t=0; t<form.elements.length; t++) {
            var name = form.elements[t].name;
            if(name!=='') {
               if(form.elements[t].nodeName.toLowerCase()=='input') {
                  if(form.elements[t].type.toLowerCase()=='radio' || form.elements[t].type.toLowerCase()=='checkbox') {
                     if(!form.elements[t].checked) continue;
                  }
               }
              if(name.match(/^m[0-9]+$/)) var content = name;
               request[name] = form.elements[t].value;
            }
         
         }
// Reconstitution du message dans le post de de demande d'aide
         request.subject = document.form_titre.q0_titre.value  ;     
         request[content] = 'Bonjour &agrave; toutes et tous\,'+'\n\n' +'[color=#000000][b]'+ 'Adresse de mon forum :' +'[/color][/b]'+"      " +'[color=#000000]'+ document.form_adresse.q1_adresse.value +'[/color]'+'\n'+'[color=#000000][b]'+ 'Thème graphique du forum :' +'[/color][/b]'+"      "+ '[color=#000000]'+document.form_theme.q2_theme.value +'[/color]'+'\n'+'[color=#000000][b]'+ 'Mon poste :' +'[/color][/b]'+"      "+'[color=#000000]'+ document.getElementById('q31').options[document.getElementById('q31').selectedIndex].text +"   :   " + document.form_test.poste_saisie.value +'[/color]'+'\n'+'[color=#000000][b]'+ 'Votre navigateur (Modèle et version) :' +'[/color][/b]'+"      "+'[color=#000000]'+ document.getElementById('q4').options[document.getElementById('q4').selectedIndex].text  + document.form_test1.nav_saisie.value +'[/color]'+'\n' +'[color=#000000][b]'+ 'Mon problème concerne : ' +'[/color][/b]'+"      " +'[color=#000000]'+ document.form_prob.q5_prob.value +'[/color]'+'\n' +'[color=#000000][b]'+ 'Êtes-vous le seul concerné par ce problème :' +'[/color][/b]'+"      " +'[color=#000000]'+ document.getElementById('q6').options[document.getElementById('q6').selectedIndex].text +'[/color]'+'\n' +'[color=#000000][b]'+ 'Depuis quand dure le bug/problème constaté ? :' +'[/color][/b]'+"      " +'[color=#000000]'+ document.form_date.q7_date.value +'[/color]'+'\n' +'[color=#000000][b]'+ 'Images/Screens relatifs au problème :' +'[/color][/b]'+"      " +'[color=#000000]'+ document.form_image.q14_image.value +'[/color]'+'\n' +'[color=#000000][b]'+ 'Description détaillée du problème :' +'[/color][/b]'+"      " +'[color=#000000]'+ document.form_message.q3_message.value +'[/color]'+'\n\n\n'+ 'Merci d\'avance pour l\'aide que vous saurez m\'apporter';   
// On affiche l'icône de chargement
            document.getElementById('patience').style.display = '';

// Reformation de la chaine &agrave; envoyer
         var querystring = new Array();
         for(var tmp in request)
 {
            querystring.push(tmp + '=' + encodeURIComponent( request[tmp] ));
         }
         querystring = querystring.join('&');   
// Envoi de la requête
         var xhr = Xooit.getXhr();
         xhr.open('POST', form.action, false);
         xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         xhr.send( querystring );
         // On retire l'icône de chargement
            document.getElementById('patience').style.display = 'none';
         alert('****  La présentation est maintenant faite.****\n\n******Appuyez sur OK pour continuer.******');         
         document.location.reload();
// On affiche l'icône de chargement
            document.getElementById('patience').style.display = '';
      }
<!--
function Bouton_Pres()

var content = texte_adresse.description;

// Conditions champs obligatoires
if(document.form_titre.q0_titre.value == "") {
  document.form_titre.q0_titre.focus();
  return false;
 }

var tmp = (texte_adresse.ask);                     
Xooit.post(texte_adresse, content);           
}
// -->                 
texte_adresse = new Object()

// Déclaration variables des champs du formulaire
function texte_titre() {
var titre =document.form_titre.q0_titre.value;
}
function texte_adresse() {
var adresse =document.form_adresse.q1_adresse.value;
}
function texte_theme() {
var theme =document.form_theme.q2_theme.value;
}
function texte_test() {
var test =document.form_test.ville_saisie.value;
}
function RendVisiblePoste(texte)
{
if (texte=="Autre")
document.getElementById("test").style.visibility= 'visible';
else
document.getElementById("test").style.visibility= 'hidden';
}
function RendVisibleNav(texte)
{
if (texte=="Autres")
document.getElementById("test1").style.visibility= 'visible';
else
document.getElementById("test1").style.visibility= 'hidden';
}
function texte_prob() {
var prob =document.form_prob.q5_prob.value;
}
function texte_date() {
var date =document.form_date.q7_date.value;
}
function texte_image() {
var image =document.form_image.q14_image.value;
}
function texte_message() {
var message =document.form_message.q3_message.value;
}

// les smileys
function addText(instext) {
    var mess = document.form_message.q3_message;
        //IE support
        if (document.selection) {
            mess.focus();
            sel = document.selection.createRange();
            sel.text = instext;
            document.form_message.focus();
        }
        //MOZILLA/NETSCAPE support
        else if (mess.selectionStart || mess.selectionStart == "0") {
            var startPos = mess.selectionStart;
            var endPos = mess.selectionEnd;
            var chaine = mess.value;
            mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
            mess.selectionStart = startPos + instext.length;
            mess.selectionEnd = endPos + instext.length;
            mess.focus();
        } else {
            mess.value += instext;
            mess.focus();
        }
    }
<!--
 hideBBCode.open('<img border="0" src="http://img41.xooimage.com/files/2/f/8/aide-177cb42.gif"/>');
//-->
</SCRIPT>
<body onLoad="document.forms['form_adresse'].elements['q1_adresse'].focus()">
<div align= center>
<img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
</div>
<div id="Xooit" style="display: none;" ></div>
<script src="http://pmsc.free.fr/J02/091230234835.js" type="text/javascript"></script>

/* Css du formulaire */
<style type="text/css">
.tbmain{
  background: url(http://french.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important;
}
.left{
  color: #000000 !important;
  font-family: Arial !important;
  font-size: 11px !important; 
}
td.left {
   font-family: "Arial";
   font-size: 11px;
   font-weight:bold;
   color:#ff5200;
   vertical-align: top;
   text-align: right;
}
td.right {
   font-family: "Arial";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   vertical-align: top;   
   text-align: left; 
}
select.other{
   font-family: "Arial";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://french.jotform.com/images/styles/style1_txt_bg.gif) #f6f6f6 top repeat-x;
}
.pagebreak{
   font-family: "Arial";
   font-size: 11px;
   font-weight:bold;
   color:black;
}
.tbmain{
   height:100%;
   color:#000000;
   background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
}
div.id{
   height:100%;
   color:#000000;
   background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
}
.head{
   font-family: "Arial";
   font-size: large;
   font-weight: bold;
   color:#ff5200;
   vertical-align: top;
   text-align: left;
}
.notvalid{
   border:2px red solid;
   font-family:"Comic Sans MS";
}
.text{
   font-family: "Arial";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
}
select.expl{
   font-family: "Arial";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
}
select.concerne{
   font-family: "Arial";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
}
document.writeln{
   font-family: "Arial";
   font-size: 14px;
}
.btn{
   font-family: "Arial";
   font-size: 13px;
   font-weight:normal;
   color:#333333;   
   border:1px #1637BD solid;
   background: url(http://img45.xooimage.com/files/6/7/3/style1_btn_bg-1744fbe.gif) #e4e4e4 top repeat-x;
   font-align: left;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
</style>
/* Le formulaire */
<table width="55%" border="1" cellpadding="0" cellspacing="0" align="center" class="tbmain">
   <tr>
      <th align="center" valign="middle" class="thHead" height="48" colspan="3">
         <span class="thHead"><span style="font-size: 20pt; font-family: Arial; color:#000000;">
            Formulaire de demande d'aide
         </font></span></span>
      </th>
   </tr>
/* Le cadre haut  */   
<tr>
<td class="midmid" valign="top">
<div id="main">
<div class="pagebreak">
<div align=center>
<span style="font-size: 14pt; font-family: Arial; color:#000000;">
<script type="text/javascript">
  document.writeln ( '<img border="0" src="http://img9.xooimage.com/files/e/7/8/a-fff2e8.png" >'+" "+ "Avez-vous fait une recherche? Votre question a surement déj&agrave; été posée." );
</script></div>
<div align= left>
 </span><br><br>
/* Le texte en haut du formulaire */
<span style="font-size: 9pt; font-family: Arial; color:#9EA5A4;">
&nbsp;<image src="http://img49.xooimage.com/files/8/4/d/1-177a604.gif " border="0">&nbsp;&nbsp;La première règle est avant tout d'effectuer une <A href="http://xooit.xooit.com/search.php" target="_blank">Recherche.</A href><br />
&nbsp;<image src="http://img49.xooimage.com/files/8/4/d/1-177a604.gif " border="0">&nbsp;&nbsp;Vous passerez moins de temps &agrave; effectuer une recherche qu'&agrave; attendre une réponse.<br />
&nbsp;<image src="http://img49.xooimage.com/files/8/4/d/1-177a604.gif " border="0">&nbsp;&nbsp;Assurez-vous d'avoir bien choisi un titre correct, c'est-&agrave;-dire que l'on sait ce qui pose souci en ne lisant que le titre de votre sujet.<br />
&nbsp;<image src="http://img49.xooimage.com/files/8/4/d/1-177a604.gif " border="0">&nbsp;&nbsp;De plus, évitez l'abus des majuscules, cela est très mal vu et peut entraîner la clôture de votre sujet.<br />
&nbsp;<image src="http://img49.xooimage.com/files/8/4/d/1-177a604.gif " border="0">&nbsp;&nbsp;Un problème, un sujet : n'exposez qu'un seul problème (ou question) par sujet. Cela facilitera les recherches futures.
</span></div>
<div align=center>
<br>
<table width="100%" cellpadding="1" cellspacing="0">
<br>
<br>
 <tr >
  <td colspan="2" class="head" >
  </td>
 </tr>
/* Input Le champ Titre du sujet (Saisie obligatoire avec required + astérix rouge dans le label */
<tr >
  <td width="300" class="left">
<label><u><font size=2>Titre de votre demande d'aide</u> : </font><span class="required">*</span></label>
</td>
  <td class="right" >
<form Name="form_titre" Id="form_titre" action="" >
<input type="text" size="63" name="q0_titre"  class="text" value="" id="q0"  maxlength="200" maxsize="200" onblur="validate(this,'Required')"/ ><em><br />Titre de votre demande d'aide</em>
</FORM>
</td>
 </tr>
<form></form>
</td>
 </tr>
/* Input Le champ Adresse de mon forum */
<tr >
  <td width="300" class="left">
<label><u>Adresse de mon forum</u> : </label>
</td>
  <td class="right" >
<form Name="form_adresse" Id="form_adresse" action="" >
<input type="text" size="63" name="q1_adresse"  class="text" value="http://" id="q1"  maxlength="200" maxsize="200" /><em><br />URL de votre forum<br /></em>
</FORM>
</td>
 </tr>
/* Input Le champ Thème graphique du forum  */
<tr >
  <td width="300" class="left" >
   <label ><u>Thème graphique du forum</u> :</label>
  </td>
  <td class="right" >
<form Name="form_theme" Id="form_theme" action="" >
<input type="text" size="63" name="q2_theme"  class="text" value="" id="q2" maxlength="200" maxsize="200" /><em><br />Indiquez ici le thème graphique de votre forum</em>
</FORM>
</td>
 </tr>
/* Input Le champ poste  */
<tr >
  <td width="300" class="left" >
   <label ><u>Votre poste</u> :</label>
  </td>
  <td class="right" >
<select class="other" name="q31_Votreposte" id="q31"  onchange="RendVisiblePoste(this.value)"><em> Choisissez votre poste</em>   
    <option value="Fondateur / Administrateur">Fondateur / Administrateur</option>
    <option value="Administrateur">Administrateur</option>
    <option value="Modérateur">Modérateur</option>
    <option value="Membres">Membres</option>
    <option value="Autre">Autre (précisez)</option>
    </select>
    <div id="test" style="visibility:hidden"  >
<form Name="form_test" Id="form_test" action="" >
    <input type="text" align="left" name="poste_saisie" value="" ></div>
</form>
</td>
 </tr>
/* Input Le champ Votre navigateur (Modèle et version)  */
<tr >
  <td width="300" class="left" >
   <label ><u>Votre navigateur (Modèle et version)</u> :</label>
  </td>
  <td class="right" >
<select class="expl" name="q4_expl" id="q4" onchange="RendVisibleNav(this.value) ">
<option value=""> Sélectionnez un navigateur </option>     
<option style="background-image:url(http://img26.xooimage.com/files/8/7/f/firefox-2ce14-177c32c.gif);background-repeat:no-repeat;" value="Firefox">&nbsp;&nbsp;&nbsp;  Firefox</option>
<option style="background-image:url(http://img43.xooimage.com/files/1/0/f/msie-2ce13-177c3fb.gif); background-repeat:no-repeat;" value = "Internet explorer">&nbsp;&nbsp;&nbsp;  Internet explorer </ option>     
<option style="background-image:url(http://img43.xooimage.com/files/8/a/c/chrome10--f09412-177c2c7.gif); background-repeat:no-repeat;" value = "Chrome">&nbsp;&nbsp;&nbsp;  Chrome </ option>   
<option style="background-image:url(http://img24.xooimage.com/files/4/b/4/firefox-28d7c-177c34a.gif); background-repeat:no-repeat;" value = "Opéra">&nbsp;&nbsp;&nbsp;  Opéra </ option>
<option style="background-image:url(http://img44.xooimage.com/files/b/5/9/safari-2ce19-177c461.gif); background-repeat:no-repeat;" value = "Safari">&nbsp;&nbsp;&nbsp;  Safari </ option>
<option style="background-image:url(http://img27.xooimage.com/files/a/5/6/chimera-2e066-177c286.gif); background-repeat:no-repeat;" value = "Camino / Chimera">&nbsp;&nbsp;&nbsp;  Camino / Chimera </ option>
<option style="background-image:url(http://img40.xooimage.com/files/8/9/3/iceweasel14-11daa4-177c367.gif); background-repeat:no-repeat;" value = "Iceweasel">&nbsp;&nbsp;&nbsp;  Iceweasel </ option>
<option style="background-image:url(http://img27.xooimage.com/files/8/6/c/kmeleon-2ce16-177c38a.gif); background-repeat:no-repeat;" value = "K-Meleon">&nbsp;&nbsp;&nbsp;  K-Meleon </ option>
<option style="background-image:url(http://img41.xooimage.com/files/9/2/9/konqueror-2ce15-177c3aa.gif); background-repeat:no-repeat;" value = "Konqueror">&nbsp;&nbsp;&nbsp;  Konqueror </ option>
<option style="background-image:url(http://img41.xooimage.com/files/c/b/2/mozilla-2ce17-177c3ce.gif); background-repeat:no-repeat;" value = "Mozilla">&nbsp;&nbsp;&nbsp;  Mozilla </ option>
<option style="background-image:url(http://img46.xooimage.com/files/9/e/3/netscape-2ce18-177c43c.gif); background-repeat:no-repeat;" value = "Netscape">&nbsp;&nbsp;&nbsp;  Netscape </ option>
<option style="background-image:url(http://img40.xooimage.com/files/b/f/9/unknown-2d4ea-177c4aa.gif); background-repeat:no-repeat;" value = "Autres">&nbsp;&nbsp;&nbsp;  Autres </ option>
</select><em> choisissez votre navigateur</em>
<div id="test1" style="visibility:hidden" >
<form Name="form_test1" Id="form_test1" action="" >
    <input type="text1" align="left" name="nav_saisie" value=""></div>
</form>
</td>
</tr>
<tr>
/* Input Le champ Mon problème concerne  */
  <td width="300" class="left" >
   <label ><u>Mon problème concerne</u> :  </label>
  </td><br>
  <td class="right" >
<FORM NAME="form_prob" Id="form_prob" action="">
<input type="text" size="63" name="q5_prob"  class="text" value="" id="q5"  maxlength="100" maxsize="100" /><em><br /> En quoi consiste votre problème?</em>
</FORM>
</td>
 </tr>
<tr >
/* Input Le champ Êtes-vous le seul concerné par ce problème  */
  <td width="300" class="left" >
   <label ><u>Êtes-vous le seul concerné par ce problème</u> : </u></label>
  </td>
  <td class="right" >
<FORM NAME="concerne" Id="concerne" action="">
<select class="concerne" name="q6_Votreposte" id="q6">   
    <option value="Oui">Oui</option>
    <option value="Non">Non</option>   
    </select>
</FORM>
</td>
 </tr>
<tr >
/* Input Le champ Depuis quand dure le bug/problème constaté ?  */
<tr >
  <td width="300" class="left" >
   <label ><u>Depuis quand dure le bug/problème constaté ?</u> :</label>
  </td>
  <td class="right" >
<form Name="form_date" Id="form_date" action="" >
<input type="text" size="63" name="q7_date"  class="text" value="" id="q7" maxlength="200" maxsize="200" /><em><br />Date du début du problème&nbsp;</em>
</FORM>
</td>
 </tr>
/* Input Le champ Images/Screens relatifs au problème (on récupère le code de l'hébergeur d'images et on colle le code dans ce champs */
<tr >
  <td width="300" class="left" >
   <label ><u><A href="http://www.astwinds.com/astuces/screenshot.html" target="_blank">Images/Screens </A>relatifs au problème</u> :</label>
  </td>
  <td class="right" >
<FORM NAME="form_image" Id="form_image" action="">
<input type="text" size="63" name="q14_image" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q14" maxlength="200" maxsize="200" /><em><br /> Vous pouvez mettre ici le code d'une photo en vous servant de l'hébergeur </em>
<form></form>
/* Hébergeur d'images avec ouverture et fermeture */
<script language="javascript1.2" type="text/javascript">
<!--
hideBBCode.open('<img src="http://img47.xooimage.com/files/c/e/c/button-13eb7ff-1703f08.gif" title="Héberger une image sur le chat, cliquez pour ouvrir le FastUpload" border="0">');
//-->
</script><iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="290" height="100"></iframe>
<script language="javascript1.2" type="text/javascript">
<!--
hideBBCode.close();
//-->
</script>
</FORM>
</td>
 </tr>
<tr>
<FORM></FORM>
</td>
 </tr>
/* Textarea Le champ Description détaillée du problème ( limitation du nombre de caractères avec compteur "caractères restant)*/
<tr>
  <td width="300" class="left" valign="top"  >
   <label><u>Description détaillée du problème</u> : </label>
  </td>
  <td class="right" >
<FORM NAME="form_message" Id="form_message" action="">
 <textarea cols="60" rows="15" name="q3_message" onkeyup="Compter(this, this.form.CharRestant);" class="text" id="q3"></textarea><em><br /><br />Décrivez au mieux votre problème, ce texte est limité &agrave; 500 caractères</em>
<td class="right" align="center" valign="top">
/* Les smileys */
<a href="#" onclick="addText(' :D ');return(false)"><img src="http://img21.xooimage.com/files/f/7/6/tr-s-content-2dc17-177b750.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :) ');return(false)"><img src="http://img40.xooimage.com/files/6/b/8/mozilla_smile-23653-177b6c0.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :( ');return(false)"><img src="http://img26.xooimage.com/files/a/5/8/mozilla_frown-233c4-177b680.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' 8-)');return(false)"><img src="http://img28.xooimage.com/files/9/0/6/mozilla_cool-20c48-177b63a.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :X ');return(false)"><img src="http://img27.xooimage.com/files/5/0/4/mozilla_yell-9cc-177b860.gif" alt="" border="0" /></a>&nbsp;<br />
<a href="#" onclick="addText(' :P ');return(false)"><img src="http://img23.xooimage.com/files/9/b/b/mozilla_tongueout-9c9-177b6cf.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :oops:');return(false)"><img src="http://img43.xooimage.com/files/6/3/9/mozilla_embarassed-9bf-177b668.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :cry:');return(false)"><img src="http://img46.xooimage.com/files/e/e/f/mozilla_cry-9be-177b651.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :wink:');return(false)"><img src="http://img28.xooimage.com/files/d/9/0/mozilla_wink-9cb-177b722.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :mrgreen:');return(false)"><img src="http://img24.xooimage.com/files/4/4/5/a-fff430-177b5e0.gif" alt="" border="0" /></a>&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="addText(' :innocent:');return(false)"><img src="http://img28.xooimage.com/files/6/3/8/mozilla_innocent-9c2-177b6a0.gif" alt="" border="0" /></a>&nbsp;
<a href="#" onclick="addText(' :undecided:');return(false)"><img src="http://img23.xooimage.com/files/e/b/9/mozilla_undecided-23658-177b6f4.gif" alt="" border="0" /></a>&nbsp;<br />
Nombre de caractères restant &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="CharRestant" size="4" class="text" value=""  disabled="disabled"> sur 500
</FORM>
</td>
 </tr>
/* Button Le bouton validation (ce bouton vérifie que tous les champs sont saisis et renvoit la fonction bouton_pres() qui lance le script */
<tr >
  <td width="150" class="left" >&nbsp;
  </td>
  <td class="right">
  <input type="button" NAME="validation"  class="btn" value="Cliquez ici pour lancer votre demande d'aide"  onClick="Bouton_Pres()" style="width:300px" />
<tr>
<td>
 </td>
 </tr>
<tr>
<td>
<span class="required">*  Saisie Obligatoire</span>
 </td>
 </tr>
</table>
</div>
</div>
</form>
</td>
</div>
/* Le bas du formulaire  */
</span>
</tr>
</table>
<script type="text/javascript">
validate("q_form_93604311526");
<script src="http://pmsc.free.fr/J02/091230181008.js" type="text/javascript"></script>
/* on referme le formulaire */
<script language="javascript1.2" type="text/javascript">
<!--
 hideBBCode.close();
//-->
</script>
<script type="text/javascript">
var mots_interdits = new Array( );
var RemplacementEtoiles = true;
var Nombre_Caracteres_Maximum = 500;
var Constante_Doute = 3;
</script>
<script type="text/javascript" src="http://pmsc.free.fr/J02/1015173317.js"></script>
/* Css des cadres jaunes explicatifs lors du survol des champs avec la souris */
<style type="text/css">
em {font-style:normal;display:none;color:#0000ff;font-size:9px;border:0px solid #ffa500;background-color:white}
</style>
/* Déclaration variables + conditions infobulles explicatifs */
<script type="text/javascript">
var champ=document.getElementById('form_titre').getElementsByTagName('input');
var champ1=document.getElementById('form_adresse').getElementsByTagName('input');
var champ2=document.getElementById('form_theme').getElementsByTagName('input');
var champ3=document.getElementById('form_prob').getElementsByTagName('input');
var champ4=document.getElementById('form_date').getElementsByTagName('input');
var champ5=document.getElementById('form_image').getElementsByTagName('input');
var champ6=document.getElementById('form_message').getElementsByTagName('textarea');
for(i=0;i != champ.length;i++){
champ[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ1.length;i++){
champ1[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ1[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ2.length;i++){
champ2[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ2[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ3.length;i++){
champ3[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ3[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ4.length;i++){
champ4[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ4[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ5.length;i++){
champ5[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ5[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ6.length;i++){
champ6[i].onmouseover=function(){this.nextSibling.style.display='inline'};
champ6[i].onmouseout=function(){this.nextSibling.style.display='none'};
}
</script>
<!-- ENDIF -->

Comme pour la présentation Automatique, c'est à placer dans viewforum.tpl et ne pas oublier de modifier le n° du sous forum vers lequel tu souhaites faire aller les demandes d'aide.

Smile


Author Message
fredo80


Offline
Guest




PostPosted: Thu 14 Jan 2010 - 13:39    Post subject: Présentation Automatique V2 Reply with quote

Sploutch wrote:
Bonjour fredo80
Il faut la mettre.


Bonjour et merci bien Sploutch


Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Sun 17 Jan 2010 - 02:59    Post subject: Présentation Automatique V2 Reply with quote

Salut Biloute,

Je n'avais pas vu que tu avais fait un version 2 et je la trouve encore mieux que la 1ère (elle juste un peu plus compliqué que la 1ère mais avec un peu de patience on peu y arrivé Wink ). Je vais pouvoir l'utiliser pour améliorer ma fiche de recrutement Cool

Par contre, comme j'ai plusieurs scripts tu était intervenu pour que les différents scripts soit compatible entre eux.
Si je reprends le code de la version 2 tel quel, est ce que cela posera encore problème avec les autres scripts ?

Si ta besoin du templates que ta modifié pour la V1, dit le moi.

Merci encore pour ce superbe tuto Wink


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Mon 18 Jan 2010 - 11:43    Post subject: Présentation Automatique V2 Reply with quote

Bonjour,
krylin wrote:

Si je reprends le code de la version 2 tel quel, est ce que cela posera encore problème avec les autres scripts ?

Pour le savoir...Il te faut l'installer et voir en prennent les précautions d'usage.
(Sauvegarde etc)
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
biloute54


Offline
Guest




PostPosted: Thu 21 Jan 2010 - 08:29    Post subject: Présentation Automatique V2 Reply with quote

krylin wrote:
Salut Biloute,

Je n'avais pas vu que tu avais fait un version 2 et je la trouve encore mieux que la 1ère (elle juste un peu plus compliqué que la 1ère mais avec un peu de patience on peu y arrivé Wink ). Je vais pouvoir l'utiliser pour améliorer ma fiche de recrutement Cool

Par contre, comme j'ai plusieurs scripts tu était intervenu pour que les différents scripts soit compatible entre eux.
Si je reprends le code de la version 2 tel quel, est ce que cela posera encore problème avec les autres scripts ?

Si ta besoin du templates que ta modifié pour la V1, dit le moi.

Merci encore pour ce superbe tuto Wink


Bonjour Krylin,

Si mes souvenirs sont bons, tu utilises pas mal de scripts dans ton viewforum.tpl, je te conseille de prendre contact avec moi en mp pour que l'on voit ensemble ton problème.
je ne pense pas que le script tel quel puissent convenir à ton forum, c'est pour cela que je te demande que l'on traite et règle ton problème en mp afin de ne pas surcharger ce topic, ces informations ne pourraient pas servir les autres membres et ne ferait qu'embrouiller ceux ci pour un cas particulier.

merci à toi

Smile


Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Sun 7 Feb 2010 - 00:36    Post subject: Présentation Automatique V2 Reply with quote

Bonjour,

alors voilà mon souci, je viens de créer un forum tout neuf pour pouvoir faire mes test "grandeur nature" mais la présentation auto V2 n'a pas l'air de fonctionner que se soit pour le 1er cas de figure (directement dans le sous forum) ou dans le 2ème (sur l'index).

Comme je l'ai dit le forum est tout neuf donc aucun script installer à part celui de la présentation auto. Donc j'ai copié coller le code de biloute dans index body. Le bouton s'affiche bien ainsi que le formulaire. Je le rempli, je clic sur le bouton pour lancer la présentation auto, l'autre fenetre s'affiche. Je clic donc sur ok pour envoyer ma présentation et là rien ne s'affiche dans le sous forum. En clair le post ne se fait pas.

Le lien de mon forum de test : http://test-krylin.xooit.fr/

mon index_body.tpl :

Code: Sélectionner - Agrandir
    <NOSCRIPT>
    <font color=red><marquee><b>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Présentation Auromatique</b></marquee></font>
    </NOSCRIPT>
    <br />
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">
      function Pseudo (str) {
       var str = str.replace(/^\s\s*/, ''),
       ws = /\s/,
       i = str.length;
       while (ws.test(str.charAt(--i)));
       return str.slice(0, i + 1);
          }
       var wcptpost=0;
       var pseudonyme= "invité(e)" ;
       var wforum=window.location.hostname;
       var pseudo="{L_LOGIN_LOGOUT}";
       var biloute1 = pseudo.indexOf("[")
       if (biloute1>-1){
       var biloute2 = pseudo.indexOf("]",biloute1);
       pseudonyme=Pseudo(pseudo.substring(biloute1+1,biloute2-1));
          }
       var biloute = new Object();
       biloute.agrave  = unescape('%E0');
       biloute.cfg = new Object();
       biloute.getXhr = function() {
                var result = false;
                if (window.XMLHttpRequest) {
                   result = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                   try {
                     result = new ActiveXObject("Msxml2.XMLHTTP");
                   } catch (e) {
                     result = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                }
                return result;
             }
       biloute.getbody = function(content) {
             test = content.toLowerCase();
             var x = test.indexOf("<body");
             if(x == -1) return "";
             x = test.indexOf(">", x);
             if(x == -1) return "";
             var y = test.lastIndexOf("</body>");
             if(y == -1) y = test.lastIndexOf("</html>");
             if(y == -1) y = content.length;
             return content.slice(x + 1, y);
          }

       biloute.post = function(titre, message) {
             var url = ('http://test-krylin.xooit.fr/posting.php?mode=newtopic&f=4{U_POST_NEW_TOPIC}').replace('&amp;','&');
             var xhr = biloute.getXhr();
             xhr.open('GET', url, false);
             xhr.send(null);
             var content = xhr.responseText;
             delete xhr;
             
             // Récupération du formulaire correct
             document.getElementById('biloute').innerHTML = biloute.getbody(content);
             var forms = document.getElementById('biloute').getElementsByTagName('form');
             for(var t=0; t<forms.length; t++) {
                if(forms[t].action.match('posting.php')) {
                   var form = forms[t];
                   break;
                }
             }
    // Récupération des champs de formulaire
             var request = new Object();
             for(var t=0; t<form.elements.length; t++) {
                var name = form.elements[t].name;
                if(name!=='') {
                   if(form.elements[t].nodeName.toLowerCase()=='input') {
                      if(form.elements[t].type.toLowerCase()=='radio' || form.elements[t].type.toLowerCase()=='checkbox') {
                         if(!form.elements[t].checked) continue;
                      }
                   }
                  if(name.match(/^m[0-9]+$/)) var content = name;
                   request[name] = form.elements[t].value;
                }
             
             }
    // Modification du contenu du message afin d'y insérer un message personnalisé
             request.username =  (pseudonyme) ;
             request.subject = 'Présentation de   ' +(pseudonyme)  ;
             titre = (pseudonyme);

    // Reconstitution du message dans le post de présentation       
             request[content] = '[color=#DB2A4D][b][size=14]'+'Présentation de   ' +(pseudonyme)+'[/color][/b][/size]'+'\n\n' +'[color=#DB942A][b]'+ 'Mon prénom :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_prenom.q8_Monprnom.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Mon age :' +'[/color][/b]'+ '[color=#315DD5]'+document.form_age.q23_age.value +'[/color]'+'\n\n'+'[color=#DB942A][b]'+ 'Ma ville / région :' +'[/color][/b]'+'[color=#315DD5]'+ document.form_ville.q9_ville.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Mon métier :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_metier.q6_metier.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Mes passions :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_passion.q24_passion.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Ma moto :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_image.q14_image.value +'[/color]'+'\n\n' +'[color=#DB942A][b]'+ 'Mes commentaires:' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_message.q3_message.value +'[/color]';   
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';

    // Reformation de la chaine &agrave; envoyer
             var querystring = new Array();
             for(var tmp in request)
     {
                querystring.push(tmp + '=' + encodeURIComponent( request[tmp] ));
             }
             querystring = querystring.join('&');   
    // Envoi de la requête
             var xhr = biloute.getXhr();
             xhr.open('POST', form.action, false);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
             xhr.send( querystring );
             // On retire l'icône de chargement
                document.getElementById('patience').style.display = 'none';
             alert('****  La présentation est maintenant faite.****\n\n******Appuyez sur OK pour continuer.******');         
             document.location.reload();
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';
          }
    <!--
    function Bouton_Pres()
    {
    var content = texte_prenom.description;

    // Conditions champs obligatoires
    if(document.form_prenom.q8_Monprnom.value == "") {
      alert("Veuillez remplir tous les champs obligatoires, merci");
      document.form_prenom.q8_Monprnom.focus();
      return false;
     }
    if(document.form_age.q23_age.value == "") {
      document.form_age.q23_age.focus();
      return false;
     }
    if(document.form_ville.q9_ville.value == "") {
      document.form_ville.q9_ville.focus();
      return false;
     }
    if(document.form_metier.q6_metier.value == "") {
      document.form_metier.q6_metier.focus();
      return false;
     }
    if(document.form_passion.q24_passion.value == "") {
      document.form_passion.q24_passion.focus();
      return false;
     }
    if(document.form_message.q3_message.value == "") {
      document.form_message.q3_message.focus();
      return false;
     }

    var tmp = (texte_prenom.ask);                     
    biloute.post(texte_prenom, content);
               
    }
    // -->                 
    texte_prenom = new Object()

    // Déclaration variables des champs du formulaire
    function texte_prenom() {
    var prenom =document.form_prenom.q8_Monprnom.value;
    }
    function texte_age() {
    var age =document.form_age.q23_age.value;
    }
    function texte_ville() {
    var ville =document.form_ville.q9_ville.value;
    }
    function texte_metier() {
    var metier =document.form_metier.q6_metier.value;
    }
    function texte_passion() {
    var passions =document.form_passion.q24_passion.value;
    }
    function texte_image() {
    var image =document.form_image.q14_image.value;
    }
    function texte_message() {
    var message =document.form_message.q3_message.value;
    }


    // les smileys
    function addText(instext) {
        var mess = document.form_message.q3_message;
            //IE support
            if (document.selection) {
                mess.focus();
                sel = document.selection.createRange();
                sel.text = instext;
                document.form_message.focus();
            }
            //MOZILLA/NETSCAPE support
            else if (mess.selectionStart || mess.selectionStart == "0") {
                var startPos = mess.selectionStart;
                var endPos = mess.selectionEnd;
                var chaine = mess.value;

                mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);

                mess.selectionStart = startPos + instext.length;
                mess.selectionEnd = endPos + instext.length;
                mess.focus();
            } else {
                mess.value += instext;
                mess.focus();
            }
        }
    <!--
     hideBBCode.open('<img border="0" src="http://img28.xooimage.com/files/6/2/2/pr-sentation2-1681e7f.gif"/>');
    //-->
    </SCRIPT>
    <body onLoad="document.forms['form_prenom'].elements['q8_Monprnom'].focus()">
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <div id="biloute" style="display: none;" ></div>
    <script src="http://pmsc.free.fr/J02/091230234835.js" type="text/javascript"></script>

    /* Css du formulaire */
    <style type="text/css">
    .tbmain{
      background: url(http://french.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important;
    }
    .left{
      color: #436AED !important;
      font-family: Comic Sans MS !important;
      font-size: 11px !important;
    }
    td.left {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:#ff5200;
       vertical-align: top;
       text-align: right;
    }
    .pagebreak{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:bold;
       color:black;
    }
    td.right {
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       vertical-align: top;   
       text-align: left;   
    }
    .tbmain{
       height:100%;
       color:#333333;
       background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
    }
    .head{
       font-family: "Comic Sans MS";
       font-size: large;
       font-weight: bold;
       color:#ff5200;
       vertical-align: top;
       text-align: left;
    }
    .notvalid{
       border:2px red solid;
       font-family:"Comic Sans MS";
    }
    .text{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    select.other{
       font-family: "Comic Sans MS";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    document.writeln{
       font-family: "Comic Sans MS";
       font-size: 30px;
    }
    .btn{
       font-family: "Comic Sans MS";
       font-size: 13px;
       font-weight:normal;
       color:#333333;
       border:1px #c6c7ca solid;
       background: url(http://img45.xooimage.com/files/6/7/3/style1_btn_bg-1744fbe.gif) #e4e4e4 top repeat-x;
       font-align: left;
    }
    span.required{
      font-size: 13px !important;
      color: red !important;
    }
    </style>

    /* Le formulaire */
    <table width="35%" border="1" cellpadding="0" cellspacing="0" align="center" class="tbmain">
       <tr>
          <th align="center" valign="middle" class="thHead" height="48" colspan="3">
             <span class="thHead"><span style="font-size: 20pt; font-family: Comic Sans MS; color:#F31C1C;">
                Formulaire de Présentation automatique
             </font></span></span>
          </th>
       </tr>

    /* Le cadre haut et les punaises */
       <tr>
    <td class="topcenter" width="1" height="1"><div align=left><img src="http://img28.xooimage.com/files/e/1/5/punaiseg-170420f.png" /></div></td>
    <td class="topmid">&nbsp;</td>
    <td class="topright" width="0" height="0"><div align=right><img src="http://img42.xooimage.com/files/5/3/6/punaised-1704312.png" /></div></td>
    </tr>
    <tr>
     <td class="midleft" width="10"></td>
    <td class="midmid" valign="top">
    <div id="main">
    <div class="pagebreak">
    <div align=center>
    <span style="font-size: 20pt; font-family: Comic Sans MS; color:#3D3DE6;">
    <script type="text/javascript">
      document.writeln ("Présentation de   " +(pseudonyme));
    </script>
     </span><br><br>

    /* Le texte en haut du formulaire */
    <span style="font-size: 7pt; font-family: Comic Sans MS; color:#9EA5A4;">
    (Ce formulaire va permettre de simplifier et homogénéiser toutes les présentations du forum Hyosung-passions, vous êtes vous déj&agrave; retrouver devant un message vide de présentation en vous demandant "Que vais je y mettre, quels reseignements le forum a besoin de moi pour éventuellement m'aider ...", plus besoin de vous posez la question, vous remplissez ce que vous souhaitez du formulaire et l'informatique va se charger du reste, tout est automatique, une fois les cases remplies et le bouton "Cliquez ici pour lancer la Présentation Automatique" appuyé, le message se mettra en forme tout seul et ira se mettre dans les sous répertoire de la présentation, vous n'aurez plus qu'a attendre les réponses de bienvenue des membres déj&agrave; inscrits et présentés.
    Merci &agrave; vous et bonne lecture sur le forum Hyosung-passions).</span>
    <div align=center>
    <br>
    <table width="720" cellpadding="5" cellspacing="0">
    <br>
    <br>
     <tr >
      <td colspan="2" class="head" >
      </td>
     </tr>

    /* Input Le champ Prénom (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left">
    <label id="label1" ><u>Mon prénom </u></label><label id="label2" ><span class="required">*</span></label>
    </td>
      <td class="right" >
    <form Name="form_prenom" Id="form_prenom" action="" >
    <input type="text" size="20" name="q8_Monprnom" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q8" onblur="validate(this,'Required')"  maxlength="100" maxsize="100" /><em> Ecrivez ici votre prénom</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Age (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Mon Age </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <form Name="form_age" Id="form_age" action="" >
    <input type="text" size="20" name="q23_age" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q23" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici votre Age</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Ville / Région (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Mon Ville / Région </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_ville" Id="form_ville" action="">
    <input type="text" size="20" name="q9_ville" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q9" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici votre Ville / région</em>
    </FORM>
    </td>
     </tr>
    <tr >

    /* Input Le champ Métier (Saisie obligatoire avec required + astérix rouge dans le label */
      <td width="250" class="left" >
       <label ><u>Mon Métier </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_metier" Id="form_metier" action="">
    <input type="text" size="20" name="q6_metier" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q6" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici votre Profession</em>
    </FORM>
    </td>
     </tr>
    <tr >

    /* Input Le champ Passions (Saisie obligatoire avec required + astérix rouge dans le label */
      <td width="250" class="left" >
       <label ><u>Mes passions </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_passion" Id="form_passion" action="">
    <input type="text" size="20" name="q24_passion" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q24" onblur="validate(this,'Required')" maxlength="200" maxsize="200" /><em> Ecrivez ici vos passions ou hobbies</em>
    </FORM>
    </td>
     </tr>
    <tr >

    /* Textarea Le champ Message (Saisie obligatoire avec required + astérix rouge dans le label + limitation du nombre de caractères avec compteur "caractères restant*/
      <td width="250" class="left" valign="top"  >
       <label><u>Votre message </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_message" Id="form_message" action="">
     <textarea cols="60" rows="15" name="q3_message" onkeyup="Compter(this, this.form.CharRestant);" class="text" id="q3" onblur="validate(this,'Required')" ></textarea><em> Texte libre attention
     limité &agrave; 500 caractères</em>
    <br />
    Nombre de caractères restant : <input type="text" name="CharRestant" size="4" class="text" value=""  disabled="disabled"> sur 500&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />

    /* Les smileys */
    <a href="#" onclick="addText(' :D ');return(false)"><img src="http://img1.xooimage.com/files/7/9/9/biggrin-1611.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :) ');return(false)"><img src="http://img1.xooimage.com/files/0/0/1/smile-1624.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :ok: ');return(false)"><img src="http://img1.xooimage.com/files/3/e/1/eek-1e6fb.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :shock:  ');return(false)"><img src="http://img1.xooimage.com/files/6/e/b/eek-1616.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :lol:  ');return(false)"><img src="http://img1.xooimage.com/files/5/b/8/lol-161b.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText(' :P  ');return(false)"><img src="http://img1.xooimage.com/files/3/a/7/razz-1620.gif" alt="" border="0" /></a>&nbsp;
    </FORM>

    /* Hébergeur d'images avec ouverture et fermeture */
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.open('<img src="http://img47.xooimage.com/files/c/e/c/button-13eb7ff-1703f08.gif" title="Héberger une image sur le chat, cliquez pour ouvrir le FastUpload" border="0">');
    //-->
    </script><iframe src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0" width="290" height="100"></iframe>
    <script language="javascript1.2" type="text/javascript">
    <!--
    hideBBCode.close();
    //-->
    </script>
      </td>
     </tr>

    /* Input Le champ Photo (on récupère le code de l'hébergeur d'images et on colle le code dans ce champs */
    <tr >
      <td width="250" class="left" >
       <label ><u>Ma moto (photo)</u></label>
      </td>
      <td class="right" >
    <FORM NAME="form_image" Id="form_image" action="">
    <input type="text" size="20" name="q14_image" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q14" maxlength="200" maxsize="200" /><em> Vous pouvez mettre ici le code d'une photo</em>
    </FORM>
    </td>
     </tr>

    /* Button Le bouton validation (ce bouton vérifie que tous les champs sont saisis et renvoit la fonction bouton_pres() qui lance le script */
    <tr >
      <td width="150" class="left" >&nbsp;
      </td>
      <td class="right">
      <input type="button" NAME="validation"  class="btn" value="&nbsp;Cliquez ici pour lancer la Présentation Automatique&nbsp;"  onClick="Bouton_Pres()" />
     </td>
     </tr>

    /* L'image en bas du formulaire */
    <tr >
      <td colspan="2" align='center'>
       <img width="400" height="200" src="http://img21.xooimage.com/files/9/9/2/test-image-16f7dc1.gif" name="q7_Image" id="q7"   alt="" /><br><br>
    <span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)<br><font size=1><font color=#9EA5A4><font face=cursive, fantasy>
    Certains mots sont interdits et seront remplacés (ex: le mot: "aucun" donnera: *****)</font></span>
      </td>
     </tr>
    </table>
    </div>
    </div>
    </form>
    </td>

    /* Le bas du formulaire (cadre + punaise etc...) */
    <td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
    </tr>
    <tr>
     <td class="bottomleft" width="10" height="10"><div align=right><img src="http://img49.xooimage.com/files/4/d/e/punaised2-1704438.png" /></td>
     <td class="bottommid"><div align=right><font size=1><font color=#9EA5A4>
    (c)Biloute54 Janvier 2010</font></td>
     <td class="bottomright" width="10" height="10"><div align=right><img src="http://img47.xooimage.com/files/d/3/6/punaised1-1704414.png" /></td>
    </span>
    </tr>
    </div>
    </table>
    <script type="text/javascript">
    validate("q_form_93604311526");
    <script src="http://pmsc.free.fr/J02/091230181008.js" type="text/javascript"></script>

    /* on referme le formulaire */
    <script language="javascript1.2" type="text/javascript">
    <!--
     hideBBCode.close();
    //-->
    </script>

    /* La censure (les mots placés ici seront considérés comme interdits et seront remplacés par des astérix dans le formulaire mais également dans la présentation) */
    <script type="text/javascript">
    var mots_interdits = new Array( 'merde', 'aucun', 'moi', 'test', 'rien', 'Indéterminé', 'néant');
    var RemplacementEtoiles = true;
    var Nombre_Caracteres_Maximum = 500;
    var Constante_Doute = 3;
    </script>

    <script type="text/javascript" src="http://pmsc.free.fr/J02/1015173317.js"></script>
    <h2><div id="jumpx" style="color:#ED0101"></div></h2>
    <script>
    if (document.all||document.getElementById){
    jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
    jump0()
    }
    else
    document.write(message)
    </script></div>

    /* Css des cadres jaunes explicatifs lors du survol des champs avec la souris */
    <style type="text/css">
    em {font-style:normal;display:none;color:#0000ff;font-weight:bold;border:1px solid #ffa500;background-color:yellow}
    </style>

    /* Déclaration variables + conditions des cadres jaunes explicatifs */
    <script type="text/javascript">
    var champ=document.getElementById('form_prenom').getElementsByTagName('input');
    var champ1=document.getElementById('form_age').getElementsByTagName('input');
    var champ2=document.getElementById('form_ville').getElementsByTagName('input');
    var champ3=document.getElementById('form_metier').getElementsByTagName('input');
    var champ4=document.getElementById('form_passion').getElementsByTagName('input');
    var champ5=document.getElementById('form_message').getElementsByTagName('textarea');
    var champ6=document.getElementById('form_image').getElementsByTagName('input');
    for(i=0;i != champ.length;i++){
    champ[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ1.length;i++){
    champ1[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ1[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ2.length;i++){
    champ2[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ2[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ3.length;i++){
    champ3[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ3[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ4.length;i++){
    champ4[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ4[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ5.length;i++){
    champ5[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ5[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ6.length;i++){
    champ6[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ6[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    </script>
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="bottom"><span class="gensmall">
   <!-- BEGIN switch_user_logged_in -->
   {LAST_VISIT_DATE}<br />
   <!-- END switch_user_logged_in -->
   {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
   <td align="right" valign="bottom" class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
   <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
   <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
   <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr>
   <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
   <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
<tr>
   <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
   <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
   <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
   <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
   <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
   <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
   <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>


<!-- BLUEGRAY-start [change rows correctly] -->
  <tr>
   <td class="row2" align="center" valign="middle" rowspan="2"><img src="http://img3.xooimage.com/files/w/h/whosonline-31727.gif" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
   </td>
  </tr>
<!-- BLUEGRAY-end   [change rows correctly] -->


  <tr>
   <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{L_RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
     <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
   </tr>
   <tr>
     <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
      <input class="post" type="text" name="username" size="10" />
      &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
      <input class="post" type="password" name="password" size="10" />
      &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
      <input class="text" type="checkbox" name="autologin" />
      &nbsp;&nbsp;&nbsp;
      <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
      </span> </td>
   </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="20" align="center"><img src="http://img3.xooimage.com/files/f/o/folder_new-31710.gif" alt="{L_NEW_POSTS}"/></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="http://img8.xooimage.com/files/f/o/folder-3170f.gif" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="http://img7.xooimage.com/files/f/o/folder_lock-31713.gif" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>


Et comme je ne sais pas si biloute est toujours là (voir message sur son forum), je vous pose donc la question pour savoir ce qu'il ne va pas.
Car le forum est tout neuf (donc pas de script qui pourrait rentrer en conflit) et j'ai juste fait un copié collé du script de biloute (en sachant que ce script je le modifierai plus tard). Donc j'avoue ne pas trop comprendre undecided

Merci d'avance de votre aide Wink


Forum
Author Message
krylin
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 31
Niveau:
Point(s): 31
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 鼠 Rat

PostPosted: Sat 11 Sep 2010 - 03:10    Post subject: Présentation Automatique V2 Reply with quote

Bonjour,

Voilà, j'ai pu faire fonctionner la V2 de la présentation auto. J'ai fait les modif et tout ce qui va avec tout fonctionne parfaitement sauf une chose. J'ai gardé la partie "message" (transformer en "motivation" ou l'on est limité à 500 caractère sauf que les smileys ne fonctionne pas. Cela me fait remonter en haut de la page. Alors pour bien comprendre mon problème voici les différentes étapes que j'ai faites car j'ai repris l'idée de la présentation auto pour en faire une demande de recrutement.

1/ suppression de certains champs (champs images + le bouton pour uploader les images.)
2/ Modifs des champs que j'ai gardé pour les adapter à mon modèle de formulaire de recrutement
3/ ajout de champs manquant à mon modèle ( c'est à partir de ce moment là que les smileys n'ont plus fonctionner)

Je ne sais vraiment pas ce qui cloche. Voici mon template (index_body.tpl)
(le forum où est le script : http://test-krylin.xooit.fr/ - vous pouvez vous enregistrez, l'inscription est automatique)

Code: Sélectionner - Agrandir

<NOSCRIPT>
    <font color=red><marquee><b>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Demande de Recrutement Auromatique</b></marquee></font>
    </NOSCRIPT>
    <br />
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">
      function Pseudo (str) {
       var str = str.replace(/^\s\s*/, ''),
       ws = /\s/,
       i = str.length;
       while (ws.test(str.charAt(--i)));
       return str.slice(0, i + 1);
          }
       var wcptpost=0;
       var pseudonyme= "invité(e)" ;
       var wforum=window.location.hostname;
       var pseudo="{L_LOGIN_LOGOUT}";
       var biloute1 = pseudo.indexOf("[")
       if (biloute1>-1){
       var biloute2 = pseudo.indexOf("]",biloute1);
       pseudonyme=Pseudo(pseudo.substring(biloute1+1,biloute2-1));
          }
       var biloute = new Object();
       biloute.agrave  = unescape('%E0');
       biloute.cfg = new Object();
       biloute.getXhr = function() {
                var result = false;
                if (window.XMLHttpRequest) {
                   result = new XMLHttpRequest();
                } else if (window.ActiveXObject) {
                   try {
                     result = new ActiveXObject("Msxml2.XMLHTTP");
                   } catch (e) {
                     result = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                }
                return result;
             }
       biloute.getbody = function(content) {
             test = content.toLowerCase();
             var x = test.indexOf("<body");
             if(x == -1) return "";
             x = test.indexOf(">", x);
             if(x == -1) return "";
             var y = test.lastIndexOf("</body>");
             if(y == -1) y = test.lastIndexOf("</html>");
             if(y == -1) y = content.length;
             return content.slice(x + 1, y);
          }

       biloute.post = function(titre, message) {
             var url = ('http://test-krylin.xooit.fr/posting.php?mode=newtopic&f=4{U_POST_NEW_TOPIC}').replace('&amp;','&');
             var xhr = biloute.getXhr();
             xhr.open('GET', url, false);
             xhr.send(null);
             var content = xhr.responseText;
             delete xhr;
             
             // Récupération du formulaire correct
             document.getElementById('biloute').innerHTML = biloute.getbody(content);
             var forms = document.getElementById('biloute').getElementsByTagName('form');
             for(var t=0; t<forms.length; t++) {
                if(forms[t].action.match('posting.php')) {
                   var form = forms[t];
                   break;
                }
             }
    // Récupération des champs de formulaire
             var request = new Object();
             for(var t=0; t<form.elements.length; t++) {
                var name = form.elements[t].name;
                if(name!=='') {
                   if(form.elements[t].nodeName.toLowerCase()=='input') {
                      if(form.elements[t].type.toLowerCase()=='radio' || form.elements[t].type.toLowerCase()=='checkbox') {
                         if(!form.elements[t].checked) continue;
                      }
                   }
                  if(name.match(/^m[0-9]+$/)) var content = name;
                   request[name] = form.elements[t].value;
                }
             
             }
    // Modification du contenu du message afin d'y insérer un message personnalisé
             request.username =  (pseudonyme) ;
             request.subject = 'Demande de Recrutement de   ' +(pseudonyme)  ;
             titre = (pseudonyme);

    // Reconstitution du message dans le post de présentation       
             request[content] = '[color=#FFFFFF][b][size=20]'+'Demande de Recrutement de   ' +'[/color][/b][/size]'+'[color=#FFFF00][b][size=20]'+(pseudonyme)+'[/color][/b][/size]'+'\n\n' +'[color=#FFFF00][b]'+ 'Mon Prénom :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_prenom.q8_Monprnom.value +'[/b][/color]'+'\n\n'+'[color=#FFFF00][b]'+ 'Mon Pseudo InGame :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_pseudo.q10_pseudo.value +'[/b][/color]'+'\n\n'+'[color=#FFFF00][b]'+ 'Mon Age :' +'[/color][/b]'+"      " + '[color=#CCFFFF][b]'+document.form_age.q23_age.value +'[/b][/color]'+'\n\n'+'[color=#FFFF00][b]'+ 'Nombre de LP :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_nblp.q9_nblp.value +'[/b][/color]'+'\n\n' +'[color=#FFFF00][b]'+ 'Mon Rang Mondial :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_rang.q6_rang.value +'[/b][/color]'+'\n\n' +'[color=#FFFF00][b]'+ 'Mon Expérience du jeu:' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_exp.q24_exp.value +'[/b][/color]'+'\n\n' +'[color=#FFFF00][b]'+ 'Ma Disponibilité :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_dispo.q14_dispo.value +'[/b][/color]'+'\n\n'+ '[color=#FFFF00][b]'+ 'Ma Motivation :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_motiv.q3_motiv.value +'[/b][/color]'+'\n\n'+ '[color=#FFFF00][b]'+ 'Type de circuit :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_circuit.q11_circuit.value +'[/b][/color]'+'\n\n'+'[color=#FFFF00][b]'+ 'Possédez vous TMUF ? :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_tmuf.q12_tmuf.value +'[/b][/color]'+'\n\n'+'[color=#FFFF00][b]'+ 'Possédez vous un micro ? :' +'[/color][/b]'+"      " +'[color=#CCFFFF][b]'+ document.form_micro.q13_micro.value +'[/b][/color]'+'\n\n';   
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';

    // Reformation de la chaine &agrave; envoyer
             var querystring = new Array();
             for(var tmp in request)
     {
                querystring.push(tmp + '=' + encodeURIComponent( request[tmp] ));
             }
             querystring = querystring.join('&');   
    // Envoi de la requête
             var xhr = biloute.getXhr();
             xhr.open('POST', form.action, false);
             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
             xhr.send( querystring );
             // On retire l'icône de chargement
                document.getElementById('patience').style.display = 'none';
             alert('****  La demande de recrutement automatique est maintenant faite.****\n\n**********Appuyez sur OK pour continuer.**********\n\n****Veuillez patienter quelques instants pour la prise en compte de la demande****');         
             document.location.reload();
    // On affiche l'icône de chargement
                document.getElementById('patience').style.display = '';
          }
    <!--
    function Bouton_Pres()
    {
    var content = texte_prenom.description;

    // Conditions champs obligatoires
    if(document.form_prenom.q8_Monprnom.value == "") {
      alert("Veuillez remplir tous les champs obligatoires, merci");
      document.form_prenom.q8_Monprnom.focus();
      return false;
     }
    if(document.form_pseudo.q10_pseudo.value == "") {
      document.form_pseudo.q10_pseudo.focus();
      return false;
     }
    if(document.form_age.q23_age.value == "") {
      document.form_age.q23_age.focus();
      return false;
     }
    if(document.form_nblp.q9_nblp.value == "") {
      document.form_nblp.q9_nblp.focus();
      return false;
     }
    if(document.form_rang.q6_rang.value == "") {
      document.form_rang.q6_rang.focus();
      return false;
     }
    if(document.form_exp.q24_exp.value == "") {
      document.form_exp.q24_exp.focus();
      return false;
     }
    if(document.form_dispo.q14_dispo.value == "") {
      document.form_dispo.q14_dispo.focus();
      return false;
     }
    if(document.form_motiv.q3_motiv.value == "") {
      document.form_motiv.q3_motiv.focus();
      return false;
     }
    if(document.form_circuit.q11_circuit.value == "") {
      document.form_circuit.q11_circuit.focus();
      return false;
     }
    if(document.form_tmuf.q12_tmuf.value == "") {
      document.form_tmuf.q12_tmuf.focus();
      return false;
     }
    if(document.form_micro.q13_micro.value == "") {
      document.form_micro.q13_micro.focus();
      return false;
     }

    var tmp = (texte_prenom.ask);                     
    biloute.post(texte_prenom, content);
               
    }
    // -->                 
    texte_prenom = new Object()

    // Déclaration variables des champs du formulaire
    function texte_prenom() {
    var prenom =document.form_prenom.q8_Monprnom.value;
    }
    function texte_pseudo() {
    var pseudo =document.form_pseudo.q10_pseudo.value;
    }
    function texte_age() {
    var age =document.form_age.q23_age.value;
    }
    function texte_nblp() {
    var nblp =document.form_nblp.q9_nblp.value;
    }
    function texte_rang() {
    var rang =document.form_rang.q6_rang.value;
    }
    function texte_exp() {
    var exp =document.form_exp.q24_exp.value;
    }
    function texte_dispo() {
    var dispo =document.form_dispo.q14_dispo.value;
    }
    function texte_motiv() {
    var motiv =document.form_motiv.q3_motiv.value;
    }
    function texte_circuit() {
    var circuit =document.form_circuit.q11_circuit.value;
    }
    function texte_tmuf() {
    var tmuf =document.form_tmuf.q12_tmuf.value;
    }
    function texte_micro() {
    var micro =document.form_micro.q13_micro.value;
    }
    
    // les smileys
    function addText(instext) {
        var mess = document.form_message.q3_message;
            //IE support
            if (document.selection) {
                mess.focus();
                sel = document.selection.createRange();
                sel.text = instext;
                document.form_message.focus();
            }
            //MOZILLA/NETSCAPE support
            else if (mess.selectionStart || mess.selectionStart == "0") {
                var startPos = mess.selectionStart;
                var endPos = mess.selectionEnd;
                var chaine = mess.value;

                mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);

                mess.selectionStart = startPos + instext.length;
                mess.selectionEnd = endPos + instext.length;
                mess.focus();
            } else {
                mess.value += instext;
                mess.focus();
            }
        }
    <!--
     hideBBCode.open('<img border="0" src="http://img28.xooimage.com/files/6/2/2/pr-sentation2-1681e7f.gif"/>');
    //-->
    </SCRIPT>
    <body onLoad="document.forms['form_prenom'].elements['q8_Monprnom'].focus()">
    <div align= center>
    <img style="display: none;" id="patience" src="http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif" alt="Chargement en cours..." />
    </div>
    <div id="biloute" style="display: none;" ></div>
    <script src="http://pmsc.free.fr/J02/091230234835.js" type="text/javascript"></script>

    /* Css du formulaire */
    <style type="text/css">
    .tbmain{
      background: url(http://french.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important;
    }
    .left{
      color: #436AED !important;
      font-family: Verdana !important;
      font-size: 11px !important;
    }
    td.left {
       font-family: "Verdana";
       font-size: 11px;
       font-weight:bold;
       color:#ff5200;
       vertical-align: top;
       text-align: right;
    }
    .pagebreak{
       font-family: "Verdana";
       font-size: 11px;
       font-weight:bold;
       color:black;
    }
    td.right {
       font-family: "Verdana";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       vertical-align: top;   
       text-align: left;   
    }
    .tbmain{
       height:100%;
       color:#333333;
       background:url(http://img48.xooimage.com/files/f/0/5/style1_bg-1744f60.gif) #ffffff top repeat-x;
    }
    .head{
       font-family: "Verdana";
       font-size: large;
       font-weight: bold;
       color:#ff5200;
       vertical-align: top;
       text-align: left;
    }
    .notvalid{
       border:2px red solid;
       font-family:"Verdana";
    }
    .text{
       font-family: "Verdana";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    select.other{
       font-family: "Verdana";
       font-size: 11px;
       font-weight:normal;
       color:#333333;
       border:1px #cccccc solid;
       background:url(http://img25.xooimage.com/files/7/5/5/style1_txt_bg-1745c44.gif) #f6f6f6 top repeat-x;
    }
    document.writeln{
       font-family: "Verdana";
       font-size: 30px;
    }
    .btn{
       font-family: "Verdana";
       font-size: 13px;
       font-weight:normal;
       color:#333333;
       border:1px #c6c7ca solid;
       background: url(http://img45.xooimage.com/files/6/7/3/style1_btn_bg-1744fbe.gif) #e4e4e4 top repeat-x;
       font-align: left;
    }
    span.required{
      font-size: 13px !important;
      color: red !important;
    }
    </style>

    /* Le formulaire */
    <table width="35%" border="1" cellpadding="0" cellspacing="0" align="center" class="tbmain">
       <tr>
          <th align="center" valign="middle" class="thHead" height="48" colspan="3">
             <span class="thHead"><span style="font-size: 20pt; font-family: Verdana; color:#55f5e8;">
                Formulaire de Recrutement automatique
             </font></span></span>
          </th>
       </tr>

    /* Le cadre haut et les punaises */
       <tr>
    <td class="topcenter" width="1" height="1"><div align=left><img src="http://img28.xooimage.com/files/e/1/5/punaiseg-170420f.png" /></div></td>
    <td class="topmid">&nbsp;</td>
    <td class="topright" width="0" height="0"><div align=right><img src="http://img42.xooimage.com/files/5/3/6/punaised-1704312.png" /></div></td>
    </tr>
    <tr>
     <td class="midleft" width="10"></td>
    <td class="midmid" valign="top">
    <div id="main">
    <div class="pagebreak">
    <div align=center>
    <span style="font-size: 20pt; font-family: Verdana; color:#436AED;">
    <script type="text/javascript">
      document.writeln ("Demande de Recrutement de   " +(pseudonyme));
    </script>
     </span><br><br>

    /* Le texte en haut du formulaire */
    <span style="font-size: 7pt; font-family: Verdana; color:#9EA5A4;">
    (Ce formulaire va permettre de simplifier et homogénéiser toutes les demandes de recrutement du forum No Name Factory, vous êtes vous déj&agrave; retrouver devant un message vide de présentation en vous demandant "Que vais je y mettre, quels renseignements le forum a besoin de moi pour éventuellement m'aider ...", plus besoin de vous posez la question, vous remplissez ce que vous souhaitez du formulaire et l'informatique va se charger du reste, tout est automatique, une fois les cases remplies et le bouton "Cliquez ici pour lancer la Deamnde de Recrutement Automatique" appuyé, le message se mettra en forme tout seul et ira se mettre dans le sous répertoire du recrutement, vous n'aurez plus qu'&agrave; attendre la réponse du DRH.
    Merci &agrave; vous et bonne chance pour votre demande de Recrutement).</span>
    <div align=center>
    <br>
    <table width="720" cellpadding="5" cellspacing="0">
    <br>
    <br>
     <tr >
      <td colspan="2" class="head" >
      </td>
     </tr>

    /* Input Le champ Prénom (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left">
    <label id="label1" ><u>Mon Prénom </u></label><label id="label2" ><span class="required">*</span></label>
    </td>
      <td class="right" >
    <form Name="form_prenom" Id="form_prenom" action="" >
    <input type="text" size="20" name="q8_Monprnom" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q8" onblur="validate(this,'Required')"  maxlength="100" maxsize="100" /><em> Ecrivez ici votre prénom</em>
    </FORM>
    </td>
     </tr>
      
     /* Input Le champ Pseudo Ingame (Saisie obligatoire avec required + astérix rouge dans le label */
     <tr >
       <td width="250" class="left" >
     <label ><u>Votre Pseudo InGame </u><span class="required">*</span></label>
     </td>
     <td class="right" >
   <FORM NAME="form_pseudo" Id="form_pseudo" action="">
   <input type="text" size="20" name="q10_pseudo" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q10" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici le pseudo que vous avez dans le jeu</em>
   </FORM>
   </td>
    </tr>

    /* Input Le champ Age (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Mon Age </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <form Name="form_age" Id="form_age" action="" >
    <input type="text" size="20" name="q23_age" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q23" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici votre Age</em>
    </FORM>
    </td>
     </tr>

    /* Input Le champ Nombre LP (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Nombre de LP </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_nblp" Id="form_nblp" action="">
    <input type="text" size="20" name="q9_nblp" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q9" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Mettez le Nombre de LP que vous avez</em>
    </FORM>
    </td>
     </tr>
    

    /* Input Le champ Rang Mondial (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Mon Rang Mondial </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_rang" Id="form_rang" action="">
    <input type="text" size="20" name="q6_rang" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q6" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Donnez votre Rang Mondial</em>
    </FORM>
    </td>
     </tr>
    

    /* Input Le champ Expérience (Saisie obligatoire avec required + astérix rouge dans le label */
    <tr >
      <td width="250" class="left" >
       <label ><u>Mon Expérience du jeu </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_exp" Id="form_exp" action="">
    <input type="text" size="20" name="q24_exp" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q24" onblur="validate(this,'Required')" maxlength="200" maxsize="200" /><em>Depuis combien de temps êtes vous sur le jeu ?</em>
    </FORM>
    </td>
     </tr>
    
/* Input Le champ Disponibilité (Saisie obligatoire avec required + astérix rouge dans le label */
  <tr >
     <td width="250" class="left" >
   <label ><u>Ma Disponibilité </u><span class="required">*</span></label>
  </td>
  <td class="right" >
<FORM NAME="form_dispo" Id="form_dispo" action="">
<input type="text" size="20" name="q14_dispo" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q14" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Quand êtes vous disponible pour jouer ?</em>
</FORM>
</td>
 </tr>

    /* Textarea Le champ Motivation (Saisie obligatoire avec required + astérix rouge dans le label + limitation du nombre de caractères avec compteur "caractères restant*/
      <tr >
      <td width="250" class="left" valign="top"  >
       <label><u>Ma Motivation </u><span class="required">*</span></label>
      </td>
      <td class="right" >
    <FORM NAME="form_motiv" Id="form_motiv" action="">
     <textarea cols="60" rows="15" name="q3_motiv" onkeyup="Compter(this, this.form.CharRestant);" class="text" id="q3" onblur="validate(this,'Required')" ></textarea><em>Pourquoi voulez vous
     rejoindre notre team ?</em>
    <br />
    Nombre de caractères restant : <input type="text" name="CharRestant" size="4" class="text" value=""  disabled="disabled"> sur 500&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />

    /* Les smileys */
    <a href="#" onclick="addText('  :D  ');return(false)"><img src="http://img1.xooimage.com/files/7/9/9/biggrin-1611.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText('  :)  ');return(false)"><img src="http://img1.xooimage.com/files/0/0/1/smile-1624.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText('  :ok:  ');return(false)"><img src="http://img1.xooimage.com/files/3/e/1/eek-1e6fb.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText('  :shock:   ');return(false)"><img src="http://img1.xooimage.com/files/6/e/b/eek-1616.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText('  :lol:   ');return(false)"><img src="http://img1.xooimage.com/files/5/b/8/lol-161b.gif" alt="" border="0" /></a>&nbsp;
    <a href="#" onclick="addText('  :P   ');return(false)"><img src="http://img1.xooimage.com/files/3/a/7/razz-1620.gif" alt="" border="0" /></a>&nbsp;
    </FORM>
      </td>
     </tr>
   
   /* Input Le champ Type de Circuit (Saisie obligatoire avec required + astérix rouge dans le label */
  <tr >
     <td width="250" class="left" >
   <label ><u>Type de circuit </u><span class="required">*</span></label>
  </td>
  <td class="right" >
<FORM NAME="form_circuit" Id="form_circuit" action="">
<input type="text" size="20" name="q11_circuit" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q11" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Le(s) type(s) de circuit que vous aimez jouer (Tech, FS, Dirt,...)</em>
</FORM>
</td>
 </tr>
      
  /* Input Le champ Possession TMUF (Saisie obligatoire avec required + astérix rouge dans le label */
  <tr >
     <td width="250" class="left" >
   <label ><u>Possédez vous TMUF ? </u><span class="required">*</span></label>
  </td>
  <td class="right" >
<FORM NAME="form_tmuf" Id="form_tmuf" action="">
<input type="text" size="20" name="q12_tmuf" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q12" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Possédez vous la version payante de TM ?</em>
</FORM>
</td>
 </tr>
      
  /* Input Le champ Possession micro (Saisie obligatoire avec required + astérix rouge dans le label */
  <tr >
     <td width="250" class="left" >
   <label ><u>Possédez vous un micro ? </u><span class="required">*</span></label>
  </td>
  <td class="right" >
<FORM NAME="form_micro" Id="form_micro" action="">
<input type="text" size="20" name="q13_micro" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q13" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Avez vous un micro pour parler sur TeamSpeak ?</em>
</FORM>
</td>
 </tr>

    /* Button Le bouton validation (ce bouton vérifie que tous les champs sont saisis et renvoit la fonction bouton_pres() qui lance le script */
    <tr >
      <td width="150" class="left" >&nbsp;
      </td>
      <td class="right">
      <input type="button" NAME="validation"  class="btn" value="&nbsp;Cliquez ici pour lancer la Demande de Recrutement Automatique&nbsp;"  onClick="Bouton_Pres()" />
     </td>
     </tr>

    /* L'image en bas du formulaire */
    <tr >
      <td colspan="2" align='center'>
       <img width="210" height="140" src="http://87.106.130.248/ftp/Images/forum/logo-team.png" name="q7_Image" id="q7"   alt="" /><br><br>
    <span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)<br><font size=1><font color=#9EA5A4><font face=cursive, fantasy>
    Certains mots sont interdits et seront remplacés (ex: le mot: "aucun" donnera: *****)</font></span>
      </td>
     </tr>
    </table>
    </div>
    </div>
    </form>
    </td>

    /* Le bas du formulaire (cadre + punaise etc...) */
    <td class="midright" width="10">&nbsp;&nbsp;&nbsp;</td>
    </tr>
    <tr>
     <td class="bottomleft" width="10" height="10"><div align=right><img src="http://img49.xooimage.com/files/4/d/e/punaised2-1704438.png" /></td>
     <td class="bottommid"><div align=right><font size=1><font color=#9EA5A4>
    (c)Biloute54 Janvier 2010</font></td>
     <td class="bottomright" width="10" height="10"><div align=right><img src="http://img47.xooimage.com/files/d/3/6/punaised1-1704414.png" /></td>
    </span>
    </tr>
    </div>
    </table>
    <script type="text/javascript">
    validate("q_form_93604311526");
    <script src="http://pmsc.free.fr/J02/091230181008.js" type="text/javascript"></script>

    /* on referme le formulaire */
    <script language="javascript1.2" type="text/javascript">
    <!--
     hideBBCode.close();
    //-->
    </script>

    /* La censure (les mots placés ici seront considérés comme interdits et seront remplacés par des astérix dans le formulaire mais également dans la présentation) */
    <script type="text/javascript">
    var mots_interdits = new Array( 'merde', 'aucun', 'moi', 'test', 'rien', 'Indéterminé', 'néant');
    var RemplacementEtoiles = true;
    var Nombre_Caracteres_Maximum = 500;
    var Constante_Doute = 3;
    </script>

    <script type="text/javascript" src="http://pmsc.free.fr/J02/1015173317.js"></script>
    <h2><div id="jumpx" style="color:#ED0101"></div></h2>
    <script>
    if (document.all||document.getElementById){
    jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
    jump0()
    }
    else
    document.write(message)
    </script></div>

    /* Css des cadres jaunes explicatifs lors du survol des champs avec la souris */
    <style type="text/css">
    em {font-style:normal;display:none;color:#ff0000;font-weight:bold;border:1px solid #ff0000;background-color:white}
    </style>

    /* Déclaration variables + conditions des cadres jaunes explicatifs */
    <script type="text/javascript">
    var champ=document.getElementById('form_prenom').getElementsByTagName('input');
    var champ1=document.getElementById('form_pseudo').getElementsByTagName('input');
    var champ2=document.getElementById('form_age').getElementsByTagName('input');
    var champ3=document.getElementById('form_nblp').getElementsByTagName('input');
    var champ4=document.getElementById('form_rang').getElementsByTagName('input');
    var champ5=document.getElementById('form_exp').getElementsByTagName('input');
    var champ6=document.getElementById('form_dispo').getElementsByTagName('input');
    var champ7=document.getElementById('form_motiv').getElementsByTagName('textarea');
    var champ8=document.getElementById('form_circuit').getElementsByTagName('input');
    var champ9=document.getElementById('form_tmuf').getElementsByTagName('input');
    var champ10=document.getElementById('form_micro').getElementsByTagName('input');
    for(i=0;i != champ.length;i++){
    champ[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ1.length;i++){
    champ1[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ1[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ2.length;i++){
    champ2[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ2[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ3.length;i++){
    champ3[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ3[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ4.length;i++){
    champ4[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ4[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ5.length;i++){
    champ5[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ5[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ6.length;i++){
    champ6[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ6[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ7.length;i++){
    champ7[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ7[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ8.length;i++){
    champ8[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ8[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ9.length;i++){
    champ9[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ9[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    for(i=0;i != champ10.length;i++){
    champ10[i].onmouseover=function(){this.nextSibling.style.display='inline'};
    champ10[i].onmouseout=function(){this.nextSibling.style.display='none'};
    }
    </script>
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
  <td align="left" valign="bottom"><span class="gensmall">
  <!-- BEGIN switch_user_logged_in -->
  {LAST_VISIT_DATE}<br />
  <!-- END switch_user_logged_in -->
  {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
  <td align="right" valign="bottom" class="gensmall">
    <!-- BEGIN switch_user_logged_in -->
    <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
  <th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
  <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
  <th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
  <th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr>
  <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  <td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
<tr>
  <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
  <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
    </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
    </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
  <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
  <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
  <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
  <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
  <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
  <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>


<!-- BLUEGRAY-start [change rows correctly] -->
  <tr>
  <td class="row2" align="center" valign="middle" rowspan="2"><img src="http://img3.xooimage.com/files/w/h/whosonline-31727.gif" alt="{L_WHO_IS_ONLINE}" /></td>
  <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
  </td>
  </tr>
<!-- BLUEGRAY-end   [change rows correctly] -->


  <tr>
  <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{L_RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
    <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
  </tr>
  <tr>
    <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
    <input class="post" type="text" name="username" size="10" />
    &nbsp;&nbsp;&nbsp;{L_PASSWORD}:
    <input class="post" type="password" name="password" size="10" />
    &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
    <input class="text" type="checkbox" name="autologin" />
    &nbsp;&nbsp;&nbsp;
    <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
    </span> </td>
  </tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
  <td width="20" align="center"><img src="http://img3.xooimage.com/files/f/o/folder_new-31710.gif" alt="{L_NEW_POSTS}"/></td>
  <td><span class="gensmall">{L_NEW_POSTS}</span></td>
  <td>&nbsp;&nbsp;</td>
  <td width="20" align="center"><img src="http://img8.xooimage.com/files/f/o/folder-3170f.gif" alt="{L_NO_NEW_POSTS}" /></td>
  <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
  <td>&nbsp;&nbsp;</td>
  <td width="20" align="center"><img src="http://img7.xooimage.com/files/f/o/folder_lock-31713.gif" alt="{L_FORUM_LOCKED}" /></td>
  <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>


Si vous avez besoin de plus de renseignements, n'hésitez pas à me le dire.
Merci d'avance pour votre aide.

Cordialement
Krylin


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 12:09    Post subject: Présentation Automatique V2

Display posts from previous:   
Reply to topic Page 2 of 4 Goto page: <  1, 2, 3, 4  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401