Créer un compte
Connexion

script slide-in

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
sautran
11/03/2012 à 19:51:14
sautran
Membre
Bonjour, je cherche une personne qui pourrait me détailler les lignes de ce codes afin que je puisse en savoir plus:

/*
 SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
 http://www.editeurjavascript.com
 */
 
 if(!document.all && document.getElementById)
         ejs_hauteur = window.innerHeight-500;
 else
         ejs_hauteur = document.body.clientHeight-300;
 
 document.write('<style type="text/css">\n');
 document.write('#ejs_slide_box ');
 document.write('       {');
 document.write('       position:absolute;');
 document.write('       -moz-border-radius: 20px;');
 document.write('       width:280px;');
 document.write('       height:270px;');
 document.write('       top:'+ejs_hauteur+'px;');
 document.write('       left:-260px;');
 document.write('       background-color:#ffffff;');
 document.write('       border-color:#000000;');
 document.write('       border-width:3px;');
 document.write('       border-style:solid;');
 document.write('       }\n');
 
 document.write('#ejs_slide_bouton ');
 document.write('       {');
 document.write('       position:absolute;');
 document.write('        color:#ffffff;');
 document.write('       -moz-border-radius: 20px;');
 document.write('       top:30px;');
 document.write('       left:270px;');
 document.write('       background-color:#000000;');
 document.write('       font-family:arial;');
 document.write('       font-weight:bold;');
 document.write('       font-size:15px;');
 document.write('       }\n');
 
 document.write('#ejs_slide_image ');
 document.write('       {');
 document.write('       position:relative;');
 document.write('       -moz-border-radius: 20px;');
 document.write('       top:7px;');
 document.write('       left:7px;');
 document.write('       }\n');
 
 document.write('.ejs_slide_blanc\n');
 document.write('       {\n');
 document.write('       color:#ffffff;');
 document.write('       font-family:arial;');
 document.write('       font-weight:bold;');
 document.write('       font-size:15px;');
 document.write('       text-decoration:none;');
 document.write('       }');
 document.write('</style>');
 
 var slide_tempo;
 slide_url_image = 'http://annoncesaqua.e4y.fr/images/pub.png';
 slide_url_click = '';
 slide_x = -260;
 slide_ismoving = false;
 slide_first = true;
 
 function slide_start()
        {
        if(slide_x == -260 && !slide_ismoving)
                slide_deballe();
        else if(!slide_ismoving)
                slide_remballe();
        }
 
 function slide_deballe()
        {
        slide_ismoving = true;
        if(slide_x < 10)
                {
                slide_x += 5;
                slide_move();
                setTimeout("slide_deballe()", 10);
                }
        else
                {
                slide_ismoving = false;
                if(slide_first)
                        slide_tempo = setTimeout("slide_start()", 5000);
                slide_first = false;
                }      
        }
 
 function slide_remballe()
        {
        clearTimeout(slide_tempo);
        slide_ismoving = true;
        if(slide_x > -260)
                {
                slide_x -= 5;
                slide_move();
                setTimeout("slide_remballe()", 10);
                }
        else
                slide_ismoving = false;
        }
 
 function slide_move()
        {
        if(document.getElementById)
                {
                document.getElementById("ejs_slide_box").style.left=slide_x+'px';
                }
        }
 
 function slide_close()
        {
        if(document.getElementById)
                {
                document.getElementById("ejs_slide_box").innerHTML = '';
                document.getElementById("ejs_slide_box").style.top = -100;
                document.getElementById("ejs_slide_box").style.left = -100;
                document.getElementById("ejs_slide_box").style.width = 1;
                document.getElementById("ejs_slide_box").style.height = 1;
                }
        }
 
 window.onload = slide_start;
 
 document.write('<div id="ejs_slide_box">');
 document.write('<div id="ejs_slide_image">');
 document.write('<a href="'+slide_url_click+'" target="_blank"><img src="'+slide_url_image+'" border="0" alt="" /></a>');
 document.write('</div>');
 document.write('<div id="ejs_slide_bouton"><a href="#" onclick="slide_start();this.blur();return(false)" class="ejs_slide_blanc">><br /><</a><br /><a href="#" onclick="slide_close();return(false)" class="ejs_slide_blanc">x</a></div>');
 document.write('</div>');
 

Merci d'avance

TimRuiz
18/03/2012 à 17:03:47
TimRuiz
Membre
Qu'est-ce que tu voudrais savoir plus précisément... Parce que là on a pas super envie de détailler les 100 lignes de code...

sautran
20/03/2012 à 10:43:06
sautran
Membre
Les lignes les plus importantes du script et savoir les modifs que l'on peux y apporter

TimRuiz
24/03/2012 à 20:18:08
TimRuiz
Membre
document.write('<style type="text/css">\n'); Indique le début du design.
slide_url_image = 'http://annoncesaqua.e4y.fr/images/pub.png'; Adresse de l'image
slide_url_click = ''; lien vers la page désiré


En gros... :)

Pages: 1