<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>ventanas-emergentes &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/ventanas-emergentes/</link>
	<description>Feed of posts on WordPress.com tagged "ventanas-emergentes"</description>
	<pubDate>Sun, 06 Dec 2009 11:31:22 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Ventanas emergentes]]></title>
<link>http://codigoaldescubierto.wordpress.com/2007/12/12/ventanas-emergentes/</link>
<pubDate>Wed, 12 Dec 2007 00:21:34 +0000</pubDate>
<dc:creator>ZoItrix</dc:creator>
<guid>http://codigoaldescubierto.wordpress.com/2007/12/12/ventanas-emergentes/</guid>
<description><![CDATA[I. Introducción  En este artículo pretendo presentar de una forma genérica y de manera muy simple to]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><h3 align="justify">I. Introducción </h3>
<p align="justify">En este artículo pretendo presentar de una forma genérica y de manera muy simple todas las librerías que he logrado encontrar para implementar (mediante AJAX) el uso de ventanas emergentes dentro de una misma página web sin necesidad de abrir más ventanas.</p>
<p align="justify">Existen gran variedad de librerías. Realmente todas las librerías realizan más o menos lo mismo pero con pequeñas diferencias.</p>
<p align="justify">Básicamente en todas los pasos son los mismos:</p>
<ol>
<li>
<p align="justify"><strong>Descargar</strong> la librería y copiarla en un directorio dentro de la página web.</p>
</li>
<li>
<p align="justify">Realizar las correspondientes <strong>referencias</strong> en la cabecera.</p>
</li>
<li>
<p align="justify">Crear un <strong>enlace</strong> de acceso a la web o imagen incluyendo ciertos parámetros.</p>
</li>
</ol>
<p align="justify">La gran diferencia estará en que habrá librerías que tengan que implementar códigos javascript dentro de la página HTML, otros que todo se hará a través de referencias en la cabecera, otras librerías que por mucho que se intenta implementar no hay manera de hacerlo, otras que no son compatibles en todos los sistemas de navegación, etc.</p>
<p align="justify">El objetivo de este artículo es poder discernir y valorar cada una de ellas viendo cuales ofrecen las mejores garantías. Tened en cuenta que nosotros, cuando buscamos una solución la queremos lo más rápidamente posible y con los mejores resultados. ¿Para qué detenernos en un recurso si para poder ponerlo en funcionamiento hay que llevarse horas y horas teniendo muchas otras alternativas en la web? Hay que ofrecer la mayor simplicidad al usuario y por lo que he podido comprobar, muchas de las librerías que se implementan no están por la labor.</p>
<p align="justify">&#160;</p>
<h3 align="justify">II. Listado de librerías</h3>
<p align="justify">He dividido el listado de librerías en dos. Un primer listado donde aparecen las librerías que considero realmente útiles y se pueden manejar sin problemas. </p>
<p align="justify">Justo a continuación incluyo un segundo listado con el resto de librerías que, o no se adecuan a la sencillez que se requiere de ellas o realmente no las considero de calidad para ser comentada como librería indispensable o sencillamente son modificaciones de librerías ya explicadas por lo que no merecen la pena ser comentadas.</p>
<p align="justify">Las librerías de interés general son:</p>
<ul>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/bride-of-windows/" title="Bride of Windows">Bride of Windows</a><br />
Intenta imitar las ventanas de Windows. Permite minimizar la ventana.</li>
</ul>
<ul>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/greybox/" title="GreyBox">GreyBox</a><br />
Esta librería fue adecuada a mis necesidades. Muestra tanto imágenes como páginas webs.</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/ibox/" title="iBox">iBox</a><br />
Similar a las anteriores. Sirve para mostrar imágenes y páginas web.</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/imagebox/" title="imageBox">ImageBox</a><br />
Sencilla, útil y práctica. Su única limitación es que solo muestra imágenes.</li>
</ul>
<ul>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/lightbox/" title="LightBox">LightBox</a><br />
Está limitada al uso de imágenes para mostrar en ventanas.</li>
</ul>
<ul>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/litebox/" title="LiteBox">LiteBox</a><br />
Muy similar a ImageBox pero sin necesidad de incluir JS en la web HTML. Es una extensión de LightBox pero pesando mucho menos (3KB)</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/mediabox/" title="MediaBox">MediaBox</a><br />
Ofrece la posibilidad de visualizar flash y videos directamente como si de una imagen se tratara. Eso sí, da problema al visualizar imágenes</li>
</ul>
<ul>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/moodalbox/" title="MoodalBox">MoodalBox</a><br />
Muy sencillo e implementa el efecto de ventana &#8220;abriendose&#8221; poco a poco.</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/roebox/" title="RoeBox">RoeBox</a><br />
Mezcla entre LightBox y SlimBox. Fácil uso y sin complicaciónes. Solo muestra imágenes.</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/submodal/" title="subModal">subModal</a><br />
Permite visualizar páginas web. Sencillo uso.</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/thickbox/" title="ThickBox">ThickBox</a><br />
De fácil uso e implementa gran variedad de opciones: imágenes, galerías, páginas webs&#8230;</li>
<li>
<p align="justify"><a href="http://codigoaldescubierto.wordpress.com/contenido/triptracker/" title="TripTracker">TripTracker</a><br />
Sirve para mostrar imágenes. Diseño simpático y con posibilidades. Muy sencillo su uso.</li>
</ul>
<p align="justify">A continuación, si tenéis más curiosidad, un listado con el resto de librerías disponibles en la web:</p>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://livepipe.net/projects/control_modal/" title="Control Modal">Control.Modal</a><br />
Ofrece algunas nuevas funcionalidades como que la ventana emergente sea una capa simple de forma que agilice el proceso. Aun así, no la recomiendo pues su uso ofrece muchísimas complicaciones.</li>
<li>
<p align="justify"><a target="_blank" href="http://www.wingo.com/dialogbox/index.html">Dialog Box</a><br />
La página en sí es un caos. Lo único que proporciona es que la ventana pueda cambiar de posición en la misma página web.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://www.matthijskamstra.nl/blog/index.php/flashbox-just-another-box/" title="FlashBox">FlashBox</a><br />
Muestra las imágenes dentro de un FLASH con sus correspondientes efectos. Únicamente para mostrar imágenes. No funciona bajo internet explorer.</li>
<li>
<p align="justify"><a target="_blank" href="http://www.ryanjlowe.com/?p=9" title="LitBox">LitBox</a><br />
Apertura de ventanas movibles.</li>
</ul>
<ul>
<li>
<p align="justify"><a href="http://prototype-window.xilinus.com/">Prototype Window</a><br />
En su web comenta que es de fácil uso. Para mí fue imposible implementarla de una forma rápida y sencilla.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://blog.craigambrose.com/articles/2006/08/16/redbox-a-rails-compatible-lightbox" title="RedBox">RedBox</a><br />
No ofrece nada nuevo a lo ya comentado. Ventanas muy simples y sin diseño.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://www.oscandy.com/open-source/58-slightbox-extension-for-jondesigns-smoothgallery" title="SlightBox">SlightBox</a><br />
Variante de LightBox. Ofrece prácticamente lo mismo. Sólo para mostrar imágenes.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://www.digitalia.be/software/slimbox" title="SlimBox">SlimBox</a><br />
Al igual que el anterior, es otra variante del famoso LightBox.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/" title="Sukerfixh HoverLightbox">Sukerfixh HoverLightbox</a><br />
Variante de LightBox. No he conseguido hacer que funcione ni desde la web propia de la librería.</li>
</ul>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://freenet-homepage.de/ralph.becker/tinybox/" title="TinyBox">TinyBox</a><br />
Librería muy extraña. Me la intenté bajar y resultaba ser un fichero EXE. En fin&#8230; Con la cantidad de posibilidades que existen, paso tener que instalar nada.</li>
</ul>
<p align="justify">Para más información, basta con acceder a los enlaces que os he facilitado tanto en la sección en particular de cada librería como en este artículo.</p>
<p align="justify">&#160;</p>
<h3 align="justify">III. Referencias</h3>
<ul>
<li>
<p align="justify"><a target="_blank" href="http://www.anieto2k.com/2007/09/19/coleccion-de-clones-de-lightbox-para-todos/" title="Recopilatorio de Librerás">[ESP] Recopilatorio de Librerías</a></p>
</li>
<li>
<p align="justify"><a target="_blank" href="http://earthcode.com/blog/2006/07/lightbox_for_modal_dialogs_red.html" title="Recopilación de librerás en ingles">[ENG] Recopilatorio de Librerías</a></p>
</li>
</ul>
</div>]]></content:encoded>
</item>

</channel>
</rss>
