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.
 
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?
 
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...
 
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
 
Io sto usando Crome e non va.... il percorso è impossibile sbagliarlo , stanno tutte e due i file nella stessa directory.....
 
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....
 
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
 
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... :(((
 
Posso farti una domanda per l'altro codice ?? quello degli angioletti ??
riguarda una cosa simile a questa..
 
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:
 
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...
 
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
 
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
 
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.... :((
 
Ma non ho usato stavolta un file esterno.... ho lasciato tutto cosi nell'head, spostato solo quella parte del codice nel body... preciso :)
 
io intendevo riscriverla in html
HTML:
<div id='ghosts30'></div>
<div id='ghosts31'></div>
<div id='ghosts32'></div>

ovviamente conglistili per la posizione
 
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.... :)
 
Forse ho capito.... non rispondermi... voglio provarci da solo... altrimenti ti chiederò aiuto... grazie :)
 
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