Comentarios en: Cómo hacer una simple ventana modal con HTML y Javascript

Por: Javine

Javine — Wed, 30 Nov 2011 20:20:13 +0000

Muy ilustrativo, gracias por la info,
saludos

Por: David Acurero

David Acurero — Tue, 20 Sep 2011 19:05:54 +0000

Buenas compañero, excelente aporte, pero tengo una duda.

Quiero mostra informacion desde una base de datos, pero tengo problemas con la id, ya que es una Tabla dinaminca y al seleccionar un elemento de la tabla me debe mostrar la informacion correspondiente a ese elemento, como haria en eso caso a ver si podrias ayudarme en este caso

Saludos

Por: Weyne

Weyne — Thu, 01 Sep 2011 21:29:39 +0000

carlos, lo que tendrias que hacer para mostrar 2 ventanas modales seria lo siguiente:
a ambas funciones le indicas que tendran 1 parametro de entrada que sera el nombre del div:
function mostrarVentana(div_nombre)
{
var ventana = document.getElementById(div_nombre); // Accedemos al contenedor
ventana.style.marginTop = “100px”; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.marginLeft = ((document.body.clientWidth-350) / 2) + “px”; // Definimos su posición horizontal
ventana.style.display = ‘block’; // Y lo hacemos visible
}

function ocultarVentana(div_nombre)
{
var ventana = document.getElementById(div_nombre); // Accedemos al contenedor
ventana.style.display = ‘none’; // Y lo hacemos invisible
}

luego desde tu enlace le indicas el nombre del div:

Haz click aquí
Haz click aquí2

y listo.

NOTA: ahora si debes tener cuidado de que tus ventanas modales no tengan la misma posicion, ya que se pondra 1 de otra.

Título de la ventana
Hola Mundo!

Título de la ventana
Hola Mundo!2

Por: carlos

carlos — Tue, 23 Aug 2011 02:14:35 +0000

he intentado poner 2 ventanas modales y al darle clik a los 2 enlaces me muestra una sola ventana modal, como inserto dos o mas ventanas modales en un index, osea si quisiera tener un enlace de “hoy” y otro de “mañana” y cada uno abra su ventana como lo hago?

Por: Cristian

Cristian — Thu, 04 Aug 2011 14:30:42 +0000

muy util. gracias.

Por: AngelFQC

AngelFQC — Tue, 22 Sep 2009 03:03:57 +0000

lo probare!!
gracias