<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta content="Starbox te permite crear fácilmente todo tipo de cajas de clasificación utilizando sólo una imagen PNG. La biblioteca se fue construida sobre el framework Javascript Prototype. Para algunos efectos adicionales se puede agregar Scriptaculous.|Pagina-1" name="description"/>
<meta name="keywords" content="ajax,php,javascript,templates,plantillas,js ajax,net ajax,ajax manual, ajax php,iconos,frameworks, ajax plugins,addons,javascript ejemplos, scripting, XML, Servicios Web, php ajax, xslt, DHTML, aplicaciones web, Ajax JavaScript,programacion javascript,scripts, jQuery, jQuery scripts, jQuery plugin,prototype,scriptaculous,mootools"/>
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><title>
Javascript plugin para crear todo tipo de cajas de clasificación - Starbox -
Prototype |Códigos HTML
| Pagina-1
</title>
<link rel="canonical" href="http://www.ajaxshake.com/es/JS/231631/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html"/>
<base href="http://www.ajaxshake.com/"/>
<link rel="alternate" type="application/rss+xml" title="AjaxShake RSS Feed" href="http://feeds.feedburner.com/ajaxshake-es"/>
<link rel="stylesheet" href="public/resources/styles/all.3.0.min.css" type="text/css" media="screen, projection"/>
<link rel="shortcut icon" href="http://www.ajaxshake.com/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="container">
<div id="showPictures"></div>
<div id="header" class="span-24 last">
<div class="headerLogo">
<div id="shaker"><a id="ajaxshakeLink" onclick="markinfo(1,'logo')" href="http://www.ajaxshake.com/es/JS.html"><img class="logo" alt="AJAXSHAKE" src="public/resources/images/logo.jpg"/></a></div>
</div>
<div id="sections">
<ul>
<li>
<h1><a rel="nofollow" class="sectionActive" href="http://www.ajaxshake.com/es/JS.html">Códigos HTML</a></h1>
</li>
</ul>
</div>
<div class="ilikeit">
</div>
<div id="facebookLogin" class="facebookLogin">
</div>
<div class="socialItems">
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/ajaxshake-es" title="Ajaxshake Feed Rss">
<img src="public/resources/images/social/feed.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/pages/AjaxShakeEs/122980091095976" title="Ajaxshake Facebook">
<img src="public/resources/images/social/facebook.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.twitter.com/ajaxshakeEs" title="Ajaxshake Twitter">
<img src="public/resources/images/social/twitter.png"/>
</a>
</div>
<div class="clear"></div>
<div class="lanBox">
<a href="http://www.ajaxshake.com/en/JS/231631/javascript-plugin-to-create-all-kinds-of-rating-boxes-starbox.html"><img width='32px' height='32px' src="public/resources/images/eng32.png" alt="EN"/></a>
<a href="javascript:void(0);"><img width='32px' height='32px' src="public/resources/images/spa32.png" alt="ES"/></a>
</div>
</div>
<div class="globalContent">
<div id="leftContent" class="span-15 first">
<div style="margin-bottom: 50px;">
 
