<!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="Bases de datos HTML5 son soportados en los navegadores mas nuevos incluyendo los instalados en dispositivos moviles, siguiendo este ejemplo podra crear bases de datos locales del lado del cliente  para todos esos navegadores html5|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"/>
<title>
Base de datos con HTML5 - HTML5Local -
JQUERY |Códigos HTML
| Pagina-1
</title>
<link rel="canonical" href="http://www.ajaxshake.com/es/JS/238201/base-de-datos-con-html5-html5local.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/238201/local-database-with-html5-html5local.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/238201/nb/base-de-datos-con-html5-html5local.html');" checked /><label for="openLink">Abrir links en nueva ventana</label></div>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l titlemax">
Base de datos con HTML5 </h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(133,'category-b')" href="http://www.ajaxshake.com/es/JS/131331/html5.html" class="barLink">HTML5</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(85,'category-b')" href="http://www.ajaxshake.com/es/JS/12851/utilidades.html" class="barLink">Utilidades</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(118,'category-b')" href="http://www.ajaxshake.com/es/JS/131181/bases-de-datos.html" class="barLink">Bases de datos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238201/base-de-datos-con-html5-html5local.html#comments" class="barLink"> | Comentarios(3)</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/238201/base-de-datos-con-html5-html5local.html" data-text="Base de datos con HTML5" 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/238201/base-de-datos-con-html5-html5local.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">
Bases de datos HTML5 son soportados en los navegadores mas nuevos incluyendo los instalados en dispositivos moviles, siguiendo este ejemplo podra crear bases de datos locales del lado del cliente para todos esos navegadores html5
<div class="centralImage">
<a rel="nofollow" title="Base de datos con HTML5&nbsp;-&nbsp;HTML5Local" href="http://www.ajaxshake.com/es/JS/238201/base-de-datos-con-html5-html5local.html" onClick="showPictures(820);return false;">
<img src="http://www.ajaxshake.com/public/usersFiles/main/local-database-00_user_1_edcf5.jpg" alt="Base de datos con HTML5&nbsp;-&nbsp;HTML5Local" style="cursor:pointer;"/>
</a>
</div>
<div style="margin-bottom:50px;margin-top:50px">
<script type="text/javascript"><!--
                google_ad_client = "ca-pub-2827027577271242";
                /* Ajaxshake Banner 1 */
                google_ad_slot = "0453445685";
                google_ad_width = 728;
                google_ad_height = 90;
                //-->
                </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>HTML5Local</b></span>
                    <br/>
                    <b>Requerimientos:&nbsp;</b><br/>jQuery 1.4.1<br/> html5<br/>                    <b>Licencia:&nbsp;</b><a target='_blank' href='http://en.wikipedia.org/wiki/MIT_License'>MIT License</a>                    <br/>
                    <b>Tamaño:&nbsp;</b>23.6kb&nbsp;(v1.0)<br/>                    <b>Autor:&nbsp;</b>&nbsp;darkcrimson                    <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/820/9c1123e3/base-de-datos-con-html5-html5local.html" onClick="setView(820,'ES');"></a>
</div>
<a class="bigLink linkDemoES" target="_blank" href="http://www.ajaxshake.com/demo/ES/820/9c1123e3/base-de-datos-con-html5-html5local.html" onClick="setView(820,'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">
charles:
</div>
<span>2011-10-17 18:10:52</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
Necesito saber como comunicarme con expertos en html5 para generar imagenes a traves del tipo de campo bytea or bytea[]
</p>
<div class="clear"> </div>
</div>
<div class="bcomment">
<h4>
<div class="l">
Juan Eugenio:
</div>
<span>2012-07-13 02:07:57</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
Necesito usar bases de datos desde Web para una aplicación multicentrica. No soy profesional de la informática, llevo 24 años de experiencia en bases de datos y aplicaciones &quot;Exe&quot;.<br/>
<br/>
Conozco HTML, llevo semanas leyendo cuanto encuentro en la Web sobre informaciones relacionadas con el tema y me siento mas perdido que una cabra en un garage.<br/>
<br/>
Agradecería consejos objetivos. Gracias y asimismo a cuantos escriben informacines en la web.
</p>
<div class="clear"> </div>
</div>
<div class="bcomment">
<h4>
<div class="l">
marzio:
</div>
<span>2013-02-15 13:02:46</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
esta buena la info
</p>
<div class="clear"> </div>
</div>
<div id="addComent_820" 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_820').attr('src',$('#captcha_820').attr('data-src'));$('.commmarg').show();$(this).hide();"/></div>
<div class="commmarg" style="display:none;">
<input type="hidden" name="post" id="post" value="820"/>
<input type="hidden" name="lan" id="lan" value="ES"/>
<img id="captcha_820" class="commentClass l" data-src="/lib/simplephpcaptcha/captcha.php?rnd=1658174506" src=""/>
<img src="public/resources/images/refresh.png" onclick="renewCaptcha(820);" class="l refresh"/>
<label>Capcha:</label>
<input type="text" name="captcha" id="captcha" class="l"/>
<input type="button" class="r" value="Enviar" onclick="sendComment(820,'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 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"> (679)</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>
Maxi dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Usando este script en el hmtl en vez de que se encuentra en el archivo van a poder cargar imagenes de una carpeta de uds... Miren ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410231/muro-de-fotografias-estilo-google-plus-con-jquery-photowall.html">Muro de fotografias estilo google plus con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Apositos dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Vale he conseguido que no se reinicie usando el código de Armando Jaleo, ahora el problema es que pongo una fecha y la cuenta ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Apositos dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Está de lujo, pero tengo un problema, no se si es porque algo he hecho mal, o me falta algo.
Pongo el contador con el día, ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
victor hugo dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>el ejemplo no muestra los mensajes</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239541/crear-un-menu-con-notificaciones-usando-jquery-notificationmenu.html">Crear un menu con notificaciones usando jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Erick dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Hola muchas gracias por compartir tus conocimientos, me gustaria saber, ¿como puedo hacer para que se mantenga todo el ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/234421/una-facil-manera-de-traducir-tu-sitio-web-translation.html">Una fácil manera de traducir tu sitio web</a>
</div>
</div>
<div class="mainComment">
<h4>
y dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>q</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410731/sliderjs-galeria-de-fotos-con-html5-y-css3-sliderjs.html">SliderJs Galería de fotos con html5 y css3</a>
</div>
</div>
<div class="mainComment">
<h4>
Hector Lara dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Muy buen aporte, andaba buscando esto hace tiempo.
Muchas gracias</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239541/crear-un-menu-con-notificaciones-usando-jquery-notificationmenu.html">Crear un menu con notificaciones usando jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Michael dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Hola a todo@s, quisiera que me apoyen con un problema que tengo en este tema de cuenta regresiva con jquery, Lo que pasa es ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
henry dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>El boton cerrar no funciona en Explorer, Gracias por el recurso.</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/233131/crear-una-ventana-modal-con-css-javascript-y-jquery-inline-modal-window.html">Crear una ventana modal con css javascript y jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Joao dijo:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.perusoltec.com" rel="nofollow"> <img src="public/resources/images/net.png"/></a> </div>
<div class="clear"></div>
<p>Excelente, no tendras el modalpopup de las galerias de imagenes con los botones adelante y atras</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/234561/popup-estilo-facebook-con-javascript-y-mootools-facebookbox.html">Popup estilo facebook con javascript y mootools</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/slider.html">slider</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/menu.html">menu</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/simple-jquery-slideshow.html">simple-jquery-slideshow</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/h.html">h</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>
</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>
</body>
</html>