Ver Mensaje Individual
  #3 (permalink)  
Antiguo 24/03/2010, 08:19
thymon
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 18 años, 4 meses
Puntos: 7
Respuesta: Duda document.getElementById("capa").style.visibility = "hidden"; Moz VS I

Posteo código completo + explicacion:

Tengo 2 divs "scrollcontenido" y "capaefectos". Con la ayuda de la librería Mootools, y la clase FX.Tween realizo la superposicion de "scrollcontenido" sobre "capaefectos" dejando "scrollcontenido" a "width:100%". En mozilla se ejecuta al pelo (a la perfección jeje), sin embargo a la hora de ver resultados en IE, no se comporta de igual manera, realiza el motion y la ocultación del div "capaefectos" pero no lleva al 100% del contenido el div "scrollcontenido"... llevo como 3 horas dándole vueltas y no hay manera de encontrar una solución.. si alguien puede ayudarme estaré enormemente agradecido..



<script type="text/javascript">
function resize(scrollcontenido,altura){
var frame = document.getElementById(scrollcontenido);
var htmlheight = document.body.parentNode.scrollHeight;
var windowheight = window.innerHeight;
if ( htmlheight < windowheight ) { document.body.style.height = windowheight + "px"; frame.style.height = (windowheight - altura) + "px"; }
else { document.body.style.height = htmlheight + "px"; frame.style.height = (htmlheight - altura) + "px"; }
}
window.addEvent("domready", function(){

var estado = 0;
var efecto = new Fx.Tween("capaefectos",{
property: 'width',
duration: 800,
unit: "px",
onComplete: function(){

if (estado == 0) {
document.getElementById("imgEncoger").src = "img/boton_cerrar_menu1.png";
presentacion2();
}
else{
document.getElementById("imgEncoger").src = "img/boton_abrir_menu2.png"
}
}
});

$("enlaceencoger").addEvent("click", function(e){
if (estado == 0) {
// mov pa la izquierda, cambio a flecha derecha

e.stop();
efecto.start(0);

estado = 1;

window.setTimeout(presentacion,100);
//document.getElementById("imgEncoger").src = "img/boton_abrir_menu2.png";
//document.getElementById("capaefectos").style.displ ay = "none";
//document.getElementById("capaefectos").style.visib ility = "hidden";
}
else{
// mov pa la derecha, cambio a flecha izquierda
efecto.start(220);
estado = 0;
//window.setTimeout(presentacion2,790);
//document.getElementById("imgEncoger").src = "img/boton_cerrar_menu1.png";
// document.getElementById("capaefectos").style.displ ay = "block";
//document.getElementById("capaefectos").style.visib ility = "visible";

}

});

function presentacion(){
document.getElementById("imgEncoger").src = "img/boton_abrir_menu2.png";
document.getElementById("capaefectos").style.visib ility = "hidden";
}

function presentacion2(){
document.getElementById("imgEncoger").src = "img/boton_cerrar_menu1.png";
document.getElementById("capaefectos").style.visib ility = "visible";
}


});
</script>