subModal

I. Introducción

Variando un poco con la tónica habitual de las librerías, esta se comporta de manera algo diferente (aunque en realidad el fundamento es el mismo). Por ello, me propongo explicar un poco en que consiste.

Cabe destacar que soporta la visualización de páginas web. Diferente es si intentamos implementar imágenes.

 

II. Uso de la librería

Como en toda librería, y esto si que no cambiará nunca, hay que añadir las referencias en la cabecera:

<link rel=”stylesheet” type=”text/css” href=”style.css” mce_href=”style.css” />
<link rel=”stylesheet” type=”text/css” href=”subModal.css” mce_href=”subModal.css” />
<script type=”text/javascript” src=”common.js” mce_src=”common.js”></script>
<script type=”text/javascript” src=”subModal.js” mce_src=”subModal.js”></script>

Como podéis ver, se añaden tantos ficheros CSS como se necesiten y los dos ficheros javascript tradicionales. En el enlace de descarga de la librería en la sección de “Referencias” podéis obtener un ejemplo bastante claro y sencillo sobre su manejo.

A continuación, habrá que realizar la llamada a las funciones necesarias. Ahora, la llamada será diferente:

<a href=”#” mce_href=”#” onclick=”showPopWin(‘modalContent.html’, 400, 200, null);”>show modal window button</a> 

La función que determina la aparición de la ventana es “showPopWin” y se le meten los siguientes parámetros:

• Página web: Habrá que poner la URL de la dirección web que querramos abrir.

• Tamaño de la imagen: Tanto ancho como alto de la imagen seleccionada.

• Parámetro opcional: Permite ejecutar una función en javascript cuando se cierre la ventana abierta anteriormente.

Su implementación es bien sencilla aunque el diseño predeterminado que ofrece la librería es algo desagradable para la vista, suponemos que con el fichero CSS podemos amoldarlo a nuestro gusto.

 

III. Referencias

• Descarga: subModal

• Enlace: subModal

 

- Volver -