Mantener tus Demos, dentro de la misma pagina con inFrame

Publicado por Nikko el dia 28 Sep 2009 - Guardado en Scripts, jQuery Leido 1,484 Veces

inframe.jpg

Si en algún momento han realizado tutoriales, donde no han incluido directamente los demos en sus post por temor a los conflictos que puedan generarse con los diversos scripts, quizá una buena solución sea inFrame, un plugin para jQuery que permite incrustar páginas a modo de iframes. Algo que puede ser útil para que nuestro usuarios no deban visitar un link determinado para ver cómo funcionan diversos demos. Su utilización es muy simple, basta con tan sólo agregar una clase de inframe a cada uno de los enlaces.

Enlace  inFrame Keep Demos Inside the Page with jQuery

Via webappers

Uso

HTML:
<a class="inframe" href="http://vileworks.com">Vile Works</a>

o

<a class="inframe" rel="height:300px" href="http://vileworks.com">Vile Works</a>

0

<a class="inframe" rel="nofollow height:300px" href="http://vileworks.com">Vile</a>

    Tested in IE6, IE7, Firefox 3, Safari 3, Google Chrome, Opera on a PC.
    Degrades gracefully (to regular links) when JavaScript is turned off.
    SEO friendly with the files you link to.

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] tus Demos, dentro de la misma pagina con inFrame. vía: Xyberneticos Etiquetas: abc, boot kernel, cs5, emulador de nintendo, icann, iphone, ipod touch, jsnes, la [...]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: