Mostrar divs al azar

Tecktonikrazy · #1 (**permalink**) 19/08/2010, 16:15

Tengo estos divs:

Código HTML:

<div id="Capa1" style="visibility: hidden">
<div id="Capa2" style="visibility: hidden">
<div id="Capa3" style="visibility: hidden">
<div id="Capa4" style="visibility: hidden">

Los cuatro estan ocultos, pero necesito que al cargar la pagina solo uno de ellos y al azar este visible, si se recarga la pagina, sea otro el que este visible, no se si se pueda con javascript, y quedaria algo como:

Código HTML:

<body onload="mostrar()">

Pero como seria la funcion mostrar()?

Adler · #2 (**permalink**) 19/08/2010, 16:35

Hola

Para eso tienes Math.random()
El resto es document.getElementById('Capa'+radn).style.visibil ity='visible';

Suerte

Tecktonikrazy · #3 (**permalink**) 19/08/2010, 17:43

Ok, al principio no entendi nada, pero vi la pagina y me di una idea y quedo perfecto, muchas gracias y aqui les dejo el codigo para los que lo necesiten tambien:

Código HTML:

Ver original<script language="javascript">
 
var capaNum = Math.round(Math.random()*4);
 
function mostrar() {
 
document.getElementById('Capa' + capaNum).style.visibility = 'visible';
 
}
</script>
 
<body onload="mostrar()">
 
<div id="Capa0" style="visibility: hidden">0</div>
<div id="Capa1" style="visibility: hidden">1</div>
<div id="Capa2" style="visibility: hidden">2</div>
<div id="Capa3" style="visibility: hidden">3</div>
<div id="Capa4" style="visibility: hidden">4</div>
 
</body>