<div id="bsap_1278345" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
<div class="clear"></div>
</div>
<div class="linkNewWin">
<div class="newWinOp"><input id="openLink" name="openLink" type="checkbox" onClick="openLink('http://www.ajaxshake.com/es/JS/231631/nb/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html');" checked /><label for="openLink">Abrir links en nueva ventana</label></div>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l titlemax">
Javascript plugin para crear todo tipo de cajas de clasificación </h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(2,'category-b')" href="http://www.ajaxshake.com/es/JS/1121/prototype.html" class="barLink">Prototype</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(3,'category-b')" href="http://www.ajaxshake.com/es/JS/1131/scriptaculous.html" class="barLink">Scriptaculous</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(82,'category-b')" href="http://www.ajaxshake.com/es/JS/12821/ranking.html" class="barLink">Ranking</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(62,'category-b')" href="http://www.ajaxshake.com/es/JS/12621/estilos.html" class="barLink">estilos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/231631/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html#comments" class="barLink"> | Comentarios(1)</a>
</div>
<div class="clear"></div>
</div>
<div class="mainPostSocial">
<a rel="nofollow" href="http://twitter.com/share" data-url="http://www.ajaxshake.com/es/JS/231631/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html" data-text="Javascript plugin para crear todo tipo de cajas de clasificación" class="twitter-share-button" data-count="horizontal" data-via="AjaxshakeEs" data-lang="es">Twittear</a>
</div>
<div class="fblike" style="width:116px;">
<div id="fb-root"></div>
<fb:like href="http://www.ajaxshake.com/es/JS/231631/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html" layout="button_count" width="450" send="true" show_faces="true"></fb:like>
</div>
<div style="width:100px; float:left;margin-top:18px;margin-left:35px;">
<g:plusone></g:plusone>
</div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<div class="clear"></div>
<p class="postDescription">
Starbox te permite crear fácilmente todo tipo de cajas de clasificación utilizando sólo una imagen PNG. La biblioteca se fue construida sobre el framework Javascript Prototype. Para algunos efectos adicionales se puede agregar Scriptaculous.
<div class="centralImage">
<a rel="nofollow" title="Javascript plugin para crear todo tipo de cajas de clasificación&nbsp;-&nbsp;Starbox" href="http://www.ajaxshake.com/es/JS/231631/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html" onClick="showPictures(163);return false;">
<img src="http://www.ajaxshake.com/public/usersFiles/main/prototype-ranking-stars-0004_user_1_b4aad.jpg" alt="Javascript plugin para crear todo tipo de cajas de clasificación&nbsp;-&nbsp;Starbox" style="cursor:pointer;"/>
</a>
</div>
<div style="margin-bottom:50px;margin-top:50px">
<script type="text/javascript" src="http://code.abdashboard.com/49e74719eab043596ceb245022dc2796.js"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Starbox</b></span>
                    <br/>
                    <b>Requerimientos:&nbsp;</b><br/>Prototype 1.6.1  <br/>Scriptaculous 1.8.3<br/>                    <b>Licencia:&nbsp;</b><a target='_blank' href='http://creativecommons.org/licenses/by-nc-nd/3.0/'>Attribution-Noncommercial-No Derivative</a>                    <br/>
                    <b>Tamaño:&nbsp;</b>8.48kb&nbsp;(v1.2)<br/>                    <b>Autor:&nbsp;</b>&nbsp;Nick Stakenburg                    <br/>
                    <span class='tipLanLabel'>Idioma:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a class="bigLink linkDownloadES" target="_blank" href="http://www.ajaxshake.com/plugin/ES/163/32dee835/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html" onClick="setView(163,'ES');"></a>
</div>
<a class="bigLink linkDemoES" target="_blank" href="http://www.ajaxshake.com/demo/ES/163/32dee835/javascript-plugin-para-crear-todo-tipo-de-cajas-de-clasificacion-starbox.html" onClick="setView(163,'ES');"></a>
</div>
</p>
</div>
<div class="ads3">
 
<div id="bsap_1261933" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
</div>
<div>
<script type="text/javascript"><!--
        google_ad_client = "pub-2827027577271242";
        /* AJAXSHAKE 3 */
        google_ad_slot = "7420787432";
        google_ad_width = 336;
        google_ad_height = 280;
        //-->
        </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
