Mostrar un iframe durante 20 segundos y luego un flash

codig0 · #1 (**permalink**) 11/03/2009, 08:56

Hola,

Me gustaría hacer lo siguiente con javascript... mostrar un iframe con un contenido y cuando pase X tiempo, digamos 20 segundos salga un flash... he estado buscando por google etc... pero no he encontrado nada al respecto y yo soy nulo en javscript... alguien conoce un script que haga lo que pido?

David · #2 (**permalink**) 11/03/2009, 08:59

Puedes usar setTimeout() para que dispare una función en 20 seg.

En esa función ocultas el iframe (display: none) y muestras el objeto Flash.

codig0 · #3 (**permalink**) 11/03/2009, 08:59

Um, gracias buscaré información sobre setTimeout por google y lo intentaré hacer... pero si lo consigo seguro que me fallará en Internet Explorer...

codig0 · #4 (**permalink**) 11/03/2009, 09:22

Hola,

ya lo he conseguido más o menos... el problema es que quiero ocultar un div que ya estaba, me explico tengo esto así:

Código:

<script>
function mostrar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility== "hidden")  obj.style.visibility= '';
}

function ocultar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility == "") obj.style.visibility = "hidden"
}
</script>

<body onload="setTimeout('mostrar(\'flash\')', 5000)">

<div id="flash" style="visibility: hidden;">hola mundo</div>

y sale el mensaje hola mundo a los 5 segundos... pero si yo le añado otro div llamado flash2:

Código:

<script>
function mostrar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility== "hidden")  obj.style.visibility= '';
}

function ocultar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility == "") obj.style.visibility = "hidden"
}
</script>

<body onload="setTimeout('mostrar(\'flash\')', 5000)">

<div id="flash2">esto es otra prueba</div>

<div id="flash" style="visibility: hidden;">hola mundo</div>

quiero ocultarlo justo cuando se muestre el hola mundo... lo he intentado poniendo otro settimeout con la función "ocultar" pero parece que no funcionó...

espero que se me entienda...

David · #5 (**permalink**) 11/03/2009, 09:26

En el setTimeout() puedes llamar a una función como esta:

Código javascript:

Ver originalfunction flash() {
    mostrar('flash');
    ocultar('flash2');
}

codig0 · #6 (**permalink**) 11/03/2009, 09:39

Vale, ya lo conseguí...

Código:

<script>
function mostrar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility== "hidden")  obj.style.visibility= '';
}

function ocultar(capa){
  var obj = document.getElementById(capa)
  if(obj.style.visibility == "") obj.style.visibility = "hidden"
  if(obj.style.position == "") obj.style.position = "absolute"
}

function flash() {
    mostrar('flash');
    ocultar('flash2');
}
</script>

<body onload="setTimeout('flash()', 5000)">

<div id="flash2">esto es otra prueba</div>
<div id="flash" style="visibility: hidden;">hola mundo</div>

David · #7 (**permalink**) 11/03/2009, 09:48

Aquí tienes una idea de una cuenta hacia atrás:
http://www.forosdelweb.com/f13/como-...7/#post2550098

La idea te puede servir para hacer una barra de progreso o lo que sea.