Entrar Regístrate
 
Ventana modal no funciona
#1 ·

¡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.

Código:
<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>
Código:

.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.


Reina_Maab
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 12
Desde: 20/May/2008
·
#2 ·

En un principio no debería darte problemas, pero solo por si acaso,  si pones todo el evento onclick entre comillas, osea onclick="document.get...", no estoy muy seguro de cual sea el problema ya que nunca me a gustado el javascript directamente en los elementos html, por lo que para los eventos onclick, entre otros, utilizo jQuery, mas que todo para saltarme lo de la compatibilidad con IE6 y todo eso.

También puede ser que cuando haces clic el DOM no esta completamente cargado por lo que no hay elementos que buscar o simplemente se necesita un ctrl+f5 para que los cambios surtan efecto.


Sirquini
Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 448
Desde: 20/Feb/2009
· ·
#3 ·

Ante todo, gracias por tu respuesta.

¿En qué consiste jquery? ¿Es un paquete de JS o es un lenguaje diferente? Estos días me he encontrado con muchas referencias a jquery pero me ha parecido un JS moderno, otra forma de llamarlo casi.

Al final el problema no era tal, sino debe ser que los archivos tardan en actualizarse cuando los subes o que el caché del navegador me estuvo jugando unas malas pasadas. El caso es que me fui a la cama sin que funcionara y ahora tira perfectamente. Cosas de alarmarse fácilmente.

Ahora sólo me queda reducir tiempo de carga y conseguir un estilo decente y podré dar por concluida mi labor :)

Gracias de nuevo.


Reina_Maab
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 12
Desde: 20/May/2008
·
#4 ·

UM minimo cosa de cache por eso lo de ctrl+f5, en todo caso jQuery es una libreria javascript, osea que son un conjunto de funciones javascript para facilitarle a la vida a muchos, es puro javascript.


Sirquini
Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 448
Desde: 20/Feb/2009
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · Diseño gráfico
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 21:11 UTC+02:00 DST
Temas similares
No se han encontrado temas similares