como funciona este script?

SeaPirates · #1 (**permalink**) 08/04/2010, 08:46

Código Javascript:

Ver original<script>
function changeTopMenu(){
if(document.getElementById('topMenu1').style.visibility == "hidden"){
document.getElementById('topMenu1').style.visibility = "visible";
}else{
document.getElementById('topMenu1').style.visibility = "hidden";
}
}
setInterval("changeTopMenu();",5000);
</script>

bueno ese script se supone que primero muestra el primer div y luego se esconte y muestra el 2, este se esconde y muestra el 1 de nuevo, pero como es el codigo de los divs??

intente hacerlo pero no me funciono..

#2 (**permalink**) 08/04/2010, 09:38

<div id="topMenu1"></div>
<div id="topMenu2"><div>

No hay mayor complicación.
Lo que se me ocurre es que quizás estás poniendo el código al principio de la página, antes del HTML que declara los divs (entonces el Javascript no los encuentra, y falla)

Saludos.

SeaPirates · #3 (**permalink**) 08/04/2010, 11:04

sk no se si el script esta incompleto o que, pero nadamas carga la pagina aparecen los 2 divs, el primero pasan 5 segundos y se esconde, luego vuelve a mostrarse, pero el segundo sigue abajo siempre y no hace nada..

Lo que pretendo es que cuando se esconda uno se muestre el otro

SeaPirates · #4 (**permalink**) 08/04/2010, 12:02

gracias ^^

#5 (**permalink**) 08/04/2010, 12:27

Muestra el código HTML relevante (no todo, haz un ejemplo simple), hay algo que no me termina de convencer entre el código Javascript y lo que esperás que haga.

SeaPirates · #6 (**permalink**) 09/04/2010, 05:14

Bueno, miren:

Código:

<script>
function changeTopMenu(){
if(document.getElementById('topMenu1').style.visibility == "hidden"){
document.getElementById('topMenu1').style.visibility = "visible";
document.getElementById('topMenu2').style.visibility = "hidden";
}else{
document.getElementById('topMenu1').style.visibility = "hidden";
document.getElementById('topMenu2').style.visibility = "visible";

}
}
setInterval("changeTopMenu();",5000);
</script>

Cita:

<div id="topMenu2" style="position:absolute;">
Contenido 2
</div>
<div id="topMenu1" style="position:absolute;">
Contenido 1
</div>

Lo pones uno encima del otro y asi salen en el mismo sitio..

SeaPirates · #7 (**permalink**) 09/04/2010, 08:09

Bueno, primeramente solo diré.. porque hablas así? Y por segunda, estoy creando un juego php y necesito mostrar sus datos asi..

#8 (**permalink**) 09/04/2010, 10:22

Pues me funciona perfectamente. Le puse diferentes colores de fondo para verlo mejor, y me hace los cambios bien.
¿En qué navegador te falla? ¿tenés algún error en su consola de errores?

Esta es la página de prueba que me hice:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
    <title>Prueba sustitución de DIVes</title>
    <script type="text/javascript">
 
window.onload = function() {
    d1 = document.getElementById("topMenu1").style;
    d2 = document.getElementById("topMenu2").style;
    var f = function() {
        if (d1.visibility === "hidden") {
            d1.visibility = "visible";
            d2.visibility = "hidden";
        } else {
            d1.visibility = "hidden";
            d2.visibility = "visible";
        }
    }
 
    setInterval(f, 1000);
}
 
    </script>
</head>
<body>
    <h1>Prueba de DIVs</h1>
    <div id="topMenu2" style="position:absolute;background:red">Contenido 2</div>
    <div id="topMenu1" style="position:absolute;background:blue">Contenido 1</div>
</body>
</html>

SeaPirates · #9 (**permalink**) 09/04/2010, 11:46

No, ya me va, pero como me dijiste que postease el codigo lo postee =)