It is currently Sun 25 Sep 2016 - 05:40 - 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
fastoche


Joined: 30 Jan 2012
Posts: 13

PostPosted: Fri 6 Jul 2012 - 16:04    Post subject: Présentation Automatique V2 Reply with quote

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

bonjour,
tout fonctionne, je fais ma présentation etc...


Quand je clique sur "valider" rien ne se fait...


De l'aide svp Wink
Forum
Author Message
SFSxBackJx
Membre


Offline
Membre

Joined: 14 Jul 2012
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Scorpion (23oct-21nov)

PostPosted: Sat 14 Jul 2012 - 23:50    Post subject: Présentation Automatique V2 Reply with quote

Salut tous le monde,

Déjà, je commence par remercier et dire bravo pour se tutorial, comme tous se que vous avez fait Wink Bravo pour le partage.
Sinon, j'avais une petite question. J'espère que personne n'aura demandé cette question (même si j'ai pas mal cherché, mais pas trouvé Sad ).
Je viens d'installer avec succés la présentation automatique, en rajoutant des conditions à remplir. Il marche super bien Wink
Mais j'avais une question par rapport à se formulaire. Je précise être tous nouveau et donc un vrais débutant, qui n'arrête pas d'essayer de comprendre, mais j'avous que se n'est pas toujours très simple Wink. Grace à vous, j'ai déjà pû mettre en place un bouton Résolu, et plein de petite chose, mais j'avous bien galérer.
Serait t'il possible sois de mettre le même dans un autre sous forum "présentation", sois le même formulaire, sois un autres formulaire, basé sur celui là, mais plus élaboré.
Pour expliqué, je m'occupe d'un petit forum ayant des inscrit : Membre, VIP, Modo, ....
Et, les membres se servirai d'un formulaire qui mets la présentation Membre dans un sous topic.
Et un second, qui servirai qu'au membres VIP, ... qui eux se présente dans un autres sous forum ? !
J'espère avoir était assez clair Smile

Merci à tous pour le partage Wink
_______________________
SFSxBackJx - Administrateur principal du Staff S.F.S. Simulation Full Spirit.

http://sfs-simulationfullspirit.xooit.fr


Forum
Author Message
-Luffy...
Membre


Offline
Membre

Joined: 24 Jun 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Fri 20 Jul 2012 - 12:21    Post subject: Présentation Automatique V2 Reply with quote

Bonjour, je viens d'installer ce magnifique formulaire mais je cliqe sur Valider, ça ne fait rien... Voici mon code :


 
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>




[img]http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif[/img]


<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://s4unless.xooit.fr/posting.php?mode=newtopic&f=6{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]'+ 'Votre navigateur :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_navigateur.q6_navigateur.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]' +'[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_navigateur.q6_navigateur.value == "") {
  document.form_navigateur.q6_navigateur.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_Navigateur() {
var navigateur =document.form_navigateur.q6_navigateur.value;
}
function texte_passion() {
var passions =document.form_passion.q24_passion.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]http://img28.xooimage.com/files/6/2/2/pr-sentation2-1681e7f.gif[/img]');
//-->
</SCRIPT>
<body onLoad="document.forms['form_prenom'].elements['q8_Monprnom'].focus()">


[img]http://img8.xooimage.com/files/7/d/d/loading_spin_fr_whit-1bbc3a.gif[/img]





<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">
[img]http://img28.xooimage.com/files/e/1/5/punaiseg-170420f.png[/img]
</td>
<td class="topmid">&nbsp;</td>
<td class="topright" width="0" height="0">
[img]http://img42.xooimage.com/files/5/3/6/punaised-1704312.png[/img]
</td>
</tr>
<tr>
 <td class="midleft" width="10"></td>
<td class="midmid" valign="top">






<span style="font-size: 20pt; font-family: Comic Sans MS; color:#3D3DE6;">
<script type="text/javascript">
  document.writeln ("Présentation de   " +(pseudonyme));
</script>
 </span>



/* 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 du clan UnLess S4 League, 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 UnLess).</span>




<table width="720" cellpadding="5" cellspacing="0">




 <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 Navigateur (Saisie obligatoire avec required + astérix rouge dans le label */
  <td width="250" class="left" >
   <label >[u]Votre Navigateur [/u]<span class="required">*</span></label>
  </td>
  <td class="right" >
