Collegare i dati inseriti in un body di un html ad un file .js

Discussione in 'Javascript' iniziata da cavaliere123, 19 Agosto 2012.

Tag (etichette):
  1. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Risalve e buona domenica a tutti :)

    ho questo script :

    HTML:
    <html>
    <head>
    
    <script type='text/javascript'>
    //<![CDATA[
    /***********************************************
    * Pipistrelli volanti nel blog
    * Script originale di Virtual_Max
    * Adattato da ciudadblogger.com e da www.ideepercomputeredinternet.com
    ***********************************************/
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function Chip(chipname,width,height){
    this.named=chipname;
    this.vx=vmin+vmax*Math.random();
    this.vy=vmin+vmax*Math.random();
    this.w=width+20;
    this.h=height;
    this.xx=0;
    this.yy=0;
    this.timer1=null;
    }
    function movechip(chipname){
    if (document.getElementById){
    eval("chip="+chipname);
    if (window.innerWidth || window.opera){
    pageX=window.pageXOffset;
    pageW=window.innerWidth-40;
    pageY=window.pageYOffset;
    pageH=window.innerHeight-20;
    }
    else if (document.body){
    pageX=iecompattest().scrollLeft;
    pageW=iecompattest().offsetWidth-40;
    pageY=iecompattest().scrollTop;
    pageH=iecompattest().offsetHeight-20;
    }
    chip.xx=chip.xx+chip.vx;
    chip.yy=chip.yy+chip.vy;
    chip.vx+=vr*(Math.random()-0.5);
    chip.vy+=vr*(Math.random()-0.5);
    if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
    if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
    if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
    if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
    if(chip.xx<=pageX){
    chip.xx=pageX;
    chip.vx=vmin+vmax*Math.random();
    }
    if(chip.xx>=pageX+pageW-chip.w){
    chip.xx=pageX+pageW-chip.w;
    chip.vx=-vmin-vmax*Math.random();
    }
    if(chip.yy<=pageY)
    {chip.yy=pageY;
    chip.vy=vmin+vmax*Math.random();
    }
    if(chip.yy>=pageY+pageH-chip.h)
    {chip.yy=pageY+pageH-chip.h;
    chip.vy=-vmin-vmax*Math.random();
    }
    document.getElementById(chip.named).style.left=chip.xx+"px";
    document.getElementById(chip.named).style.top=chip.yy+"px";
    chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
    }
    }
    function pagestart(){
    pipistrello1=new Chip("pipistrello1",147,168);
    pipistrello2=new Chip("pipistrello2",47,68);
    pipistrello3=new Chip("pipistrello3",47,68);
    pipistrello4=new Chip("pipistrello4",47,68);
    movechip("pipistrello1");
    movechip("pipistrello2");
    movechip("pipistrello3");
    movechip("pipistrello4");
    }
    if (window.addEventListener)
    window.addEventListener("load", pagestart, false)
    else if (window.attachEvent)
    window.attachEvent("onload", pagestart)
    else if (document.getElementById)
    window.onload=pagestart
    //]]>
    </script>
    
    </head>
    
    <body>
    <!-- Pipistrelli volanti Inizio --> 
    <div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-LsE783aQ5I0/TqfBKwIKwCI/AAAAAAAAUyc/NdnHrL829hE/s125/pipistrello1.gif'/></div> 
    <div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'> 
    <img border='0' src='https://lh3.googleusercontent.com/-D_51bMMtkrQ/TqfBUT9igaI/AAAAAAAAUyw/6IaF5-8LRvw/s120/pipistrello2.gif'/></div> 
    <div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-1tfPnny_b34/TqfBYeqooJI/AAAAAAAAUy4/VSS6xhiZcTQ/s160/pipistrello3.gif'/></div> 
    <div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-MEvV9HzPtOM/TqfBdsc78DI/AAAAAAAAUzA/RmL8IKmyjSU/s106/pipistrello4.gif'/></div> 
    <!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com  -->
    </body>
    
    </html>
    Desidero portare tutta la parte dello script in un file js esterno e poi riportarlo nel file html... per intenderci un qualcosa del genere :

    HTML:
    <html>
    <head>
    
    
    <script type="text/javascript" src="pipistrelli.js";></script>
    
    </head>
    
    <body>
    <!-- Pipistrelli volanti Inizio --> 
    <div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-LsE783aQ5I0/TqfBKwIKwCI/AAAAAAAAUyc/NdnHrL829hE/s125/pipistrello1.gif'/></div> 
    <div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'> 
    <img border='0' src='https://lh3.googleusercontent.com/-D_51bMMtkrQ/TqfBUT9igaI/AAAAAAAAUyw/6IaF5-8LRvw/s120/pipistrello2.gif'/></div> 
    <div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-1tfPnny_b34/TqfBYeqooJI/AAAAAAAAUy4/VSS6xhiZcTQ/s160/pipistrello3.gif'/></div> 
    <div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-MEvV9HzPtOM/TqfBdsc78DI/AAAAAAAAUzA/RmL8IKmyjSU/s106/pipistrello4.gif'/></div> 
    <!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com  -->
    </body>
    
    </html>
    ma chiaramente devo collegare i valori dei div inseriti nel body allo script...
    purtroppo non posso muovere i div dal body perchè mi servono cosi da inserire in un template di un blog... altrimenti non mi funziona.... potete suggerirmi il modo per collegarli ?? Grazie in anticipo.
     
  2. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    togli il ; (punto e virgola)
    Codice:
    <script type="text/javascript" src="pipistrelli.js"></script>
    Con FF funziona qual'è il problema?
     
  3. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Perdona non ho capito.... a parte il togliere il ( ; ) . :((

    sono rimasto a questo :
    HTML:
    <html>
    <head>
    
    
    <script type="text/javascript" src="pipistrelli.js"></script>
    
    </head>
    
    <body>
    <!-- Pipistrelli volanti Inizio --> 
    <div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-LsE783aQ5I0/TqfBKwIKwCI/AAAAAAAAUyc/NdnHrL829hE/s125/pipistrello1.gif'/></div> 
    <div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'> 
    <img border='0' src='https://lh3.googleusercontent.com/-D_51bMMtkrQ/TqfBUT9igaI/AAAAAAAAUyw/6IaF5-8LRvw/s120/pipistrello2.gif'/></div> 
    <div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-1tfPnny_b34/TqfBYeqooJI/AAAAAAAAUy4/VSS6xhiZcTQ/s160/pipistrello3.gif'/></div> 
    <div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-MEvV9HzPtOM/TqfBdsc78DI/AAAAAAAAUzA/RmL8IKmyjSU/s106/pipistrello4.gif'/></div> 
    <!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com  -->
    </body>
    
    </html>
    e non va.... per FF intendi ??? sorry...
     
  4. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    si su FF funziona invece su IE non funziona in ogni caso ( almeno sulle versioni che ho io)
    a te non va nemmeno con FF?
    controlla la sintassi e il percorso del file esterno
     
  5. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Io sto usando Crome e non va.... il percorso è impossibile sbagliarlo , stanno tutte e due i file nella stessa directory.....
     
  6. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Aspetta altrimenti posso portarti fuori strada, allora il file completo è questo :

    HTML:
    <html>
    <head>
    
    <script type='text/javascript'>
    //<![CDATA[
    /***********************************************
    * Pipistrelli volanti nel blog
    * Script originale di Virtual_Max
    * Adattato da ciudadblogger.com e da www.ideepercomputeredinternet.com
    ***********************************************/
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function Chip(chipname,width,height){
    this.named=chipname;
    this.vx=vmin+vmax*Math.random();
    this.vy=vmin+vmax*Math.random();
    this.w=width+20;
    this.h=height;
    this.xx=0;
    this.yy=0;
    this.timer1=null;
    }
    function movechip(chipname){
    if (document.getElementById){
    eval("chip="+chipname);
    if (window.innerWidth || window.opera){
    pageX=window.pageXOffset;
    pageW=window.innerWidth-40;
    pageY=window.pageYOffset;
    pageH=window.innerHeight-20;
    }
    else if (document.body){
    pageX=iecompattest().scrollLeft;
    pageW=iecompattest().offsetWidth-40;
    pageY=iecompattest().scrollTop;
    pageH=iecompattest().offsetHeight-20;
    }
    chip.xx=chip.xx+chip.vx;
    chip.yy=chip.yy+chip.vy;
    chip.vx+=vr*(Math.random()-0.5);
    chip.vy+=vr*(Math.random()-0.5);
    if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
    if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
    if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
    if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
    if(chip.xx<=pageX){
    chip.xx=pageX;
    chip.vx=vmin+vmax*Math.random();
    }
    if(chip.xx>=pageX+pageW-chip.w){
    chip.xx=pageX+pageW-chip.w;
    chip.vx=-vmin-vmax*Math.random();
    }
    if(chip.yy<=pageY)
    {chip.yy=pageY;
    chip.vy=vmin+vmax*Math.random();
    }
    if(chip.yy>=pageY+pageH-chip.h)
    {chip.yy=pageY+pageH-chip.h;
    chip.vy=-vmin-vmax*Math.random();
    }
    document.getElementById(chip.named).style.left=chip.xx+"px";
    document.getElementById(chip.named).style.top=chip.yy+"px";
    chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
    }
    }
    function pagestart(){
    pipistrello1=new Chip("pipistrello1",147,168);
    pipistrello2=new Chip("pipistrello2",47,68);
    pipistrello3=new Chip("pipistrello3",47,68);
    pipistrello4=new Chip("pipistrello4",47,68);
    movechip("pipistrello1");
    movechip("pipistrello2");
    movechip("pipistrello3");
    movechip("pipistrello4");
    }
    if (window.addEventListener)
    window.addEventListener("load", pagestart, false)
    else if (window.attachEvent)
    window.attachEvent("onload", pagestart)
    else if (document.getElementById)
    window.onload=pagestart
    //]]>
    </script>
    
    <style>
                #pipistrello1, #pipistrello2{
                    filter:alpha(opacity=30);
                    -moz-opacity: 0.3;
                    opacity: 0.3;
                    -khtml-opacity: 0.3;
                }
                html {
                    overflow-x:hidden;
                }
            </style>
    
    
    </head>
    
    <body>
    <!-- Pipistrelli volanti Inizio --> 
    <div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'> 
    <img border='0' src='https://sites.google.com/site/provacavalierierranti/home/angelo.gif?attredirects=0&d=1angelo.gif'/></div> 
    <div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'> 
    <img border='0' src='https://sites.google.com/site/provacavalierierranti/home/fantasma.gif?attredirects=0&d=1'/></div> 
    <div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'> 
    <img border='0' src='https://sites.google.com/site/provacavalierierranti/home/spade.gif?attredirects=0&d=1'/></div> 
    <div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-MEvV9HzPtOM/TqfBdsc78DI/AAAAAAAAUzA/RmL8IKmyjSU/s106/pipistrello4.gif'/></div> 
    <!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com  -->
    </body>
    
    </html>

    adesso il file pipistrelli.js ci ho incollato questo e basta :

    HTML:
    //<![CDATA[
    /***********************************************
    * Pipistrelli volanti nel blog
    * Script originale di Virtual_Max
    * Adattato da ciudadblogger.com e da www.ideepercomputeredinternet.com
    ***********************************************/
    var vmin=2;
    var vmax=5;
    var vr=2;
    var timer1;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function Chip(chipname,width,height){
    this.named=chipname;
    this.vx=vmin+vmax*Math.random();
    this.vy=vmin+vmax*Math.random();
    this.w=width+20;
    this.h=height;
    this.xx=0;
    this.yy=0;
    this.timer1=null;
    }
    function movechip(chipname){
    if (document.getElementById){
    eval("chip="+chipname);
    if (window.innerWidth || window.opera){
    pageX=window.pageXOffset;
    pageW=window.innerWidth-40;
    pageY=window.pageYOffset;
    pageH=window.innerHeight-20;
    }
    else if (document.body){
    pageX=iecompattest().scrollLeft;
    pageW=iecompattest().offsetWidth-40;
    pageY=iecompattest().scrollTop;
    pageH=iecompattest().offsetHeight-20;
    }
    chip.xx=chip.xx+chip.vx;
    chip.yy=chip.yy+chip.vy;
    chip.vx+=vr*(Math.random()-0.5);
    chip.vy+=vr*(Math.random()-0.5);
    if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
    if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
    if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
    if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
    if(chip.xx<=pageX){
    chip.xx=pageX;
    chip.vx=vmin+vmax*Math.random();
    }
    if(chip.xx>=pageX+pageW-chip.w){
    chip.xx=pageX+pageW-chip.w;
    chip.vx=-vmin-vmax*Math.random();
    }
    if(chip.yy<=pageY)
    {chip.yy=pageY;
    chip.vy=vmin+vmax*Math.random();
    }
    if(chip.yy>=pageY+pageH-chip.h)
    {chip.yy=pageY+pageH-chip.h;
    chip.vy=-vmin-vmax*Math.random();
    }
    document.getElementById(chip.named).style.left=chip.xx+"px";
    document.getElementById(chip.named).style.top=chip.yy+"px";
    chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
    }
    }
    function pagestart(){
    pipistrello1=new Chip("pipistrello1",147,168);
    pipistrello2=new Chip("pipistrello2",47,68);
    pipistrello3=new Chip("pipistrello3",47,68);
    pipistrello4=new Chip("pipistrello4",47,68);
    movechip("pipistrello1");
    movechip("pipistrello2");
    movechip("pipistrello3");
    movechip("pipistrello4");
    }
    if (window.addEventListener)
    window.addEventListener("load", pagestart, false)
    else if (window.attachEvent)
    window.attachEvent("onload", pagestart)
    else if (document.getElementById)
    window.onload=pagestart
    //]]>
    <style>
                #pipistrello1, #pipistrello2{
                    filter:alpha(opacity=30);
                    -moz-opacity: 0.3;
                    opacity: 0.3;
                    -khtml-opacity: 0.3;
                }
                html {
                    overflow-x:hidden;
                }
            </style>
    

    e il file html :
    HTML:
    <html>
    <head>
    
    
    <script type="text/javascript" src="pipistrelli.js"></script>
    
    </head>
    
    <body>
    <!-- Pipistrelli volanti Inizio --> 
    <div id='pipistrello1' style='position:absolute; z-index:60; left: -500px; width:125px; height:108px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-LsE783aQ5I0/TqfBKwIKwCI/AAAAAAAAUyc/NdnHrL829hE/s125/pipistrello1.gif'/></div> 
    <div id='pipistrello2' style='position:absolute; z-index:61; left: -600px; width:120px; height:99px;'> 
    <img border='0' src='https://lh3.googleusercontent.com/-D_51bMMtkrQ/TqfBUT9igaI/AAAAAAAAUyw/6IaF5-8LRvw/s120/pipistrello2.gif'/></div> 
    <div id='pipistrello3' style='position:absolute; z-index:62; left: -700px; width:160px; height:120px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-1tfPnny_b34/TqfBYeqooJI/AAAAAAAAUy4/VSS6xhiZcTQ/s160/pipistrello3.gif'/></div> 
    <div id='pipistrello4' style='position:absolute; z-index:63; left: -800px; width:106px; height:85px;'> 
    <img border='0' src='https://lh5.googleusercontent.com/-MEvV9HzPtOM/TqfBdsc78DI/AAAAAAAAUzA/RmL8IKmyjSU/s106/pipistrello4.gif'/></div> 
    <!-- Pipistrelli volanti Fine - http://www.ideepercomputeredinternet.com  -->
    </body>
    
    </html>
    questo è tutto....
     
  7. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    questo non ci va nel file javascript

    Codice:
    <style>
                #pipistrello1, #pipistrello2{
                    filter:alpha(opacity=30);
                    -moz-opacity: 0.3;
                    opacity: 0.3;
                    -khtml-opacity: 0.3;
                }
                html {
                    overflow-x:hidden;
                }
            </style>
    
    è codice css
     
  8. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Che ebete che sono.... auff.... sto imprecando da solo....
    guardo e guardo e faccio degli errori da ebete---- Infatti adesso funziona.... auff... perdonami... davvero , sono mortificato... :(((
     
  9. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Posso farti una domanda per l'altro codice ?? quello degli angioletti ??
    riguarda una cosa simile a questa..
     
  10. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    Devo dire che sono un po terrorizzato da quello che mi potresti chiedere visto che prima mi chiedi se puoi chiedere :crying:
    cmq spara pure :gun:
     
  11. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ehm..... spero di non aver questo effetto.... :))

    allora ho questo script :
    HTML:
    <HTML>
        <HEAD>
            <script language="JavaScript">
                var img = new Array()
                var ran;            
                
    img[0] = 'fantasma.gif';
    img[1] = 'angelo.gif';
    img[2] = 'spade.gif'; 
    
                
                var urlofimage = img[0];
                function random() { 
                    ran = Math.floor(3 * Math.random());  
                    urlofimage = img[ran];
                }                    
                setInterval("random()",3000);
                
                if ((document.getElementById) &&
                    window.addEventListener || window.attachEvent){
                    (function(){
                        //Configurazione Effetto Fantasmi
                        var numberOfGhosts = 10; /* Numero dei fantasmi */
                        var ghostSpeed = 0.9; /* Velocità */
                        var inTheFace = 5;
                        var setTimeOutSpeed = 50; /* Tempo di permanenza */
                        //NON EDITARE SOTTO A QUESTA RIGA ESCLUSO URL IMMAGINE
                        var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;
                        var d = document;
                        var domWw = (typeof window.innerWidth == "number");
                        var domSy = (typeof window.pageYOffset == "number");
                        var pi1 = 180/3.14;
                        var pi2 = 3.14/180;
                        var y = [];
                        var x = [];
                        var strs = [];
                        var gro = [];
                        var dim = [];
                        var dfc = [];
                        var vel = [];
                        var dir = [];
                        var acc = [];
                        var dtor = [];
                        var xy2 = [];
                        var idx = document.getElementsByTagName('div').length;
                        var zip = [];
                        var pix = "px";
                            
                        for (i = 0; i < numberOfGhosts; i++){
                            
                            document.write('<div id="ghosts'+(idx+i)+'"'
                                +' style="position:absolute;top:0px;left:0px;'
                                +'width:40px;height:40px;background-color:transparent;'
                                +'font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>');
                        } 
                           
                        if (domWw) ref = window;
                        else{
                            if (d.documentElement &&
                                typeof d.documentElement.clientWidth == "number" &&
                                d.documentElement.clientWidth != 0)
                                ref = d.documentElement;
                            else{
                                if (d.body &&
                                    typeof d.body.clientWidth == "number")
                                    ref = d.body;
                            }
                        }
                        function win(){
                             
                            var mozBar = ((domWw) &&
                                ref.innerWidth != d.documentElement.offsetWidth)?20:0;
                            h = (domWw)?ref.innerHeight:ref.clientHeight;
                            w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;
                            cy = Math.floor(h/2);
                            cx = Math.floor(w/2);
                            oy1 = (75 * h / 100);
                            oy2 = (oy1 / 2);
                            ox1 = (75 * w / 100);
                            ox2 = (ox1 / 2);
                            iy1 = (18 * h / 100);
                            iy2 = (iy1 / 2);
                            ix1 = (18 * w / 100);
                            ix2 = (ix1 / 2);
                            field = (h > w)?h:w;
                        }
                        function rst(s){
                            var cyx;
                            sy = (domSy)?ref.pageYOffset:ref.scrollTop;
                            sx = (domSy)?ref.pageXOffset:ref.scrollLeft;
                            acc[s] = 0;
                            dim[s] = 1;
                            xy2[s] = 0;
                            cyx = Math.round(Math.random() * 2);
                            if (cyx == 0){
                                y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);
                                x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);
                            }
                            else{
                                y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);
                                x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);
                            }
                            dy = y[s] - cy;
                            dx = x[s] - cx;
                            dir[s] = Math.atan2(dy,dx) * pi1;
                            dfc[s] = Math.sqrt(dy*dy + dx*dx) ;
                            zip[s] = 10 * (dfc[s] + inTheFace) / 100;
                            vel[s] = ghostSpeed * dfc[s] / 100;
                            dtor[s] = (field - dfc[s]);
                            if (dtor[s] < 1) dtor[s] = 1;
                            gro[s] = 0.003 * dtor[s] / 100;
                        }
                        function animate(){
                            for (i = 0; i < numberOfGhosts; i++){
                                y[i] += vel[i] * Math.sin(dir[i] * pi2);
                                x[i] += vel[i] * Math.cos(dir[i] * pi2);
                                acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);
                                vel[i] += (acc[i]);
                                dim[i] += gro[i] + acc[i] / zip[i];
                                xy2[i] = dim[i] / 2;
                                if (y[i] < 0 + xy2[i] ||
                                    x[i] < 0 + xy2[i] ||
                                    y[i] > h - xy2[i] ||
                                    x[i] > w - xy2[i]){
                                    rst(i);
                                }
                                strs[i].top = (y[i] - xy2[i]) + sy + pix;
                                strs[i].left = (x[i] - xy2[i]) + sx + pix;
                                strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);
                                document.getElementById("ghosts"+(idx+i)).innerHTML = "<img src='"+urlofimage+"' class='ghost' width='70'/>";
                            }
                            
                            setTimeout(animate,setTimeOutSpeed);
                        }
                        function init(){
                            win();
                            for (i = 0; i < numberOfGhosts; i++){
                                
                                
                                strs[i] = document.getElementById("ghosts"+(idx+i)).style;
                                rst(i);
                            }
                            animate();
                        }
                        if (window.addEventListener){
                           
                            window.addEventListener("resize",win,false);
                            window.addEventListener("load",init,false);
                        }
                        else if (window.attachEvent){
                            
                            window.attachEvent("onresize",win);
                            window.attachEvent("onload",init);
                        }
                    })();
                }//End.
                
            </script>
            <style>
                .ghost {
                    filter:alpha(opacity=30);
                    -moz-opacity: 0.3;
                    opacity: 0.3;
                    -khtml-opacity: 0.3;
                }
                html {
                    overflow-x:hidden;
                }
            </style>
    
        </HEAD>
        <BODY>
        </BODY>
    </HTML>
    che tu già conosci ..... vorrei dividerlo come quello di prima cioè una parte nell'head e una nel body sempre per lo stesso problema del template del blog.... e poi ultima cosa , se ho vari di questi script e vorrei farli partire e poi interrompere uno dietro l'altro c'è qualche procedura che può aiutarmi ?? Grazie...
     
  12. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Preciso far partire il primo, poi si interrompe dopo un tot tempo e parte il secondo e cosi via.... spero di essere stato più chiaro
     
  13. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    credo che ti basta creare nel body questa parte e poi toglierla da javascript
    Codice:
        
                        for (i = 0; i < numberOfGhosts; i++){
                            
                            document.write('<div id="ghosts'+(idx+i)+'"'
                                +' style="position:absolute;top:0px;left:0px;'
                                +'width:40px;height:40px;background-color:transparent;'
                                +'font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>');
                        } 
    
    il resto è uguale a prima : tutto cio che sta tra <script> e </script> lo metti in un file esterno
    qui diventa piu complicato Potresti provare a racchiudere gli script dentro delle funzioni
    Codice:
    function pipistrlli() {
    //tutto il codice
    }
    function fantasmi() {
    // tutto il codice
    }
    per poi richiamarli con setTimeout o setInterval naturalmente dopo averli terminati con clearInterval
    penso che ti procurerai un bel mal di testa
     
  14. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ho fatto cosi :

    HTML:
        </HEAD>
        <BODY>
    <script language="JavaScript">
       for (i = 0; i < numberOfGhosts; i++){
                            
                            document.write('<div id="ghosts'+(idx+i)+'"'
                                +' style="position:absolute;top:0px;left:0px;'
                                +'width:40px;height:40px;background-color:transparent;'
                                +'font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>');
                        } 
       </script>
       </BODY>
    </HTML>
    ma non va, se non metto <script.... chiaramente esce il codice scritto.... :((
     
  15. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ma non ho usato stavolta un file esterno.... ho lasciato tutto cosi nell'head, spostato solo quella parte del codice nel body... preciso :)
     
  16. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    io intendevo riscriverla in html
    HTML:
    <div id='ghosts30'></div>
    <div id='ghosts31'></div>
    <div id='ghosts32'></div>
    ovviamente conglistili per la posizione
     
  17. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Ok ok, ho compreso ciò che volevi dire.... quindi ad esempio se fossero 100 immagini dovrei scriverli uno dietro l'altro ??? non è previsto un for... a quanto vedo.... :)
     
  18. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    e poi il document write che fine fa ???
     
  19. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Forse ho capito.... non rispondermi... voglio provarci da solo... altrimenti ti chiederò aiuto... grazie :)
     
  20. cavaliere123

    cavaliere123 Utente Attivo

    Registrato:
    31 Luglio 2012
    Messaggi:
    415
    Mi Piace Ricevuti:
    0
    Punteggio:
    0
    Allora ho fatto cosi , nell'head ho lasciato il for per la scrittura e che è diventato cosi :

    HTML:
                        for (i = 0; i < numberOfGhosts; i++){
                            
                            document.write('<div id="ghosts'+(idx+i)+'"'');
                        } 

    e nel body messo cosi :

    HTML:
     <BODY>
    
    
    <div id="ghosts0" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
    <div id="ghosts1" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
    <div id="ghosts2" style="position:absolute;top:0px;left:0px; width:40px;height:40px;background-color:transparent; font-size:0px;"><img src="'+urlofimage+'" class="ghost" width="70"/></div>
    
    
       </BODY>
    qualcosa non va ( e ti pareva... ) , puoi correggermi per favore... Grazie .
     
Sto caricando...

Condividi questa Pagina