Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/06/2009, 04:18
Avatar de KiraSakuya
KiraSakuya
 
Fecha de Ingreso: junio-2009
Mensajes: 67
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: divs apareciendo aleatoriamente

A ver si lo he entendido bien, mira a ver si el siguiente codigo te funciona.
Yo lo estoy probando en explorer 7.0 asi que si utilizas otro navegador dimelo, porque lo testeo en el otro navegador ok? (En este PC del trabajo solo tengo IE -.-)

Código que esperemos sea definitivo:
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml" >
  2. <head runat="server">
  3.     <title>Página sin título</title>
  4. <script language="javascript" type="text/javascript">
  5. var posicion = new Array();
  6. var i=0;
  7. function testtimeout(){
  8. switch (i)
  9. {
  10.     case 0: document.getElementById("Div0").style.visibility = "visible"
  11.             document.getElementById("Div1").style.visibility= "hidden"
  12.             document.getElementById("Div2").style.visibility = "hidden"
  13.             break;
  14.     case 1: document.getElementById("Div0").style.visibility = "hidden"
  15.             document.getElementById("Div1").style.visibility = "visible"
  16.             document.getElementById("Div2").style.visibility = "hidden"
  17.             break;
  18.     case 2: document.getElementById("Div0").style.visibility = "hidden"
  19.             document.getElementById("Div1").style.visibility= "hidden"
  20.             document.getElementById("Div2").style.visibility = "visible"
  21.             break;
  22.    
  23. }
  24.  
  25. i=Math.floor(Math.random()*3) //El *3 deberia cambiar en funcion del numero de divs que tienes, esto luego se tiene que acomodar a
  26. //lo que tu necesitas :) es el numero de numeros que recorre desde 0 hasta el numero(en este caso 3) -1
  27.  
  28. t=setTimeout("testtimeout()",3000);
  29. }
  30.  </script>
  31. </head>
  32. <body onload="testtimeout()">
  33.     <div style="position: absolute; left: 100px; top: 100px" id="Div0">CONTENIDO0</div>
  34.     <div style="position: absolute; left: 200px; top: 200px ; visibility:hidden" id="Div1">CONTENIDO1</div>
  35.     <div style="position: absolute; left: 300px; top: 300px ;visibility:hidden" id="Div2">CONTENIDO2</div>
  36. </body>
  37. </html>

El *3 deberia cambiar en funcion del numero de divs que tienes, esto luego se tiene que acomodar a lo que tu necesitas :)

Suerte :D