Podriamos progamar una ventana modal desde cero pero es mucho más facil si usamos algun plugin de jquery, para eso voy a usar Simple Modal
Primero incluimos jquery y el plugin simple modal en nuestra cabecera
[cc lang=»html»]
[/cc]
Luego debemos elegir que elementos deben ser afectados por simplemodal usando los selectores de jquery, con lo que podría quedar asi:
[cc lang=»javascript»]
$(«#sample»).modal();
[/cc]
O podriamos incluir algunos parámetros adicionales como por ejemplo cambiar el color de fondo y la opacidad
[cc lang=»javascript»]
$(«#sample»).modal({
overlay:80,
overlayCss: {backgroundColor:»#fff»}
});
[/cc]
Existen opciones más avanzadas como animaciones uso de iframes entre otras su pagina web
