Avatar Image
Usuario habitual
Usuario habitual

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

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

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.

Avatar Image
Usuario habitual
Usuario habitual

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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

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.

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
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares