Índice Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
1. Documentos HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.1 Componentes básicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2 Una breve introducción a HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2.1 Etiquetas y elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
1.2.2 Atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
1.2.3 Elementos anteriores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3 Estructura global . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.3
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.5
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
1.3.6
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 <BR>1.3.7 <link> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 <BR>1.4 La estructura del cuerpo del documento . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.1 Organización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.2 <header> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 <BR>1.4.3 <nav> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 <BR>1.4.4 <section> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 <BR>1.4.5 <aside> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 <BR>1.4.6 <footer> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 <BR>1.5 En el interior del cuerpo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.1 <article> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.2 <hgroup> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 <BR>1.5.3 <figure> y <figcaption> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 <BR>1.5.4 <details> y <summary> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 <BR>1.6 Elementos nuevos y elementos antiguos . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.1 <mark> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.2 <small> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.3 <cite> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.4 <address> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.5 <wbr> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52<BR>1.6.6 <time> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.6.7 <data> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.7 Nuevos atributos y viejos atributos. . . . . . . . . . . . . . . . . . . . . . . . . 54 <BR>1.7.1 El atributo data-* 54 <BR>1.7.2 reversed 54 <BR>1.7.3 ping y download 54 <BR>1.7.4 translate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 <BR>1.7.5 contenteditable 56 <BR>1.7.6 spellcheck . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 <BR>2. Estilos CSS y modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . 57 <BR>2.1 CSS y HTML 57 <BR>2.2 Breve introducción a CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57<BR> 2.2.1 Reglas CSS 58 <BR>2.2.2 Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 2.2.3 Estilos en línea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 <BR>2.2.4 Estilos incrustados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 <BR>2.2.5 Archivos externos 61 <BR>2.2.6 Referencias 62<BR> 2.2.7 Selectores nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 <BR>2.3 Aplicar CSS a nuestro documento . . . . . . . . . . . . . . . . . . . . . . 69 <BR>2.3.1 Modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 <BR>2.4 Modelo de caja tradicional . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.1 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.2 Selector universal (*) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 <BR>2.4.3 Títulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 <BR>2.4.4 Declaración de nuevos elementos HTML5 . . . . . . . . . .. . . . . . . . . . . . 74 <BR>2.4.5 Centrar el cuerpo 75<BR> 2.4.6 Creación de la caja principal 75 <BR>2.4.7 La cabecera 76 <BR>2.4.8 Barra de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 <BR>2.4.9 Área principal y Barra lateral 78 <BR>2.4.10 Pie de página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 <BR>2.4.11 Toques finales 81 <BR>2.4.12 box-sizing 82 <BR>2.5 Modelo de caja flexible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.1 Contenedor flexible 84<BR>2.5.2 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.3 Display 85 <BR>2.5.4 Ejes . . . . . . . . </p>
</div>
<div id="tabsinopsis" >
<p class="bodytext">Vivimos una revolución. Internet ha dejado de ser sólo un instrumento de comunicación para convertirse en parte de, prácticamente, todos los aspectos de la vida humana. En este contexto, el lenguaje HTML5 ha adquirido una importancia única. Las aplicaciones de Internet a las que accedemos ahora incontables veces en un día, ya sea desde un ordenador de mesa, un teléfono móvil, una PDA o cualquier otro dispositivo, son posibles gracias a HTML5. Con este manual aprenderá, a través de ejercicios prácticos soportados por sólidos conocimientos teóricos, a crear toda clase de sitios webs y aplicaciones estructuradas en HTML5, con estilos CS3 y programadas con las más importantes y recientes herramientas de Javascript. Estudiará desde los conceptos más básicos y tradicionales de cada uno de los lenguajes hasta los más utilizados por verdaderos profesionales de la programación. En cada capítulo irá desarrollando diversos códigos que irán ganando complejidad a medida que se avanza en la lección y harán mucho más accesibles los conceptos previamente estudiados. Mediante el uso de los componentes de los tres lenguajes, las nuevas API que ofrece Javascript y librerías externas, aprenderá a escribir sus propios códigos para crear, programar y optimizar formularios, personalizar la forma en la que se reproduce un archivo de vídeo o de audio, insertar una o más pistas de subtítulos en un vídeo, controlar la entrada y salida de cualquier elemento en el modo de pantalla completa, capturar vídeo en streamig, crear gráficos y animaciones de dos y tres dimensiones, programar un vídeo juego, controlar la apariencia y la forma en la que se comporta el ratón en determinadas circunstancias, utilizar la geolocalización, manipular la historia de navegación del usuario, optimizar el funcionamiento fuera de línea de su sitio, crear aplicaciones de mensajería digital y otras formas de comunicación bidireccional, entre muchos otros conocimientos. </p>
</div>
</div><!--detpestanias-->
<div class="otrosautor">
<h2 class="title">Artículos relacionados</h2>
<ul class="listado_libros books six-cols">
<li>
<div class="portada">
<a href="/libro/microsofst-acces-2007-guia-practica-para-usuarios_91630"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788496/978849680463.JPG" alt="MICROSOFST ACCES 2007. GUÍA PRÁCTICA PARA USUARIOS" title="MICROSOFST ACCES 2007. GUÍA PRÁCTICA PARA USUARIOS">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/microsofst-acces-2007-guia-practica-para-usuarios_91630">MICROSOFST ACCES 2007. GUÍA PRÁCTICA PARA USUARIOS</a></dd>
<dd class="creator"> ORTIZ ORTEGA, ANTONIO / SALGUERO ROMERO, JOSÉ LUIS
</dd>
<!--<dd class="publisher">FORMACION ALCALA</dd>
<dd>01/01/2008</dd>-->
<dd class="mulsinop">Tabla de contenido. El entorno de trabajo. Abrir y crear bases de datos. Trabajando con tablas. Buscar, filtrar y ordenar. Las relaciones entre tablas. Las consultas. Trabajando con formularios. Trabajando con informes. ...</dd>
<dd class="disponibilidad green" > Queda 1 ejemplar</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>13,46 €</strong>
</p>
<div class="formulario">
<a id="href_dispo_91630" style="" rel="nofollow" href="/cesta/insCarrito.php?codArticulo=91630" onclick="insMiniCar('91630'); return false;" class="btntwo" title="Añadir a Mi Compra">Comprar</a>
</div>
</div>
</form>
</li>
<li>
<div class="portada">
<a href="/libro/el-viaje-del-conocimiento_312825"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788483/978848393343.JPG" alt="EL VIAJE DEL CONOCIMIENTO" title="EL VIAJE DEL CONOCIMIENTO">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/el-viaje-del-conocimiento_312825">EL VIAJE DEL CONOCIMIENTO</a></dd>
<dd class="creator"> FERNÁNDEZ PANADERO, JAVIER
</dd>
<!--<dd class="publisher">PAGINAS DE ESPUMA</dd>
<dd>01/11/2023</dd>-->
<dd class="mulsinop">¿Alguna vez has estado muy seguro de una idea y resultó ser falsa? ¿Porque la habías aprendido en el colegio? ¿Porque te lo había dicho una Inteligencia Artificial? ¿Te has cuestionado la veracidad de lo que sabías hasta ahora? ¿No? De eso va este libro. No de preguntas cuya respuesta desconoces, sino de preguntas cuya respuesta científica crees conocer (y, por lo tanto, no c...</dd>
<dd class="disponibilidad orange" > Consultar disponibilidad</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>17,31 €</strong>
</p>
</div>
</form>
</li>
<li>
<div class="portada">
<a href="/libro/agenda-escolar-moderna_274267"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788417/978841716673.JPG" alt="AGENDA ESCOLAR MODERNA" title="AGENDA ESCOLAR MODERNA">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/agenda-escolar-moderna_274267">AGENDA ESCOLAR MODERNA</a></dd>
<dd class="creator"> MODERNA DE PUEBLO
</dd>
<!--<dd class="publisher">PLANETA GIFTS</dd>
<dd>01/06/2020</dd>-->
<dd class="mulsinop">¡All is pussyble! Y a partir de ahí, lo que te echen durante el curso 2020-2021. No lo dudes: vas a poder con todo con la ayuda de la agenda de Moderna de Pueblo.Incluye varios tacos de post-it, ocho páginas de adhesivos para que des rienda suelta a tu creatividad o mates el aburrimiento y un práctico sobre para guardar papeles y papelitos.La agenda está encuadernada en tapa du...</dd>
<dd class="disponibilidad orange" > Consultar disponibilidad</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>16,76 €</strong>
</p>
</div>
</form>
</li>
<li>
<div class="portada">
<a href="/libro/monetizagram_269818"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788417/978841727791.JPG" alt="MONETIZAGRAM" title="MONETIZAGRAM">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/monetizagram_269818">MONETIZAGRAM</a></dd>
<dd class="creator"> ROJAS AGUADO, PEDRO
</dd>
<!--<dd class="publisher">LID EDITORIAL EMPRESARIAL S.L.</dd>
<dd>01/02/2020</dd>-->
<dd class="mulsinop">Instagram se ha convertido en un medio imprescindible para dar visibilidad a pequeños negocios y empresas en todos los sectores y también para los profesionales que ofrecen sus servicios. Pero ¿por qué a unos les funciona y a otros no? ¿Por qué algunas cuentas tienen más seguidores que otras? ¿Cómo puede alguien convertirse en influencer? Saber monetizar una cuenta de Instagram...</dd>
<dd class="disponibilidad red" > Reimpresión</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>19,13 €</strong>
</p>
<div class="formulario">
<a id="href_dispo_269818" style="" rel="nofollow" href="/cesta/insCarrito.php?codArticulo=269818" onclick="insMiniCar('269818'); return false;" class="btntwo" title="Añadir a Mi Compra">Comprar</a>
</div>
</div>
</form>
</li>
<li>
<div class="portada">
<a href="/libro/curso-de-marketing-digital_309108"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788441/978844154164.JPG" alt="CURSO DE MARKETING DIGITAL" title="CURSO DE MARKETING DIGITAL">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/curso-de-marketing-digital_309108">CURSO DE MARKETING DIGITAL</a></dd>
<dd class="creator"> FLORIDO, MIGUEL ÁNGEL
</dd>
<!--<dd class="publisher">ANAYA</dd>
<dd>01/09/2019</dd>-->
<dd class="mulsinop">CREA TU MARCA, DISEÑA TU FUTURO Con este completo curso te adentrarás en una de las profesiones más demandadas actualmente por las empresas y startups y que cuenta con un crecimiento al alza. Miguel Florido te enseñará cómo ha conseguido posicionar su blog como un referente en el mercado superando los 1,6 millones de visitas al mes y los 120 000 suscriptores. Además, dispondr...</dd>
<dd class="disponibilidad orange" > Consultar disponibilidad</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>23,03 €</strong>
</p>
</div>
</form>
</li>
<li>
<div class="portada">
<a href="/libro/introduccion-a-la-informatica-edicion-2020_263008"><img class="foto" src="https://www.todohobbylaclave.es/imagenes/9788441/978844154160.JPG" alt="INTRODUCCIÓN A LA INFORMÁTICA. EDICIÓN 2020" title="INTRODUCCIÓN A LA INFORMÁTICA. EDICIÓN 2020">
</a>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/libro/introduccion-a-la-informatica-edicion-2020_263008">INTRODUCCIÓN A LA INFORMÁTICA. EDICIÓN 2020</a></dd>
<dd class="creator"> MARTOS RUBIO, ANA
</dd>
<!--<dd class="publisher">ANAYA</dd>
<dd>01/09/2019</dd>-->
<dd class="mulsinop">Sin duda, usted se ha dado cuenta de que la informática y el ocio digital ya forman parte de nuestra vida diaria. Se encuentra con ellos en el banco, en la cultura, en los viajes, etc. Y le llaman la atención. Todos a su alrededor los emplean, ¿por qué usted no? Si se encuentra en esa edad en la que después de haber disfrutado de muchas cosas no quiere perderse nada del mundo ...</dd>
<dd class="disponibilidad orange" > Consultar disponibilidad</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>15,87 €</strong>
</p>
</div>
</form>
</li>
</ul>
</div>
<!--
-->
</div>
</div>
<div id="modal-preview" class="modal fade in" tabindex="-1" role="dialog" aria-hidden="false">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
<h4 class="modal-title">Vista previa: <small>EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT</small></h4>
</div>
<div id="modal-body" class="modal-body"></div>
</div>
</div>
</div>
<!-- Modal Enviar amigo -->
<!-- Modal Avisador de stock -->
<!-- Modal Reservar -->
<!-- Modal Comentar -->
<!-- Modal Click & collect -->
</div><!--cierre primary -->
</div><!--cierre row -->
</div><!--cierre content -->
<footer id="footer">
<div class="footer-bottom container">
<div class="row">
<div class="col-md-3">
<img class="footer-logo" title="Ir a la página de inicio" alt="Todo Hobby La Clave sl" src="/images/logo-white.png"/>
<div class="contact-info hidden">
<div>Calle Piedra Redonda 21</div>
<span>38670</span>
<span>Adeje</span>
<span>(España)</span>
</div>
<ul class="social-networks">
<li class="facebook">
<a title="FACEBOOK" target="_blank" href="https://www.facebook.com/TodoHobbyLaClave/"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter">
<a title="TWITTER" target="_blank" href="https://twitter.com/ThClave"><i class="fa fa-twitter"></i></a>
</li>
<li class="instagram">
<a title="INSTAGRAM" target="_blank" href="https://www.instagram.com/todohobby/"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h2>Contacto</h2>
<ul>
<li><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:(+34) 922710986">(+34) 922710986</a></li>
<li><a href="mailto:info@todohobbylaclave.es" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i>info@todohobbylaclave.es</a></li>
<li><a href="/contacto"><i class="fa fa-comment" aria-hidden="true"></i>Formulario de contacto</a></li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h2>Páginas legales</h2>
<ul>
<li><a href="/especial/aviso-legal">Aviso legal</a></li>
<li><a href="/especial/condiciones-de-venta">Condiciones de venta</a></li>
<li><a href="/proteccion-de-datos">Protección de datos</a></li>
<li><a href="/especial/politica-de-cookies">Política de Cookies</a></li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h2>Atención al cliente</h2>
<ul>
<li><a href="/especial/quienes-somos">Quiénes somos</a></li>
<li><a href="/pedidos-especiales/">Pedidos especiales</a></li>
</ul>
</div>
</div>
<div class="ministerios-subvenciones">
<div class="subvencion">
<img src="/images/subvencion.jpg"/ alt="subvencion" width="500px">
</div>
<div class="ministerios-varios">
<div class="cultura-deporte">
<!-- <div class="texto">
<p>Subvención: Subvención, en régimen de concurrencia competitiva, para la revalorización cultural y modernización de las librerías</p>
<p>Centro convocante: Dirección General del Libro y Fomento de la Lectura</p>
<p> Año: 2019</p>
</div> -->
<div class="logos">
<img src="/images/logo-ministerio-prt.jpg"/ alt="ministerio" width="500px">
<!-- <img src="{$rutaImg}/logoPRTR.png"/ alt="PRTR"> -->
</div>
</div>
<div class="subvencion-dglibro">
<img src="/images/logo-dglibro.jpg"/ alt="dirección general del" width="350px">
</div>
</div>
</div>
<div class="footer-copyright">
<div class="row">
<div class="col-sm-12">
<p class="info-name">
2024 © <strong>Todo Hobby La Clave sl</strong>. Todos los Derechos Reservados |
<a href="https://editorial.trevenque.es/productos/weblib/" title="Desarrollado por Grupo Trevenque" target="_blank">Grupo Trevenque</a>
</p>
</div>
</div>
</div>
</div>
<!--Start of Zendesk Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="https://v2.zopim.com/?10oveMVobG1RPvgyvmubEgHXnxHOgqWw";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zendesk Chat Script-->
</footer>
<div id="dialogAlert" style="display:none"></div>
</div><!--cierre container -->
<a href="#" class="scrollToTop"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
<script type="text/javascript">
/** Variables configuración **/
var rutaHtml = "";
var rutaImg = "/images";
var paginaActual = "detalle.php";
var paramMoneda = "€|D|2|,|.";
var totalArticulosCesta = 0;
var slider = 0;
var autocomplete = 0;
var analytics = "UA-46719420-1";
var afiliado = "";
var stickyHeader = "1";
/** Variables texto **/
var emailIncorrecto = "El e-mail no es correcto";
var aceptar = "Aceptar";
var cancelar = "Cancelar";
var verCesta = "Ver Mi Compra";
var seguirComprando = "Seguir comprando";
var artInsCestaOK = "Artículo añadido a mi cesta";
var verTodos = "Ver todos";
var introPalBusqueda = "Introduce las palabras de búsqueda";
var notifOK = "";
var notifERR = "";
var notifINFO = "";
var numArticulosCarritoCab = "";
var noArticulosCesta= "No hay artículos en la cesta";
var verMas = "Ver más";
var verMenos = "";
</script>
<script type="text/javascript" src="/js/jquery.js" ></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.pnotify.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/validator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="/js/jquery-labelauty.js"></script>
<script type="text/javascript" src="/js/lightslider.js"></script>
<script type="text/javascript" src="/js/jquery.idTabs.min.js" ></script>
<script type="text/javascript" src="/lightbox/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="/js/googlebooks.js"></script>
<script type="text/javascript" src="https://books.google.com/books?bibkeys=9788426719959&jscmd=viewapi&callback=ProcessGBSBookInfo"></script>
<script type="text/javascript" src="/js/jssocials.min.js"></script>
<script type="text/javascript" src="/js/check.js"></script>
<script type="text/javascript" src="/js/util.js"></script>
<script type="text/javascript" src="/js/general.js"></script>
<script type="text/javascript">
var CaptchaCallback = function() {
};
</script>
<script src='https://www.google.com/recaptcha/api.js?hl=es&onload=CaptchaCallback&render=explicit' async defer></script>
<noscript class="cookie-block-b">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46719420-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</noscript>
<script type="text/javascript">
var rutaImg = "/images";
var VALORACIONES_LIBROS = false;
var EBOOKS = "L";
var logeado = false;
var rutaEbooks = "https://www.todohobbylaclave.es/unclick";
var disponibilidad_L = "N";
var ean = "9788426719959";
var RESERVAS = true;
var CLICK_AND_COLLECT = false;
function comprarEbook (codigo, obj)
{
if(logeado){
obj.href = "#";
$(document).ready(function() {
$("#dialog").dialog({ modal: true });
$("#dialog").dialog({ draggable: false })
$("#dialog").dialog({ resizable: false });
$("#dialog").dialog({ width: 390 });
$("#dialog").dialog({ buttons: {
"Cancelar": function() { $(this).dialog("close"); },
"Revisar": function() { window.location = rutaEbooks+"/formPedido.php?fr_accion=comprar&codArticulo=" + codigo },
"No es necesario": function() { window.location = rutaEbooks+"/crearPedido.php?fr_accion=comprar&codArticulo=" + codigo }
}});
});
}
else
return false;
}
</script>
<!--
<script type="text/javascript" src="http://www.google.com/jsapi" charset="utf-8"></script>
-->
<script src="/js/detalleBase.js" type="text/javascript"></script>
<!--
<script src="http://books.google.com/books?bibkeys=9788426719959&jscmd=viewapi&callback=ProcessGBSBookInfo"></script>
-->
<div id="cookie-compliant">
<div class="container">
<div class="row">
<div id="introcookies">
<div class="col-sm-9 introcookies-text">
<p>Esta web utiliza cookies propias y de terceros para mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Puede obtener más información <a id="info-cookies" href="/politica-de-cookies" title="Más información">aquí</a> o cambiar la <a id="config-cookies" href="#">configuración</a>.</p>
</div>
<div class="col-sm-3 introcookies-btn">
<button type="button" id="cookie-accept" class="btn btn-accept" aria-label="Close">Aceptar cookies</button>
</div>
</div>
<div id="configcookies">
<div class="row">
<div class="col-md-12">
<form name="formCookies" id="formCookies" action="#" method="post">
<h2>¿Que son las Cookies?</h2>
<p>Una cookie es un fichero que se descarga en tu ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo, gestionar el acceso de usuarios a zonas restringidas de la web, etc. Tipo de cookies utiliza esta página web.</p>
<ul class="lista-check">
<li>
<div class="primary">
<input type="checkbox" id="cookie_a" name="cookie_a" value="1" checked="checked" disabled="disabled">
<label for="cookie_a"></label>
<span>Cookies Técnicas</span>
<p>Este tipo de cookies permiten al usuario la navegación a través de una página web, plataforma o aplicación y la utilización de las diferentes opciones o servicios que en ella existan como, por ejemplo, controlar el tráfico y la comunicación de datos, identificar la sesión, acceder a partes de acceso restringido, seleccionar el idioma, o compartir contenidos a través de redes sociales.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_b" name="cookie_b" value="1">
<label for="cookie_b"></label>
<span>Cookies de Análisis</span>
<p>Son aquéllas que posibilitan el seguimiento y análisis del comportamiento de los usuarios en nuestra página. La información recogida se utiliza para la medición de la actividad de los usuarios en la web y la elaboración de perfiles de navegación de los usuarios, con la finalidad de mejorar la web, así como los productos y servicios ofertados.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_c" name="cookie_c" value="1">
<label for="cookie_c"></label>
<span>Cookies de Personalización</span>
<p>Estas cookies pueden ser establecidas a través de nuestro sitio por nuestros socios publicitarios. Pueden ser utilizadas por esas empresas para crear un perfil de sus intereses y mostrarle anuncios relevantes en otros sitios. No almacenan directamente información personal, sino que se basan en la identificación única de su navegador y dispositivo de Internet. Si no permite utilizar estas cookies, verá menos publicidad dirigida.</p>
</div>
</li>
</ul>
<div class="row">
<div class="col-md-12 botones">
<button type="button" id="grabarAceptar" class="btn btn-accept">Guardar y aceptar</button>
<button type="button" id="aceptartodas" class="btn btn-accept">Aceptar todas</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/js/cookieblock-1.1.0.js"></script>
<script type="text/javascript">
var cb = new CookieBlock({
browsing: '1',
scrolling: '0',
});
cb.setIgnore(['/politica-de-cookies']);
cb.setAnalytics('UA-46719420-1');
cb.setDebug(false);
cb.init();
$(document).ready(function() {
$("#config-cookies").click(function(e) {
e.preventDefault();
$("#configcookies").slideDown(200);
$("#introcookies").slideUp(100);
});
$("#grabarAceptar").click(function(e) {
e.preventDefault();
var form = document.formCookies;
var cookiesActivas = "a";
//console.log("cookie_b:"+form.cookie_b.checked);
if (form.cookie_b.checked) {
cookiesActivas += "-b";
}
//console.log("cookie_c:"+form.cookie_c.checked);
if (form.cookie_c.checked) {
cookiesActivas += "-c";
}
$("#cookie-compliant").hide();
//console.log("cookiesActivas:"+cookiesActivas);
cb.setCookieExt("ALLOW_COOKIES", cookiesActivas);
cb.init();
});
$("#cookie-compliant .lista-check input ~ label + span").click(function() {
$(this).next("p").slideToggle(100);
});
});
</script>
</body>
</html>