</div>
<a rel="nofollow" name="comments"></a>
﻿<div class="hcomment">
<h3>Comentarios</h3>
</div>
<div class="bcomment">
<h4>
<div class="l">
Gustavo:
</div>
<span>2012-01-15 11:01:37</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
Hola, primero que nada felicitaciones por la web, me estan ayudando muchisimo.<br/>
Quisiera saber si tienen algun script, o me pueden asesorar un poco con lo siguiente:<br/>
Quiero crear una caja para ir filtrando busquedas, al estilo de &quot;Crear nuevo articulo&quot; en mercadolibre.<br/>
La idea seria que un usuario haga click en una categoria, y le abra al costado las subcategorias que contiene, luego seleccione una subcategoria y le muestre en otra caja a su derecha todos los items que contiene.<br/>
Espero se entienda y haya algo similar hecho como para poder editar.<br/>
Desde ya muchisimas gracias por toda la ayuda.<br/>
Saludos!
</p>
<div class="clear"> </div>
</div>
<div id="addComent_163" class="addComment">
<div class="leaveComment">
Deje un Comentario
</div>
<form id="commentForm" name="commentForm">
<div><label>Nombre:</label><input type="text" id="commentName" name="commentName"/></div>
<div class="clear"></div>
<div><label>Web Site:</label><input type="text" id="website" name="website" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>e-mail:</label><input type="text" id="mail" name="mail" class="commentBox"/><span class="minText">(No se mostrará en el sitio)</span></div>
<div class="clear"></div>
<div><label>Twitter:</label><input type="text" id="twitter" name="twitter" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>Facebook:</label><input type="text" id="facebook" name="facebook" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>Comentario:</label><textarea id="comment" name="comment"></textarea></div>
<div><input type="button" class="r" value="Enviar" onclick="$('#captcha_163').attr('src',$('#captcha_163').attr('data-src'));$('.commmarg').show();$(this).hide();"/></div>
<div class="commmarg" style="display:none;">
<input type="hidden" name="post" id="post" value="163"/>
<input type="hidden" name="lan" id="lan" value="ES"/>
<img id="captcha_163" class="commentClass l" data-src="/lib/simplephpcaptcha/captcha.php?rnd=737493708" src=""/>
<img src="public/resources/images/refresh.png" onclick="renewCaptcha(163);" class="l refresh"/>
<label>Capcha:</label>
<input type="text" name="captcha" id="captcha" class="l"/>
<input type="button" class="r" value="Enviar" onclick="sendComment(163,'El comentario se guardó correctamente.<br/>Será revisado antes de mostrarse en esta sección , por favor no duplique el comentario.','Revise el captcha e intente de nuevo.');"/>
<div class="clear"></div>
</div>
</form>
</div> </div>
<div id="rightContent" class="span-9 last">
<div id="search">
<input type="text" name="searchBox" id="searchBox" onkeypress="checkKey(event);" value="Buscar ..." onfocus="checkSearch(this,'Buscar ...')"/>
<a rel="nofollow" id="searchbutton" href="javascript:void(0);" onclick="searchString('http://www.ajaxshake.com/es/JS')"><img alt="Search" src="public/resources/images/searchButton.gif"/></a>
<div class="searchFound">
</div>
<div class="clear"></div>
</div>
<div class="generalOptions">
<div class="inner" style="width:256px;">
<div id="filterLoadIcon" class="l dn"><img alt="Loading ..." src="public/resources/images/ajax-loader.gif"/></div>
<a rel="nofollow" href="javascript:void(0);" class="filterSelectLink">Filtrar por Categoría</a>
<div class="clear"></div>
<div id="filterAdder">
<div class="filterSelect" style="display:none;">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12101/acordeones.html" data-id="10">Acordeones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131351/android.html" data-id="135">Android</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12601/animacion.html" data-id="60">Animación</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12761/arrastrar-y-soltar.html" data-id="76">Arrastrar y Soltar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12831/asp-net.html" data-id="83">ASP.NET</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131341/audio.html" data-id="134">Audio</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12521/autocompletar.html" data-id="52">Autocompletar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12941/banners.html" data-id="94">Banners</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131181/bases-de-datos.html" data-id="118">Bases de datos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12781/botones.html" data-id="78">Botones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1151/calendarios.html" data-id="5">Calendarios</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12901/captcha.html" data-id="90">Captcha</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12971/carrusel.html" data-id="97">Carrusel</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131141/chat.html" data-id="114">Chat</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12711/checkbox.html" data-id="71">Checkbox</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131201/codigo-fuente.html" data-id="120">Código Fuente</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12841/contadores.html" data-id="84">Contadores</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12691/cortar-redimensionar.html" data-id="69">Cortar-redimensionar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1181/css.html" data-id="8">CSS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12791/dijit.html" data-id="79">Dijit</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131321/dispositivos-moviles.html" data-id="132">Dispositivos Moviles</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12771/dojo.html" data-id="77">Dojo</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12881/editor-xhtml.html" data-id="88">Editor XHTML</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131161/editores-html-wysiwyg.html" data-id="116">editores Html WYSIWYG</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12731/encriptar-desencriptar.html" data-id="73">Encriptar/desencriptar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12621/estilos.html" data-id="62">estilos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12951/etiquetas.html" data-id="95">Etiquetas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12991/ext-js.html" data-id="99">Ext.JS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131001/filtros.html" data-id="100">Filtros</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1141/flash.html" data-id="4">Flash</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12451/formularios.html" data-id="45">Formularios</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12911/fuentes-letras.html" data-id="91">Fuentes Letras</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12131/galerias-de-fotos.html" data-id="13">Galerías de Fotos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12361/graficos.html" data-id="36">Graficos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1171/grillas.html" data-id="7">Grillas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131331/html5.html" data-id="133">HTML5</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131191/iconos.html" data-id="119">Iconos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12581/imagenes-slider.html" data-id="58">Imagenes slider</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12421/javascript-puro.html" data-id="42">JavaScript Puro</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" data-id="1">JQUERY</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12261/lightbox-fotos.html" data-id="26">Lightbox - Fotos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12701/lista-seleccionable.html" data-id="70">lista seleccionable</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12541/logueo-usuario.html" data-id="54">Logueo Usuario</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131171/mapas.html" data-id="117">Mapas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1191/menus.html" data-id="9">Menus</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12861/moo-fx.html" data-id="86">Moo.FX</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12111/mootools.html" data-id="11">Mootools</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12981/mouseover.html" data-id="98">Mouseover</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12931/nube-de-etiquetas.html" data-id="93">Nube de etiquetas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12571/ordenar-.html" data-id="57">Ordenar </a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12921/ordenar.html" data-id="92">Ordenar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12611/paginacion.html" data-id="61">Paginación</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12531/php.html" data-id="53">PHP</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12641/popup.html" data-id="64">popup</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1121/prototype.html" data-id="2">Prototype</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12821/ranking.html" data-id="82">Ranking</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12751/redimensionar.html" data-id="75">Redimensionar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12141/relojes.html" data-id="14">Relojes</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1131/scriptaculous.html" data-id="3">Scriptaculous</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12561/scroll.html" data-id="56">Scroll</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12671/selector-de-color.html" data-id="67">Selector de Color</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12501/selector-fechas.html" data-id="50">Selector Fechas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12511/selector-horas.html" data-id="51">Selector horas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12811/subir-archivos.html" data-id="81">Subir archivos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12681/tablas.html" data-id="68">Tablas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12121/tabs.html" data-id="12">tabs</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12961/texto.html" data-id="96">Texto</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12551/tooltips.html" data-id="55">Tooltips</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131211/traductores.html" data-id="121">Traductores</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12591/transicion.html" data-id="59">Transicion</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12631/tratamiento-de-imagenes-.html" data-id="63">Tratamiento de Imagenes </a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12871/tree-arbol.html" data-id="87">Tree- Arbol</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12661/tutoriales.html" data-id="66">Tutoriales</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131221/uize.html" data-id="122">UIZE</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12851/utilidades.html" data-id="85">Utilidades</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12441/validaciones.html" data-id="44">Validaciones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12741/ventanas-modales.html" data-id="74">Ventanas Modales</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12801/video.html" data-id="80">Video</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131011/web-mail.html" data-id="101">Web Mail</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12891/yui.html" data-id="89">YUI</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12721/zoom.html" data-id="72">Zoom</a>
</div>
</div>
</div>
</div>
<div id="sky">
<div id="cloud">
<div class="inner">
 
