¡Buenas noches!
He realizado una serie de modificaciones en mi página web, entre ellas añadir una ventana modal en que se cargan distintos contenidos. Uso javascript combinado con el código en el cuerpo de la página para lanzarla (un poco chapucero pero fácil de entender para alguien que no sabe de estas cosas) y en mi equipo esta combinación funciona perfectamente. El caso es que al publicar los archivos correspondientes (entiéndase la nueva css y el nuevo index) las ventanas modales dejan de funcionar. No se me ocurre ninguna explicación, así que por si acaso voy a copiar el código donde se genera el problema por si alguien pudiera echarme una mano.
<a href = javascript:void(0) onclick =document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'>Ventana modal</a></b>
<div id=light class="white_content">"Contenido de la ventana modal"<p><a href = javascript:void(0) onclick =document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'>Cerrar</a></div>
<div id=fade class="black_overlay"></div>
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: white;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid grey;
background-color: white;
z-index:1002;
overflow: auto;
}
Digo yo que tiene que funcionar lo mismo que funciona en mi ordenador ¿no? ¿O es que el javascript metido "a pelo" da este tipo de problemas?
Muchas gracias.