Boxy – Plugin jQuery para crear ventanas tipo Facebook

Boxy es un plugin jQuery que permite dotar a nuestros desarrollos web de ventanas que poseen una estética inspirada en el diseño de Facebook.

Instalación y configuración

Una vez descargado Boxy, copiamos la carpeta SRC en el directorio raíz del servidor e incluimos jquery.boxy y boxy.css. También nos aseguramos que la ruta al directorio de las imágenes es correcta en el archivo CSS.

Implementación básica

Un ejemplo de cómo usar Boxy jQuery plugin sería agregando un código HTML similar a:

<a href='partial.html' class='boxy' title='AJAX Content Demo'>Remote content (partial.html)</a> |
    <input type='submit' value='Submit with confirm' />

El script para implementar la funcionalidad al presionar el botón definido en el paso anterior:

<script type='text/javascript'>
$(function() {
  $('.boxy').boxy();
});
</script>

Recordar que como en la mayoría de este tipo de implementaciones, debemos definir el estilo .boxy a invisible.

Boxy

Web/descargar: plugins.jquery.com/project/boxy