<div id="bsap_1272111" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
 
 
<div id="bsap_1258716" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
 
</div>
<div class="clear"></div>
<div style="margin-left: 32px;margin-top: 15px; margin-bottom: 10px;">
<a target="_blank" title="PSD to HTML" href="http://www.css4me.com/order-display/?utm_source=ajaxshake&utm_medium=255x125&utm_term=PSD%2Bto%2BHTML&utm_campaign=OrderNow"><img src="/public/resources/images/psd-to-html.gif" alt="PSD to HTML"/></a>
</div>
 
<div id="categories">
<div>
<ul class="categoriesSection" style="height:800px;">
<li class="title">
<h3 class="titleLabel">Categorías</h3>
<div class="titleLine"></div>
</li>
<li>
<a onclick="markinfo(9,'category-c')" href="http://www.ajaxshake.com/es/JS/1191/menus.html" class="sectionLink">Menus</a><span class="sectionLink"> (130)</span>
</li>
<li>
<a onclick="markinfo(13,'category-c')" href="http://www.ajaxshake.com/es/JS/12131/galerias-de-fotos.html" class="sectionLink">Galerías de Fotos</a><span class="sectionLink"> (239)</span>
</li>
<li>
<a onclick="markinfo(58,'category-c')" href="http://www.ajaxshake.com/es/JS/12581/imagenes-slider.html" class="sectionLink">Imagenes slider</a><span class="sectionLink"> (164)</span>
</li>
<li>
<a onclick="markinfo(26,'category-c')" href="http://www.ajaxshake.com/es/JS/12261/lightbox-fotos.html" class="sectionLink">Lightbox - Fotos</a><span class="sectionLink"> (56)</span>
</li>
<li>
<a onclick="markinfo(45,'category-c')" href="http://www.ajaxshake.com/es/JS/12451/formularios.html" class="sectionLink">Formularios</a><span class="sectionLink"> (57)</span>
</li>
<li>
<a onclick="markinfo(10,'category-c')" href="http://www.ajaxshake.com/es/JS/12101/acordeones.html" class="sectionLink">Acordeones</a><span class="sectionLink"> (32)</span>
</li>
<li>
<a onclick="markinfo(5,'category-c')" href="http://www.ajaxshake.com/es/JS/1151/calendarios.html" class="sectionLink">Calendarios</a><span class="sectionLink"> (35)</span>
</li>
<li>
<a onclick="markinfo(60,'category-c')" href="http://www.ajaxshake.com/es/JS/12601/animacion.html" class="sectionLink">Animación</a><span class="sectionLink"> (126)</span>
</li>
<li>
<a onclick="markinfo(7,'category-c')" href="http://www.ajaxshake.com/es/JS/1171/grillas.html" class="sectionLink">Grillas</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(53,'category-c')" href="http://www.ajaxshake.com/es/JS/12531/php.html" class="sectionLink">PHP</a><span class="sectionLink"> (48)</span>
</li>
<li>
<a onclick="markinfo(54,'category-c')" href="http://www.ajaxshake.com/es/JS/12541/logueo-usuario.html" class="sectionLink">Logueo Usuario</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(59,'category-c')" href="http://www.ajaxshake.com/es/JS/12591/transicion.html" class="sectionLink">Transicion</a><span class="sectionLink"> (39)</span>
</li>
<li>
<a onclick="markinfo(64,'category-c')" href="http://www.ajaxshake.com/es/JS/12641/popup.html" class="sectionLink">popup</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(74,'category-c')" href="http://www.ajaxshake.com/es/JS/12741/ventanas-modales.html" class="sectionLink">Ventanas Modales</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(97,'category-c')" href="http://www.ajaxshake.com/es/JS/12971/carrusel.html" class="sectionLink">Carrusel</a><span class="sectionLink"> (40)</span>
</li>
<li>
<a onclick="markinfo(12,'category-c')" href="http://www.ajaxshake.com/es/JS/12121/tabs.html" class="sectionLink">tabs</a><span class="sectionLink"> (27)</span>
</li>
<li>
<a onclick="markinfo(44,'category-c')" href="http://www.ajaxshake.com/es/JS/12441/validaciones.html" class="sectionLink">Validaciones</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(55,'category-c')" href="http://www.ajaxshake.com/es/JS/12551/tooltips.html" class="sectionLink">Tooltips</a><span class="sectionLink"> (26)</span>
</li>
<li>
<a onclick="markinfo(56,'category-c')" href="http://www.ajaxshake.com/es/JS/12561/scroll.html" class="sectionLink">Scroll</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(63,'category-c')" href="http://www.ajaxshake.com/es/JS/12631/tratamiento-de-imagenes-.html" class="sectionLink">Tratamiento de Imagenes </a><span class="sectionLink"> (63)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,3,'JS','categories','ES',20)" href="javascript:void(0)">Más</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/ajaxshakees" width="254" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>
</div>
<div id="libraries">
<div>
<ul class="categoriesSection" style="height:512px;">
<li class="title">
<h3 class="titleLabel">Librerías</h3>
<div class="titleLine"></div>
</li>
<li>
<a onclick="markinfo(1,'category-l')" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" class="sectionLink">JQUERY</a><span class="sectionLink"> (680)</span>
</li>
<li>
<a onclick="markinfo(4,'category-l')" href="http://www.ajaxshake.com/es/JS/1141/flash.html" class="sectionLink">Flash</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(42,'category-l')" href="http://www.ajaxshake.com/es/JS/12421/javascript-puro.html" class="sectionLink">JavaScript Puro</a><span class="sectionLink"> (80)</span>
</li>
<li>
<a onclick="markinfo(2,'category-l')" href="http://www.ajaxshake.com/es/JS/1121/prototype.html" class="sectionLink">Prototype</a><span class="sectionLink"> (43)</span>
</li>
<li>
<a onclick="markinfo(8,'category-l')" href="http://www.ajaxshake.com/es/JS/1181/css.html" class="sectionLink">CSS</a><span class="sectionLink"> (69)</span>
</li>
<li>
<a onclick="markinfo(11,'category-l')" href="http://www.ajaxshake.com/es/JS/12111/mootools.html" class="sectionLink">Mootools</a><span class="sectionLink"> (95)</span>
</li>
<li>
<a onclick="markinfo(77,'category-l')" href="http://www.ajaxshake.com/es/JS/12771/dojo.html" class="sectionLink">Dojo</a><span class="sectionLink"> (2)</span>
</li>
<li>
<a onclick="markinfo(101,'category-l')" href="http://www.ajaxshake.com/es/JS/131011/web-mail.html" class="sectionLink">Web Mail</a><span class="sectionLink"> (4)</span>
</li>
<li>
<a onclick="markinfo(119,'category-l')" href="http://www.ajaxshake.com/es/JS/131191/iconos.html" class="sectionLink">Iconos</a><span class="sectionLink"> (3)</span>
</li>
<li>
<a onclick="markinfo(89,'category-l')" href="http://www.ajaxshake.com/es/JS/12891/yui.html" class="sectionLink">YUI</a><span class="sectionLink"> (5)</span>
</li>
<li>
<a onclick="markinfo(99,'category-l')" href="http://www.ajaxshake.com/es/JS/12991/ext-js.html" class="sectionLink">Ext.JS</a><span class="sectionLink"> (1)</span>
</li>
<li>
<a onclick="markinfo(122,'category-l')" href="http://www.ajaxshake.com/es/JS/131221/uize.html" class="sectionLink">UIZE</a><span class="sectionLink"> (1)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,1,'JS','libraries','ES',12)" href="javascript:void(0)">Más</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox videosBanner" style="margin-left: 32px;margin-top: 60px;">
<a href="http://www.md5decrypt.org"><img width="255px" src="public/resources/images/md5-banner.jpg" alt="md5 decrypt"/></a>
</div>
</div>  
<div class="clear"></div>
<div class="commentBoxPanel">
<div class="commentTitle">
<img src="public/resources/images/bubble.gif"/>
<h3 class="titleLabel">Ultimos Comentarios</h3>
</div>
<div class="mainComment">
<h4>
jose alejandro dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>disculpa me marca un error a la hora de cargar la pagina
Error en tiempo de ejecución de JavaScript: '$' no está definido.
es ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239101/como-crear-un-carrusel-de-fotos-jquery-muy-simple-jcarousellite.html">Como crear un carrusel de fotos jQuery muy simple</a>
</div>
</div>
<div class="mainComment">
<h4>
rahmat dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Intento convertir categorias en forma de árbol a algo parecido es este formato. Gracias si puedo hacerlo ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/232761/mejora-del-elemento-select-multiple-html-con-javascript-asmselect.html">Mejora del elemento select multiple html con javascript</a>
</div>
</div>
<div class="mainComment">
<h4>
Oscar dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Diego, si, claro. Esto es Javascript que trata los datos que tu le mandes y da igual si trabajas con ASP, PHP, JAVA, etc. Todo ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239691/la-grilla-jquery-mas-completa-jqgrid.html">La grilla jQuery más completa</a>
</div>
</div>
<div class="mainComment">
<h4>
Antonio Segura dijo:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.gloriapalaceth.com" rel="nofollow"> <img src="public/resources/images/net.png"/></a> </div>
<div class="clear"></div>
<p>Gracias por el enlace al calendario, muy completo.
Me ha servido de mucha ayuda. Saludos</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/235671/calendario-javascript-simple-para-seleccionar-fechas-eightysix.html">Calendario javascript simple para seleccionar fechas</a>
</div>
</div>
<div class="mainComment">
<h4>
Heiner dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Por favor ustedes no tiene un instructivo de instalacion ??
Gracias</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410681/formulario-de-login-estilo-apple-con-transformaciones-css3-y-jquery-appleloginform.html">Formulario de login estilo apple con transformaciones css3 y jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Uno de cualquiera y de muchos dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Impresionante y muy editable en cuanto a contenidos. Gracias</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2411101/menu-multi-nivel-css3-para-sitios-web-o-dispositivos-moviles-multi-level-menu.html">Menú multi-nivel css3 para sitios web o dispositivos moviles</a>
</div>
</div>
<div class="mainComment">
<h4>
William dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Muy buena galeria alguien, pero no es compatible en navegadores de dispositivos moviles.Alguien me puede ayudar o dar ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410781/como-utilizar-jmpress-y-jquery-para-crear-una-presentacion-de-contenidos-jmpressexample.html">Como utilizar jmpress y jQuery para crear una presentación de contenidos</a>
</div>
</div>
<div class="mainComment">
<h4>
EDDY dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>muy buena esta animacion te felicito ,gracias por el aporte</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/233791/creacion-de-un-sistema-de-rotacion-de-billboard-con-jquery-y-css-rotatingbillboard.html">Creación de un Sistema de Rotación de Billboard con jQuery y CSS</a>
</div>
</div>
<div class="mainComment">
<h4>
María José dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>¿Dónde puedo descargar?</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239771/como-crear-un-menu-con-efecto-de-perdida-de-foco-usando-jquery-blurmenu.html">Como crear un menú con efecto de perdida de foco usando jquery</a>
</div>
</div>
<div class="mainComment">
<h4>
g dijo:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.twitter.com/h" rel="nofollow"> <img src="public/resources/images/miniTwitter.png"/></a> <a target="_blank" href="http://www.facebook.com/h" rel="nofollow"> <img src="public/resources/images/miniFacebook.png"/></a> </div>
<div class="clear"></div>
<p>h</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238371/formulario-de-contacto-con-html5-y-css3-html5form.html">Formulario de contacto con HTML5 y CSS3</a>
</div>
</div>
</div>
</div>  
</div>
<div class="clear"></div>
</div>
<div id="footer" class="span-24 last">
<div class="span-15 l">
</div>
</div>
<div class="clear"></div>
</div>
<div id="pageTip" class="span-15 pageTipBox"></div>
<div id="foot">
<div class="foot">
<div class="foot1">
<div class="span-5 foot3">
<h4 class="footLabel">Categorías</h4>
<ul>
<li>
<a href="http://www.ajaxshake.com/es/JS/12661/tutoriales.html">Tutoriales</a>,
<a href="http://www.ajaxshake.com/es/JS/12701/lista-seleccionable.html">lista seleccionable</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12721/zoom.html">Zoom</a>,
<a href="http://www.ajaxshake.com/es/JS/12781/botones.html">Botones</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12981/mouseover.html">Mouseover</a>,
<a href="http://www.ajaxshake.com/es/JS/131181/bases-de-datos.html">Bases de datos</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12141/relojes.html">Relojes</a>,
<a href="http://www.ajaxshake.com/es/JS/12361/graficos.html">Graficos</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12501/selector-fechas.html">Selector Fechas</a>,
<a href="http://www.ajaxshake.com/es/JS/12521/autocompletar.html">Autocompletar</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Contenido</h4>
<ul>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/menu.html">menu</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/slider.html">slider</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/calendario-jquery.html">calendario-jquery</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/galeria.html">galeria</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/h.html">h</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/simple-jquery-slideshow.html">simple-jquery-slideshow</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/jquery.html">jquery</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/a.html">a</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/imagenes.html">imagenes</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/hover-image.html">hover-image</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Sitios Amigos</h4>
<ul>
<li><a rel="nofollow" href="http://solvingequations.net">Solving Equations</a></li>
<li><a target="_new" href="http://www.css4me.com/?utm_source=ajaxshake&utm_medium=text&utm_term=psd%2Bto%2Bcss&utm_campaign=homepage">PSD to CSS</a></li>
</ul>
</div>
<div class="span-5 foot4">
<h4 class="footLabel">Contáctenos</h4>
<ul>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Feed Back</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">E-mail</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Anuncie con nosotros</a></li>
</ul>
</div>
<div class="span-3 last foot3">
<h4 class="footLabel">Síganos</h4>
<ul>
<li><a rel="nofollow" href="http://www.twitter.com/ajaxshakeEs">Twitter</a></li>
<li><a rel="nofollow" href="http://www.facebook.com/pages/AjaxShakeEs/122980091095976">Facebook</a></li>
<li><a rel="nofollow" href="http://feeds.feedburner.com/ajaxshake-es">Feed Rss</a></li>
</ul>
</div>
</div>
<div class="foot2">
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
			var language='ES';
            $(document).ready(function() {
                //-----------------------------------
                var addScript=function(strvar){
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.async = true;
                    script.src = strvar;
                    (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(script);
                }
                //-----------------------------------
                                    $(".ilikeit").html('<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/AjaxShakeEs/122980091095976&amp;layout=button_count&amp;action=like&amp;height=21&amp;width:120" scrolling="no" frameborder="0" style="border:none; width:120px; height:21px;"></iframe>');
                				addScript('https://apis.google.com/js/plusone.js');
                addScript('public/resources/js/all.3.0.min.js');
                addScript('//s3.buysellads.com/ac/bsa.js');
                //$('#specialAd').html('<a style="border: 0" href="http://www.chaludesign.com.ar" target="_blank" rel="nofollow"><img src="public/resources/images/chaludesign.jpg" alt="" /></a>');
		});// document ready
        </script>
 
<img width='212px' height='32px' src="public/resources/lib/tips/images/tipMid.png" class="dn"/>
<img width='212px' height='1px' src="public/resources/lib/tips/images/tipBtm.png" class="dn"/>
<img width='212px' height='37px' src="public/resources/lib/tips/images/tipTop.png" class="dn"/>
<script type="text/javascript">
            window.google_analytics_uacct = "UA-16213975-1";
        </script>
<script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
<script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-16213975-1");
                pageTracker._setDomainName(".ajaxshake.com");
                pageTracker._trackPageview();
            } catch(err) {}
        </script>
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"d1ros97qkrwjf5.cloudfront.net/42/eum/rum.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","b819ac73ab","1990929","b1MBYUFVVkZRARcMClYZNkdaG1FbVAcbSxVQRg==",0,121,new Date().getTime(),"","","","",""]);</script></body>
</html>