Cambiar estilo del código js

thrash · #1 (**permalink**) 19/01/2004, 07:59

Tengo este code, que carga como en cuadrados, la cuestión es si se puede y donde se puede modificar para que carguen en vez de los cuadros unos círculos. Gracias

Código:

<html> 
<head> 
<style> 
<!-- 
.intro{ 
position:absolute; 
left:0; 
top:0; 
layer-background-color:green; 
background-color:green; 
border:0.1px solid green; 
z-index:10; 
} 
--> 
</style> 
</head> 

<body> 

<div id="p1" class="intro"></div> 
<div id="p2" class="intro"></div> 
<div id="p3" class="intro"></div> 
<div id="p4" class="intro"></div> 
<div id="p5" class="intro"></div> 
<div id="p6" class="intro"></div> 
<div id="p7" class="intro"></div> 
<div id="p8" class="intro"></div> 
<div id="p9" class="intro"></div> 
<div id="p10" class="intro"></div> 
<div id="p11" class="intro"></div> 
<div id="p12" class="intro"></div> 
<div id="p13" class="intro"></div> 
<div id="p14" class="intro"></div> 
<div id="p15" class="intro"></div> 
<div id="p16" class="intro"></div> 
<div id="p17" class="intro"></div> 
<div id="p18" class="intro"></div> 
<div id="p19" class="intro"></div> 
<div id="p20" class="intro"></div> 
<div id="p21" class="intro"></div> 
<div id="p22" class="intro"></div> 
<div id="p23" class="intro"></div> 
<div id="p24" class="intro"></div> 
<div id="p25" class="intro"></div> 

<script> 

var espeed=300 
var counter=1 
var temp=new Array() 
var temp2=new Array() 

var ns4=document.layers?1:0 
var ie4=document.all?1:0 
var ns6=document.getElementById&&!document.all?1:0 


////////CÓDIGO PARA Netscape NS 4+//// 

if (ns4){ 
for (i=1;i<=25;i++){ 
temp[i]=eval("document.p"+i+".clip") 
temp2[i]=eval("document.p"+i) 
temp[i].width=window.innerWidth/5 
temp[i].height=window.innerHeight/5 
} 

for (i=1;i<=5;i++) 
temp2[i].left=(i-1)*temp[i].width 

for (i=6;i<=10;i++){ 
temp2[i].left=(i-6)*temp[i].width 
temp2[i].top=temp[i].height 
} 

for (i=11;i<=15;i++){ 
temp2[i].left=(i-11)*temp[i].width 
temp2[i].top=2*temp[i].height 
} 

for (i=16;i<=20;i++){ 
temp2[i].left=(i-16)*temp[i].width 
temp2[i].top=3*temp[i].height 
} 

for (i=21;i<=25;i++){ 
temp2[i].left=(i-21)*temp[i].width 
temp2[i].top=4*temp[i].height 
} 

} 

function erasecontainerns(){ 
window.scrollTo(0,0) 
var whichcontainer=Math.round(Math.random()*25) 
if (whichcontainer==0) 
whichcontainer=1 
if (temp2[whichcontainer].visibility!="hide") 
temp2[whichcontainer].visibility="hide" 
else{ 
while (temp2[whichcontainer].visibility=="hide"){ 
whichcontainer=Math.round(Math.random()*25) 
if (whichcontainer==0) 
whichcontainer=1 
} 
temp2[whichcontainer].visibility="hide" 
} 

if (counter==25) 
clearInterval(beginerase) 

counter++ 
espeed-=10 

} 


////////FIN DEL CÓDIGO PARA NS 4+//////// 


///////////CÓDIGO PARA IE 4+ Y NS6///////// 