<FORM NAME="form_navigateur" Id="form_navigateur" action="">
<input type="text" size="20" name="q6_navigateur" onkeyup="Compter(this, this.form.CharRestant);" class="text" value="" id="q6" onblur="validate(this,'Required')" maxlength="100" maxsize="100" /><em> Ecrivez ici le nom de votre navigateur</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>


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;



/* Les smileys */
[url=http://#][img]http://img1.xooimage.com/files/7/9/9/biggrin-1611.gif[/img][/url]&nbsp;
[url=http://#][img]http://img1.xooimage.com/files/0/0/1/smile-1624.gif[/img][/url]&nbsp;
[url=http://#][img]http://img1.xooimage.com/files/3/e/1/eek-1e6fb.gif[/img][/url]&nbsp;
[url=http://#][img]http://img1.xooimage.com/files/6/e/b/eek-1616.gif[/img][/url]&nbsp;
[url=http://#][img]http://img1.xooimage.com/files/5/b/8/lol-161b.gif[/img][/url]&nbsp;
[url=http://#][img]http://img1.xooimage.com/files/3/a/7/razz-1620.gif[/img][/url]&nbsp;
</FORM>

/* Hébergeur d'images avec ouverture et fermeture */
<script language="javascript1.2" type="text/javascript">
<!--
hideBBCode.open('[img]http://img47.xooimage.com/files/c/e/c/button-13eb7ff-1703f08.gif[/img]');
//-->
</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>

</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]http://images.s4db.net/clan/UnLess.png[/img]


<span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)
<font size=1><font color=#9EA5A4><font face=cursive, fantasy>
Certains mots sont interdits et seront remplacés (ex: le mot: "merde" donnera: *****)</font></span>
  </td>
 </tr>
</table>




</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">
[img]http://img49.xooimage.com/files/4/d/e/punaised2-1704438.png[/img]</td>
 <td class="bottommid">
<font size=1><font color=#9EA5A4>
(c)UnLess</font></td>
 <td class="bottomright" width="10" height="10">
[img]http://img47.xooimage.com/files/d/3/6/punaised1-1704414.png[/img]</td>
</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>

/* 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>

</h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</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-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>
<!-- ENDIF -->


<Merci d'utiliser les balises CODE la prochaine fois.>


Forum
Author Message
SFSxBackJx
Membre


Offline
Membre

Joined: 14 Jul 2012
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Scorpion (23oct-21nov)

PostPosted: Wed 1 Aug 2012 - 15:24    Post subject: Présentation Automatique V2 Reply with quote

Salut Biloute,

Juste pour te signaler qu'il dois y avoir une faute de frappe dans ton code ici:

en 4ème la requête.

Code: Sélectionner - Agrandir
Code: Sélectionner - Agrandir
+'[color=#DB942A][b]'+ 'Votre navigateur :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_navigateur.[color=#0033ff]q6[/color]_navigateur.value +'[/color]'+'\n\n'


Sinon, super boulot, bravo Wink
_______________________
SFSxBackJx - Administrateur principal du Staff S.F.S. Simulation Full Spirit.

http://sfs-simulationfullspirit.xooit.fr


Forum
Author Message
SFSxBackJx
Membre


Offline
Membre

Joined: 14 Jul 2012
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Scorpion (23oct-21nov)

PostPosted: Wed 1 Aug 2012 - 16:01    Post subject: Présentation Automatique V2 Reply with quote

Salut -Luffy... ,


Le problème vient d'une erreur que tu a recopié !

Elle se trouve dans une des déclarations pour la Fonction "Navigateur" !!!!


Si tu cherche :

Code: Sélectionner - Agrandir
[size=12]
[/size][b][size=10]Code: [/size][/b][url=javascript:void(0);][size=10][color=#536482][b]Sélectionner[/b][/color][/size][/url][b][size=10] - [/size][/b][url=javascript:void(0);][b][size=10][color=#536482]Agrandir[/color][/size][/b][/url]+'[color=#DB942A][b]'+ 'Votre navigateur :' +'[/color][/b]'+"      " +'[color=#315DD5]'+ document.form_navigateur.q6_navigateur.value +'[/color]'+'\n\n'





Tu verra qu'au lieus de déclarer : "color .... q6" -> Il faut que tu le remplace par "q10".
Et tu verra que tout rentrera dans l'ordre Wink

Bonne journée
_______________________
SFSxBackJx - Administrateur principal du Staff S.F.S. Simulation Full Spirit.

http://sfs-simulationfullspirit.xooit.fr


Forum
Author Message
Guyzmo65
Membre


Offline
Membre

Joined: 21 Nov 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Wed 21 Nov 2012 - 19:21    Post subject: Présentation Automatique V2 Reply with quote

Salut , deja GG pour le script !!

Probleme: le bouton d'envoie de formulaire ne marche pas et j'ai beau eu rechercher les modiff a y faire(changer le q6 par q10) je n'est rien trouver
J'ai mis en vert et gras la partie que j'ai changer de mon forum

second pb dans "votre msg" je ne voie pas ce que j'ecrie il ni a qu'en surlignant qu eje voie mon text ..


Pour info je suis sous mozilla

Toute aide est la bienvenue ca très peu de reponse meme en parcourant la plupart des sujet du forum !! MERCI d'avance

voici mon script:

<!-- IF FORUM_ID == "11" -->
<NOSCRIPT>
<font color=red><marquee>Vous devez activer Javascript dans votre navigateur pour pouvoir utiliser la Présentation Auromatique</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 = ('http://freespirit-65.xooit.fr&f=11{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] = ''+'Présentation de   ' +(pseudonyme)+''+'\n\n' +''+ 'Comment tu t apelle? :' +''+"      " +''+ document.form_prenom.q8_Monprnom.value +''+'\n\n'+''+ 'Quel âge? :' +''+ ''+document.form_age.q23_age.value +''+'\n\n'+''+ 'Ta ville / région :' +''+''+ document.form_ville.q9_ville.value +''+'\n\n' +''+ 'Ton métier :' +''+"      " +''+ document.form_metier.q6_metier.value +''+'\n\n' +''+ 'Tes passions :' +''+"      " +''+ document.form_passion.q24_passion.value +''+'\n\n' +''+ 'Ma moto :' +''+"      " +''+ document.form_image.q14_image.value +''+'\n\n' +''+ 'quoi de plus a savoir sur toi?:' +''+"      " +''+ document.form_message.q3_message.value +'';   
// 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('
');
//-->
</SCRIPT>
<body onLoad="document.forms['form_prenom'].elements['q8_Monprnom'].focus()">








<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://img.xooimage.com/files48/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://img.xooimage.com/files25/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://img.xooimage.com/files25/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://img.xooimage.com/files45/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">

</td>
<td class="topmid">&nbsp;</td>
<td class="topright" width="0" height="0">

</td>
</tr>
<tr>
 <td class="midleft" width="10"></td>
<td class="midmid" valign="top">






<span style="font-size: 20pt; font-family: Comic Sans MS; color:#3D3DE6;">
<script type="text/javascript">
  document.writeln ("Présentation de   " +(pseudonyme));
</script>
 </span>



/* 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>




<table width="720" cellpadding="5" cellspacing="0">




 <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" >Mon prénom </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 >Mon Age <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 >Mon Ville / Région <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 >Mon Métier <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 >Mes passions <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>Votre message <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>


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;



/* Les smileys */
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
</FORM>

/* Hébergeur d'images avec ouverture et fermeture */
<script language="javascript1.2" type="text/javascript">
<!--
hideBBCode.open('
');
//-->
</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 >Ma moto (photo)</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'>
   



<span class="required">*  (Saisie Obligatoire demandée par l'administrateur du forum)
<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>




</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">
</td>
 <td class="bottommid">
<font size=1><font color=#9EA5A4>
(c)Biloute54 Janvier 2010</font></td>
 <td class="bottomright" width="10" height="10">
</td>
</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>

/* 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>

</h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</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-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.onmouseover=function(){this.nextSibling.style.display='inline'};
champ.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ1.length;i++){
champ1.onmouseover=function(){this.nextSibling.style.display='inline'};
champ1.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ2.length;i++){
champ2.onmouseover=function(){this.nextSibling.style.display='inline'};
champ2.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ3.length;i++){
champ3.onmouseover=function(){this.nextSibling.style.display='inline'};
champ3.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ4.length;i++){
champ4.onmouseover=function(){this.nextSibling.style.display='inline'};
champ4.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ5.length;i++){
champ5.onmouseover=function(){this.nextSibling.style.display='inline'};
champ5.onmouseout=function(){this.nextSibling.style.display='none'};
}
for(i=0;i != champ6.length;i++){
champ6.onmouseover=function(){this.nextSibling.style.display='inline'};
champ6.onmouseout=function(){this.nextSibling.style.display='none'};
}
</script>
<!-- ENDIF -->


édité  pour une meilleur comprehension


Last edited by Guyzmo65 on Sun 25 Nov 2012 - 20:18; edited 3 times in total
Forum
Author Message
alexXx
Membre


Offline
Membre

Joined: 23 Nov 2012
Posts: 1
Point(s): 1
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...)

PostPosted: Fri 23 Nov 2012 - 15:19    Post subject: Présentation Automatique V2 Reply with quote

salut super ton script,j'aimerais modifier un truc dessus mon probleme que je ne le trouve pas dans ton script pourrais tu m'aider un poil en me disant ou je peux le trouver merci par avance


Forum
Author Message
Guyzmo65
Membre


Offline
Membre

Joined: 21 Nov 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Sun 25 Nov 2012 - 20:20    Post subject: Présentation Automatique V2 Reply with quote

alexXx wrote:

salut super ton script,j'aimerais modifier un truc dessus mon probleme que je ne le trouve pas dans ton script pourrais tu m'aider un poil en me disant ou je peux le trouver merci par avance



tu la en bas regarde dans le msg precedent  j'y ai mis mon script  et le bouton va tres vite te ontrer ou sa doit etre retoucher...




Forum
Author Message
-Luffy...
Membre


Offline
Membre

Joined: 24 Jun 2012
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Mon 31 Dec 2012 - 16:57    Post subject: Présentation Automatique V2 Reply with quote

Bonjour,

voilà j'ai installé ce formulaire mais quand je clique sur  cliquez ici pour lancer la prés auto, rien ne se passe ( désolé du message en haut mais j'ai recrée un nouveau forum >< )

Voici le code :


  
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 = ('s4-master.project.leforum.eu/posting.php?mode=newtopic&f=3{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]'+ '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_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_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 >


</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>


/* 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://img88.xooimage.com/files/c/2/4/song-38096b9.jpg" 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 = 1000;
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 align="center" width="92%" 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 align="center" width="92%" 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}" 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 align="center" width="92%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
    <td align="left">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}"

class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
</td>


<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table align="center" width="92%" 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>
  <tr>
    <td class="row1" align="center" valign="middle" rowspan="2"><img

src="http://img9.xooimage.com/files/w/h/whoisonline-76635.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>
  <tr>
    <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [

{L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br

/>{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table align="center" width="92%" cellpadding="1" cellspacing="1" border="0">
<tr>
    <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</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" maxlength="32"

/>
<!-- BEGIN switch_allow_autologin -->


        &nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN}
        <input class="text" type="checkbox" name="autologin" />
<!-- END switch_allow_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://img7.xooimage.com/files/c/0/b/0crkxkip-314a115.png" 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://img7.xooimage.com/files/0/6/9/0crkx4kip-314a10c.png" 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/1/c/c/0crkxk5ip-314a111.png" alt="{L_FORUM_LOCKED}"

/></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
 


Forum
Author Message
Tony_41
Membre


Offline
Membre

Joined: 02 Sep 2012
Posts: 2
Point(s): 2
Moyenne: 1.00
Windows 8 ou 10 Internet Explorer Masculin Taureau (20avr-20mai)

PostPosted: Fri 22 Mar 2013 - 22:15    Post subject: Présentation Automatique V2 Reply with quote

Bonsoir ,  j'ai mis le premier script dans viewforum_body.tpl je rempli le formulaire mais la validation ne fonctionne pas , pourquoi svp
_______________________
l
http://team-dreamgoldvision.xooit.com/index.php


Forum
Author Message
hidre
Membre


Offline
Membre

Joined: 27 Jan 2014
Posts: 1
Point(s): 1
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Mon 27 Jan 2014 - 04:30    Post subject: aide Reply with quote

bonjour a vous le tuto est super m'est je un probleme le formulaire se mai bien et tout m'est qu'an je veut l'envoyer faire submit quoi il ne lenvoie pas dans le sous forum esque j'aurai fai une eruer dans le code ou quoi et aussi qu'an je mais le code le forum est ralentie il masi bcp de temp avent de donner tout le forum voici le code en question pourai tu me dire si il i a une ereur



 
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://jeux-flash.coolforum.info/f2-vien-te-presenter.htm?mode=newtopic&f=1{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>     




Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 05:40    Post subject: Présentation Automatique V2

Display posts from previous:   
Reply to topic Page 4 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