31/07/2007

Message de bienvenue ou autre

Petit script pour afficher un message (dans une nouvelle petite fenêtre spéciale, refermable facilement) lorsqu'un visiteur entre sur votre page. A insérer dans une de vos colonnes.

Modifiez (en gras et souligné) les codes de couleur et de personnalisation à votre guise :

 

<SCRIPT LANGUAGE=JavaScript>
 // PARAMETRES
 
 var ejs_al_mess = 'Bonjour, bienvenue sur aidesupport, le blog qui vous donne trucs, conseils et astuces pour réaliser le votre !';
 var ejs_al_background = '#0000FF'
 var ejs_al_bordure = '#000000'
 var ejs_al_police = 'Verdana'
 var ejs_al_police_taille = '11'
 var ejs_al_police_color = '#FFFFFF'
 var ejs_al_hauteur = 150
 var ejs_al_largeur = 500
 var ejs_al_box2 = 0;
 
 // CADRES
 ejs_al_classe = 'border-color:'+ejs_al_bordure+';border-style:solid;border-width:1px;background:'+ejs_al_background+';font-family:'+ejs_al_police+';font-size:'+ejs_al_police_taille+'px;color:'+ejs_al_police_color;
 if(document.getElementById)
     {
     document.write('<DIV ID=ejs_al_box1 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
     document.write('<DIV ID=ejs_al_box2 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:'+ejs_al_box2+';height:'+ejs_al_hauteur+';z-index:5');
     if(document.all)
         document.write(';padding:10');
     document.write('"></DIV>');
     document.write('<DIV ID=ejs_al_box3 STYLE="position:absolute;visibility:hidden;'+ejs_al_classe+';width:20;height:'+(ejs_al_hauteur+20)+';z-index:10"></DIV>');
     // TAILLE DE L'ECRAN
     ejs_al_Y = document.body.clientHeight;
     ejs_al_X = document.body.clientWidth;
     ejs_al_posX = Math.round(ejs_al_X/2);
     ejs_al_posY = Math.round(ejs_al_Y/2)-Math.round(ejs_al_hauteur/2);
     }
 
 function ejs_al_deplace()
     {
     // PLACEMENT
     document.getElementById("ejs_al_box1").style.left = ejs_al_posX-20-(ejs_al_box2/2);
     document.getElementById("ejs_al_box3").style.left = ejs_al_posX+(ejs_al_box2/2);
     document.getElementById("ejs_al_box2").style.left = ejs_al_posX-(ejs_al_box2/2)-5;
     document.getElementById("ejs_al_box2").style.width = ejs_al_box2+10;
     ejs_al_box2 += 5;
     if(ejs_al_box2<ejs_al_largeur)
         setTimeout("ejs_al_deplace()",10);
     else
         {
         document.getElementById("ejs_al_box2").innerHTML = '<CENTER><br />'+ejs_al_mess+'<BR><BR><B><A HREF=javascript:ejs_al_close()><FONT COLOR='+ejs_al_police_color+'>OK</FONT></A></B></CENTER>'
         }
     }
 
 function ejs_al_start()
     {
     if(document.getElementById)
         {   
         document.getElementById("ejs_al_box1").style.visibility = 'visible'   
         document.getElementById("ejs_al_box2").style.visibility = 'visible'   
         document.getElementById("ejs_al_box3").style.visibility = 'visible'   
         document.getElementById("ejs_al_box1").style.top = ejs_al_posY-10
         document.getElementById("ejs_al_box2").style.top = ejs_al_posY
         document.getElementById("ejs_al_box3").style.top = ejs_al_posY-10
         ejs_al_deplace();
         }
     }   
 
 function ejs_al_close()
     {
     if(document.getElementById)
         {   
         document.getElementById("ejs_al_box1").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box2").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box3").style.visibility = 'hidden'   
         document.getElementById("ejs_al_box1").style.top = -600
         document.getElementById("ejs_al_box2").style.top = -600
         document.getElementById("ejs_al_box3").style.top = -600
         ejs_al_deplace();
         }
     }   
    
 window.onload = ejs_al_start;
 </SCRIPT>

23:27 Écrit par aidesupport dans Scripts | Lien permanent | Commentaires (0) |  Facebook |

Les commentaires sont fermés.