Cambiar div por otro

totolia · #1 (**permalink**) 16/01/2010, 15:15

Pues tengo un problema necesito hacer un codigo que me cambie un div por otro al pulsar una imagen del div1 o cuando pasen 10 segundos. Lo utilizaria para que antes de ver mis videos, que estan en in div, se muestre antes otro que contenga publicidad con un boton abajo que ponga ver video, pero si no se pulsa tambien pueda iniciarse el otro div al cabo de 10 segundos. Esto es possible?

pateketrueke · #2 (**permalink**) 16/01/2010, 15:24

con PHP no es posible...

es mas tema de Javascript+DOM (:

totolia · #3 (**permalink**) 16/01/2010, 15:29

Ok perdon me he equivocado, si ya me imaginava que seria de javascript pero no tengo ni **** idea. Podrias indicarme un poco?

CHuLoSoY · #4 (**permalink**) 16/01/2010, 15:30

Con javascript:

Código Javascript:

Ver originalfunction cambiarPorOtro() {
//ejecutará la función siguiente a los diez segundos:
setTimeout("cambiarPorOtro2()",10000);
 
}
 
function cambiarPorOtro2() {
 
       document.getElementById("capaPubli").style.display="none";
       document.getElementById("capaVideo").style.display="block";
}

En html

Código HTML:

Ver original<body onload="javascript:cambiarPorOtro();">
<div id="capaPubli" style=display:block;>Publicidad
<a href="javascript:cambiarPorOtro2();">Haz click para salir de la publi</a></div>
<div id="capaVideo" style=display:none;>Video</div>
</body>

Hay que buscar un poquito más, que esto está en el principio de los manuales!

totolia · #5 (**permalink**) 16/01/2010, 15:37

Ostia muchisimas gracias si ya he mirado por google cambiar div por div javascrip etc pero solo me salian que sandeces muchisimas gracias

totolia · #6 (**permalink**) 16/01/2010, 15:54

O soy yo o esto a mi no me va.

CHuLoSoY · #7 (**permalink**) 16/01/2010, 16:04

En vez de copiar y pegar podrías revisarlo antes. Lo he escrito al vuelo, no soy tu profesor ni cobro por enseñarte, sólo te doy un ejemplo por donde puedes guiarte. Qué manía tiene la gente en este foro de pensar que esto es un "servicio técnico".
Ya he puesto el código nuevo arriba .Faltaban las etiquetas style en el div.

totolia · #8 (**permalink**) 16/01/2010, 16:07

Si, ya editado el codigo pero no me fijado en esto, porque respondeis con tanta mala leche. Agradezco la ayuda, muchos somos novatos y hacemos lo que podemos yo uso con mas libertad el php con el javascript no entiendo ni papa. No hace falta ponerse asi.

Igualmente gracias.

PD: estavan las etiquetas en el div y no me funcionava asi que debo tener algun otro problema y no lo veo.

CHuLoSoY · #9 (**permalink**) 16/01/2010, 16:12

No hombre, no es por mal.
Debería ir:

Código HTML:

Ver original<html><head><script>
function cambiarPorOtro() {
//ejecutará la función siguiente a los diez segundos:
setTimeout("cambiarPorOtro2()",10000);
 
}
 
function cambiarPorOtro2() {
 
       document.getElementById("capaPubli").style.display="none";
       document.getElementById("capaVideo").style.display="block";
}
 
</script>
</head>
<body onload="javascript:cambiarPorOtro();">
<div id="capaPubli" style="display:block;">Publicidad
<a href="javascript:cambiarPorOtro2();">Haz click para salir de la publi</a></div>
<div id="capaVideo" style="display:none;">Video</div>
</body>
</html>

totolia · #10 (**permalink**) 16/01/2010, 16:14

Sisi tranquilo lo acavo de conseguir esque ya te digo me pego a veces unos lios.

totolia · #11 (**permalink**) 16/01/2010, 16:56

A quedado muy bien gracias puedes verlo aqui http://www.viciototal.com/video/126/...rcuito-madrid/