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

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
per intenderci un qualcosa del genere :
togli il ; (punto e virgola)
Codice:
<script type="text/javascript" src="pipistrelli.js"></script>
Con FF funziona qual'è il problema?
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Io sto usando Crome e non va.... il percorso è impossibile sbagliarlo , stanno tutte e due i file nella stessa directory.....
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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....
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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... :(((
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Posso farti una domanda per l'altro codice ?? quello degli angioletti ??
riguarda una cosa simile a questa..
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
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:
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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...
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
vorrei dividerlo come quello di prima
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
far partire il primo, poi si interrompe dopo un tot tempo e parte il secondo
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
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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.... :((
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Ma non ho usato stavolta un file esterno.... ho lasciato tutto cosi nell'head, spostato solo quella parte del codice nel body... preciso :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
io intendevo riscriverla in html
HTML:
<div id='ghosts30'></div>
<div id='ghosts31'></div>
<div id='ghosts32'></div>

ovviamente conglistili per la posizione
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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.... :)
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Forse ho capito.... non rispondermi... voglio provarci da solo... altrimenti ti chiederò aiuto... grazie :)
 

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
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 .
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Collegare due segmenti di rete diversi Reti LAN e Wireless 0
G Collegare Modem 4G Zyxel LTE4506 a rete LAN Reti LAN e Wireless 1
L Collegare un form html ad un database access Javascript 2
xone [Offro] Realizzazione landing page da collegare a Facebook ads Offerte e Richieste di Lavoro e/o Collaborazione 2
P App per collegare android ad un sito web Sviluppo app per Android 3
M Collegare due NVR nella stessa rete IP Cam e Videosorveglianza 0
R Collegare Range Exender tramite cavo ethernet direttamente al modem Reti LAN e Wireless 6
romeocharly come collegare un id di mysql con un file specifico PHP 5
romeocharly Creare un script/codice in php per collegare un id mysql con un file PHP 0
M collegare tasti radio con e mail PHP 4
ecosito Collegare un modulo contatti PHP su un modulo contatti HTML HTML e CSS 1
C Come collegare una pagina ad un bottone su mit app inventor Presentati al Forum 1
A Come collegare i valori di due caselle di una maschera MS Access 0
M Collegare 3 tabelle PHP 8
K Collegare rete domestica a modem webpocket 42 Reti LAN e Wireless 1
filippino Collegare pagina Google+ al sito web. Social Media Marketing 1
M collegare immagini a report MS Access 1
C Info wifi collegare dispositivi apple Windows e Software 1
Z Collegare canale youtube a pagina Google+ Social Media Marketing 0
L Collegare un virus VBScript a un link?? Sicurezza e Virus 0
Gioweb [risolto] Modo migliore per collegare sito esterno al database PHP 4
braccobaldo Collegare Canale Youtube ad una pagina Fan di Facebook Social Media Marketing 1
N Collegare IP cam in rete con forwarding IP Cam e Videosorveglianza 1
P Posso collegare un $_POST a una veriabile? Aiuto PHP 6
D Ati HD 7750 collegare 2 monitor? Hardware 2
P Collegare un domio con uno spazio web Hosting 3
R Collegare tabella mysql di aruba ad una pagina php PHP 6
S Collegare 2 funzioni javascript Javascript 2
F Collegare la registrazione del sito a quella del forum phpBB 1
G collegare funziona javascript da html Javascript 3
S collegare ajax con php Ajax 12
L Collegare database a Jquery Ui Tabs PHP 0
F integrare/collegare twitter al proprio sito PHP 1
M Come collegare un pc con la lan ad un pc collegato con la wifi tramite usb Reti LAN e Wireless 5
Frank10 Collegare php con html PHP 7
I collegare dreamweaver a database sql HTML e CSS 1
B collegare telecamera a media player Javascript 0
V problema per collegare tabelle MySQL 2
P Collegare twitter a facebook Discussioni Varie 4
K Collegare Pc fisso a un router wi-fi Reti LAN e Wireless 1
A Collegare clipfilmato Flash 0
renoir09 Collegare post da profilo facebook su altro sito SEO e Posizionamento 1
O Problemi con MAMP OS X non riesco a collegare dreamweaver al database PHP 0
K ecommerce: collegare software gestione magazzino al sito Discussioni Varie 1
T come collegare un FORM MAIL HTML e CSS 3
C collegare un db access ad un file asp Classic ASP 2
W collegare Dreamweaver MX con database Database 1
A collegare le pagine di un sito Webdesign e Grafica 3
F collegare flash con php attraverso input text (as3) Flash 1
B collegare un utente ad un ordine PHP 0

Discussioni simili