if (ie4||ns6){ 
var containerwidth=ns6?parseInt(window.innerWidth)/5-3 : parseInt(document.body.clientWidth/5) 
var containerheight=ns6?parseInt(window.innerHeight)/5-2 : parseInt(document.body.offsetHeight/5) 

for (i=1;i<=25;i++){ 
temp[i]=ns6?document.getElementById("p"+i).style : eval("document.all.p"+i+".style") 
temp[i].width=containerwidth 
temp[i].height=containerheight 
} 

for (i=1;i<=5;i++) 
temp[i].left=(i-1)*containerwidth 

for (i=6;i<=10;i++){ 
temp[i].left=(i-6)*containerwidth 
temp[i].top=containerheight 
} 

for (i=11;i<=15;i++){ 
temp[i].left=(i-11)*containerwidth 
temp[i].top=2*containerheight 
} 

for (i=16;i<=20;i++){ 
temp[i].left=(i-16)*containerwidth 
temp[i].top=3*containerheight 
} 

for (i=21;i<=25;i++){ 
temp[i].left=(i-21)*containerwidth 
temp[i].top=4*containerheight 
} 
} 

function erasecontainerie(){ 
window.scrollTo(0,0) 
var whichcontainer=Math.round(Math.random()*25) 
if (whichcontainer==0) 
whichcontainer=1 
if (temp[whichcontainer].visibility!="hidden") 
temp[whichcontainer].visibility="hidden" 
else{ 
while (temp[whichcontainer].visibility=="hidden"){ 
whichcontainer=Math.round(Math.random()*25) 
if (whichcontainer==0) 
whichcontainer=1 
} 
temp[whichcontainer].visibility="hidden" 
} 

if (counter==25){ 
clearInterval(beginerase) 
if (ns6){ 
for (i=1;i<26;i++) 
temp[i].display="none" 
} 
} 
counter++ 
espeed-=10 

} 

/////////FINAL DEL CóDIGO IE 4+//////// 

if (ns4) 
beginerase=setInterval("erasecontainerns()",espeed) 
else if (ie4||ns6){ 
beginerase=setInterval("erasecontainerie()",espeed) 
} 


</script> 

</body> 
</html>

¬... · #2 (**permalink**) 19/01/2004, 11:24

pues se puede pero esta complicado, te puede llevar mucho tiempo, aqui halan el tamaño actual de la ventana...

var containerwidth=ns6?parseInt(window.innerWidth)/5-3 : parseInt(document.body.clientWidth/5)
var containerheight=ns6?parseInt(window.innerHeight)/5-2 : parseInt(document.body.offsetHeight/5)

y en base a esta, crean los cuadros:

for (i=1;i<=5;i++)
temp[i].left=(i-1)*containerwidth

for (i=6;i<=10;i++){
temp[i].left=(i-6)*containerwidth
temp[i].top=containerheight
}

for (i=11;i<=15;i++){
temp[i].left=(i-11)*containerwidth
temp[i].top=2*containerheight
}

for (i=16;i<=20;i++){
temp[i].left=(i-16)*containerwidth
temp[i].top=3*containerheight
}

for (i=21;i<=25;i++){
temp[i].left=(i-21)*containerwidth
temp[i].top=4*containerheight
}
}

si ves, aqui le especifican left, top, height y width, que son las medidas que forman al cuadro, pero para un cirulo tendrias muchos mas left y muchos mas top
-------- <-- top
I I <-- left
--------

---- < top
- - <-- top
- - <--top
I I <-top
- - <-top
- -
---

nexus6 · #3 (**permalink**) 20/01/2004, 05:34

Bravo thrash

preguntas aqui lo que te han preguntado en otro foro y copias la respuesta que te dan aqui haciendo ver que lo has modificado tu y encima ni siquiera das las gracias.

http://miarroba.com/foros/ver.php?fo...msgid=10478587

que feo es eso :-p

thrash · #4 (**permalink**) 20/01/2004, 07:43

Cita:

Mensaje Original por nexus6
Bravo thrash preguntas aqui lo que te han preguntado en otro foro y copias la respuesta que te dan aqui haciendo ver que lo has modificado tu y encima ni siquiera das las gracias.

cuando lo
iba a hacer tube problemas con mi conexión y luego olvidé hacerlo.

Así que pido mis disculpas por el plagio.

tunait · #5 (**permalink**) 21/01/2004, 07:32

ufa, menuda enganchada

KarlanKas · #6 (**permalink**) 21/01/2004, 07:44

Creo que en lo único que no mentes es en decir que no sabes como lo hiciste...

Me parece muy feo que te coloques medallas de otros, mi Teniente General...