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.
Reseña del Editor
Í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>
</div>
</div>
</div>
</div>
</div>
</section> <!-- fin fichaDetalle-->
<section>
<div class="container">
<h2 class="title">Otros libros del autor</h2>
<div class="row product-list grid">
<div class="product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788426/978842672463.webp" alt="Gran Libro de Html5, Css3 y Javascript 3ª Edicion" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/gran-libro-de-html5-css3-y-javascript-3-edicion_934878" class="stretched-link productClick" data-id="934878" data-name="Gran Libro de Html5, Css3 y Javascript 3ª Edicion" data-brand="">
<p class="product-title">Gran Libro de Html5, Css3 y Javascript 3ª Edicion</p>
</a>
<p class="product-authors"> Juan Diego Gauchat </p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>31,40 €</strike>
<span class="product-price-amount">29,83 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_934878" style="" data-id="934878" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89OTM0ODc4" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h2 class="title">Artículos relacionados</h2>
<div class="swiper-container">
<div class="swiper product-list product-slider" data-num-slides="5">
<div class="swiper-wrapper">
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/images/NOportada.jpg" alt="Permanecer Humano. La Empresa a Prueba de la Ia" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/permanecer-humano-la-empresa-a-prueba-de-la-ia_1630443" class="stretched-link productClick" data-id="1630443" data-name="Permanecer Humano. La Empresa a Prueba de la Ia" data-brand="">
<p class="product-title">Permanecer Humano. La Empresa a Prueba de la Ia</p>
</a>
<p class="product-authors"> Nourdine Bihmane </p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>17,90 €</strike>
<span class="product-price-amount">17,01 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1630443" style="" data-id="1630443" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYzMDQ0Mw==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788423/978842337009.webp" alt="Una Vida Siempre en Línea" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/una-vida-siempre-en-linea_1620438" class="stretched-link productClick" data-id="1620438" data-name="Una Vida Siempre en Línea" data-brand="">
<p class="product-title">Una Vida Siempre en Línea</p>
</a>
<p class="product-authors"> Ariadna Vilalta </p>
<p class="product-synopsis">Cómo la hiperconectividad, los algoritmos y la IA están reconfigurando nuestra mente y nuestras emociones.UN LIBRO PARA ENTENDER QUÉ NOS ESTÁ PASANDO PSICOLÓGICA Y SOCIALMENTE EN LA ERA DIGITAL. La tecnología no solo organiza nuestra vida: está reorganizando nuestra mente. Vivimos conectados de forma permanente. Dormimos con el móvil al lado, trabajamos frente a pantallas, nos ...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>21,90 €</strike>
<span class="product-price-amount">20,81 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1620438" style="" data-id="1620438" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYyMDQzOA==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788426/978842674105.webp" alt="Liderando la Era de la Ia Generativa" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/liderando-la-era-de-la-ia-generativa_1625373" class="stretched-link productClick" data-id="1625373" data-name="Liderando la Era de la Ia Generativa" data-brand="">
<p class="product-title">Liderando la Era de la Ia Generativa</p>
</a>
<p class="product-authors"> Adrian Gonzalez Sanchez </p>
<p class="product-synopsis">Aquí tienes una sinopsis más fluida y natural de 'Liderando la era de la IA generativa', diseñada para captar la atención de un perfil directivo:Liderando la era de la IA generativa: El 'sistema operativo' para el líder modernoEn un mercado saturado de ruido y promesas tecnológicas, este libro no busca ser un manual técnico más, sino el manual de estrategias definitivo para qui...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>28,50 €</strike>
<span class="product-price-amount">27,08 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1625373" style="" data-id="1625373" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYyNTM3Mw==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/images/NOportada.jpg" alt="Ética de la Inteligencia Artificial" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/etica-de-la-inteligencia-artificial_1615400" class="stretched-link productClick" data-id="1615400" data-name="Ética de la Inteligencia Artificial" data-brand="">
<p class="product-title">Ética de la Inteligencia Artificial</p>
</a>
<p class="product-authors"></p>
<p class="product-synopsis">https://www.dykinson.com/libros/etica-de-la-inteligencia-artificial/9791370471590/En un momento histórico en el que la inteligencia artificial ha dejado de ser una promesa técnica para convertirse en una infraestructura que atraviesa la vida social, este libro ofrece una brújula conceptual y práctica para orientarse en un territorio complejo. La lA se ha convertido en un entorn...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>58,00 €</strike>
<span class="product-price-amount">55,10 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1615400" style="" data-id="1615400" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxNTQwMA==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/images/NOportada.jpg" alt="Jetson Nvidia. Inteligencia Artificial en tu Bolsillo" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/jetson-nvidia-inteligencia-artificial-en-tu-bolsillo_1617807" class="stretched-link productClick" data-id="1617807" data-name="Jetson Nvidia. Inteligencia Artificial en tu Bolsillo" data-brand="">
<p class="product-title">Jetson Nvidia. Inteligencia Artificial en tu Bolsillo</p>
</a>
<p class="product-authors"> Daniel / Ignacio Daniel Gomez Gracian </p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>19,90 €</strike>
<span class="product-price-amount">18,91 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1617807" style="" data-id="1617807" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxNzgwNw==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788428/978842836655.webp" alt="Introducción Al Chatgpt en Python" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/introduccion-al-chatgpt-en-python_1618921" class="stretched-link productClick" data-id="1618921" data-name="Introducción Al Chatgpt en Python" data-brand="">
<p class="product-title">Introducción Al Chatgpt en Python</p>
</a>
<p class="product-authors"> Bruce R. Hopkins / Bruce Hopkins </p>
<p class="product-synopsis">Abraza el futuro del desarrollo de software y aprendea crear aplicaciones inteligentes utilizando las API de ChatGPTy OpenAI con el lenguaje de programación Python. Introducción al ChatGPT en Python te enseña cómo utilizar ChatGPT mediante programación. Aprenderás los fundamentos de ChatGPT y las API de OpenAI, incluyendo cómo autenticar, enviar solicitudes, generar respues...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>21,95 €</strike>
<span class="product-price-amount">20,85 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1618921" style="" data-id="1618921" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxODkyMQ==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9791387/979138793631.webp" alt="Tsunami" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/tsunami_1618990" class="stretched-link productClick" data-id="1618990" data-name="Tsunami" data-brand="">
<p class="product-title">Tsunami</p>
</a>
<p class="product-authors"> Pablo Vazquez </p>
<p class="product-synopsis">En los últimos años, más de 10.000 personas han pasado por los cursos de inteligencia artificial de Pablo Vázquez. Personas con perfiles muy diversos, e inquietudes muy similares: «No sé por dónde empezar». «No sé si mi trabajo está en riesgo». «Sé que debería estar haciendo algo, pero no sé el qué». «Tengo hijos, equipo, familia debería poder orientarlos, y no puedo». Es norma...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>21,90 €</strike>
<span class="product-price-amount">20,81 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1618990" style="" data-id="1618990" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxODk5MA==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788490/978849052592.webp" alt="Computación Cuántica" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/computacion-cuantica_1618201" class="stretched-link productClick" data-id="1618201" data-name="Computación Cuántica" data-brand="">
<p class="product-title">Computación Cuántica</p>
</a>
<p class="product-authors"> Jacinto Velasco Rebolledo </p>
<p class="product-synopsis">La computación cuántica se ha consolidado como una de las tecnologías más transformadoras de nuestro tiempo. Ante los límites crecientes de la computación clásica, comprender los principios de la mecánica cuántica aplicados al procesamiento de la información se ha convertido en una competencia esencial para quienes aspiran a liderar la próxima revolución tecnológica. Esta obra ...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>55,00 €</strike>
<span class="product-price-amount">52,25 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1618201" style="" data-id="1618201" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxODIwMQ==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/imagenes/9788441/978844155279.webp" alt="Fancy Bear se Lanza Al Phishing" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/fancy-bear-se-lanza-al-phishing_1607107" class="stretched-link productClick" data-id="1607107" data-name="Fancy Bear se Lanza Al Phishing" data-brand="">
<p class="product-title">Fancy Bear se Lanza Al Phishing</p>
</a>
<p class="product-authors"> Scott J. Shapiro </p>
<p class="product-synopsis">Es una paradoja de nuestros tiempos que vivamos en la sociedad de la información, pero no entendamos cómo funciona. ¿Qué pasaría si supiésemos más? En Fancy Bear se va de phishing, Scott J. Shapiro recurre a su popular clase en la universidad de Yale sobre hackeo para mostrar que el cibercrimen tiene menos que ver con la programación defectuosa que con el cableado imperfecto de...</p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>31,95 €</strike>
<span class="product-price-amount">30,35 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1607107" style="" data-id="1607107" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYwNzEwNw==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-item">
<div class="product-item-wrapper">
<div class="product-img">
<div>
<img class="foto" src="https://www.troa.es/images/NOportada.jpg" alt="Mas Alla de los Datos, el" width="265" height="415" loading="lazy">
</div>
</div>
<div class="product-info">
<div class="product-info-metas">
<a href="/libro/mas-alla-de-los-datos-el_1618224" class="stretched-link productClick" data-id="1618224" data-name="Mas Alla de los Datos, el" data-brand="">
<p class="product-title">Mas Alla de los Datos, el</p>
</a>
<p class="product-authors"> Carl Öhman </p>
</div>
<div class="product-options">
<div class="product-price">
<span class="discount">-5% </span>
<div>
<strike>15,90 €</strike>
<span class="product-price-amount">15,11 €</span>
</div>
</div>
<div class="product-buttons">
<ul>
<li>
<button id="href_dispo_1618224" style="" data-id="1618224" class="btn botonComprar" title="Añadir a la cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
<span>Añadir a la cesta</span>
</button>
</li>
<li>
<span class="btn btn-favoritos nomesigas" data-link="L2Zhdm9yaXRvcy9pbnNGYXZvcml0by5waHA/Y29kQXJ0aWN1bG89MTYxODIyNA==" tabindex="0" role="link">
<iconify-icon icon="tabler:heart" class="icon"></iconify-icon>
<span>Añadir a favoritos</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next" aria-label="Siguiente"></div>
<div class="swiper-button-prev" aria-label="Anterior"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<!-- Sticky bar -->
<div class="sticky-bar detalle js-sticky-buy" aria-hidden="true">
<div class="wrapper-sticky">
<img width="40" src="https://www.troa.es/imagenes/9788426/978842671995.webp" alt="Gran Libro de Html5, Css3 y Javascript, el" loading="lazy">
<div class="infoprices extra">
<div class="discount-price">-5%</div>
<div>
<div class="antes">29,90 €</div>
<div class="despues">28,41 €</div>
</div>
</div>
<!-- botón proxy (SIN id) -->
<button type="button" class="btn btn-detail js-sticky-buy-btn" aria-label="Añadir a mi cesta">
<iconify-icon icon="ant-design:shopping-outlined" class="icon"></iconify-icon>
Añadir a mi cesta
</button>
</div>
</div>
<!-- Modal IBD -->
<div id="modal-ibd" class="modal fade in" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
<h4 class="modal-title">Sobre IBD (Impresión Bajo Demanda)</h4>
</div>
<div class="modal-body">
<div id="send-to-friend-box">
Impresión bajo demanda (IBD) o publicación bajo demanda (POD – Print On Demand) es un sistema de publicación en la que se imprime solamente el número de ejemplares necesarios para atender su pedido (Impresión 1x1).
Imprimiremos el libro para usted, por lo que no está permitida la anulación, ni devolución del pedido (salvo error o defecto de imprenta).
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- Modal Enviar amigo -->
<!-- Modal Avisador de stock -->
<div id="modal-stock" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<form id="formAvisadorStock" class="form-horizontal" method="post" data-toggle="validator" data-focus="false" role="form" novalidate="true">
<input type="hidden" name="codigo" value="701947">
<input type="hidden" name="idioma" value="es">
<input type="hidden" name="ajax" value="S">
<input type="hidden" name="marcaTiempo" value="1785086047">
<input type="hidden" name="campov" value="">
<input type="hidden" name="formToken" value="OTc2YjdlYjY0MWMyNGY3YzNjOTNmMGQ1YTQyNDdjMzViOTA4Nzk5ZTlkNzE3MzliNjgwZTBiYTU4ZjEzYzJjMjoxNzg1MDg2MDQ3OmY4Mzk5OGVkMTM1NmU0MGFmYjlmMWU2MDYyY2Y4MTVjZmU0NzJkZDhjMzU1MmM1ZWM2MmVkNjFlYTg0YWQ1NWU=" />
<input type="hidden" id="tokenAvisador" name="token">
<input type="hidden" id="action" name="action" value="procesar">
<div class="modal-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
<h4 class="modal-title">Avisar disponibilidad</h4>
</div>
<div class="modal-body">
<div id="modal-stock-box">
<div class="text">
<p>Indícanos tu email y recibirás un mensaje en cuanto tengamos disponibilidad</p>
</div>
<div class="form-group">
<label for="warnStockEmail" class="form-label">Tu email *</label>
<input id="warnStockEmail" class="form-control" type="email" name="email" placeholder="Tu email" required>
<div class="help-block with-errors"></div>
</div>
<div class="form-group" id="">
<div class="wrapper-legal-form">
<p><strong>Política de privacidad</strong></p>
<p>SA DE DISTRIBUCION EDICION Y LIBRERIAS es el responsable del tratamiento de los datos personales del Usuario, por lo que se le facilita la siguiente información del tratamiento:</p>
<ul>
<li>Fin del tratamiento: .</li>
<li>Legitimación: está basada en el consentimiento que se le solicita a través de la correspondiente casilla de aceptación. </li>
<li>Criterios de conservación de los datos: </li>
<li>Destinatarios: no se cederán a ningún tercero.</li>
<li>Derechos que asisten al Usuario:</li>
</ul>
<p>a) Derecho a retirar el consentimiento en cualquier momento. Derecho a oponerse y a la portabilidad de los datos personales. Derecho de acceso, rectificación y supresión de sus datos y a la limitación u oposición al su tratamiento.</p>
<p>b) Derecho a presentar una reclamación ante la Autoridad de control si no ha obtenido satisfacción en el ejercicio de sus derechos, en este caso, ante la Agencia Española de protección de datos <a href="https://www.aepd.es" target="_blank">https://www.aepd.es</a></p>
<p>Puede ejercer estos derechos mediante el envío de un correo electrónico o de correo postal, ambos con la fotocopia del DNI del titular, incorporada o anexada:</p>
<p>Responsable del tratamiento: SA DE DISTRIBUCION EDICION Y LIBRERIAS</p>
<ul>
<li>Dirección postal: C/ Serrano 80, 28006 Madrid (Madrid)</li>
<li>Dirección electrónica: <a href="mailto:protecciondedatos@troa.es">protecciondedatos@troa.es</a></li>
</ul>
<p>Si desea ampliar información sobre la política de privacidad de nuestra empresa, puede hacerlo en el siguiente enlace: <a href="https://www.troa.es/politica-de-proteccion-de-datos">https://www.troa.es/politica-de-proteccion-de-datos</a></p>
</div>
</div>
<div class="form-group">
<div class="form-check">
<label for="condiciones_avisador">
He leído y acepto la
<a href="/politica-de-proteccion-de-datos">política de privacidad</a>
</label>
<input class="form-check-input" type="checkbox" value="1" id="condiciones_avisador" name="condiciones_avisador" required>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancelar</button>
<input type="submit" class="g-recaptcha btn"
data-sitekey="6LcvNCgtAAAAAKsW3V-ZfeYWCzd_jUWP09jiIkqD"
data-callback='onSubmitAvisador'
data-action='submit'
value="Enviar">
</div>
</form>
</div>
</div>
</div>
<!-- Modal Reservar -->
<!-- Modal Comentar -->
<!-- Modal Click & collect -->
</main>
<aside id="offcanvasCart" class="offcanvas offcanvas-end" tabindex="-1" aria-labelledby="offcanvasCart" data-bs-scroll="true">
<div class="offcanvas-header">
<div>
<h2 class="offcanvas-title">Mi compra</h2>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Cerrar"></button>
</div>
</div>
<div class="offcanvas-body">
<div id="miniCart">
<div class="cart-empty-message">
<iconify-icon icon="tabler:shopping-cart-off" class="icon" width="60" height="60"></iconify-icon>
<p>Tu cesta de la compra está vacía</p>
</div>
</div>
</div>
<div class="resume-checkout d-none">
<div class="wrapper-resume-checkout">
<div class="checkout-total">
<span>Total</span>
<span id="precioTotalminiCart">0,00 €</span>
</div>
<div class="buttons-checkout">
<a class="btn btn-cart-checkout procesar-cesta" href="/checkout/checkout.php">Procesar pedido</a>
</div>
</div>
</div>
</aside>
<footer>
<div class="container">
<div class="footer-bottom">
<div class="row">
<div class="col-xl-3">
<div class="footer-info">
<img title="Ir a la página de inicio" alt="Troa Librerías" src="/images/logo-white.svg"/>
<p>Acompañándote con buenas lecturas desde hace 75 años</p>
<div class="contact-info d-none">
<div>C/ Serrano 80</div>
<span>28006</span>
<span>Madrid</span>
<span>(España)</span>
</div>
<ul class="social-networks">
<li class="mingcute:instagram-fill">
<a title="INSTAGRAM" target="_blank" href="https://www.instagram.com/troalibrerias/?hl=es">
<iconify-icon icon="mingcute:instagram-fill" class="icon"></iconify-icon>
</a>
</li>
<li class="mingcute:social-x-fill">
<a title="X" target="_blank" href="https://x.com/TroaLibrerias">
<iconify-icon icon="mingcute:social-x-fill" class="icon"></iconify-icon>
</a>
</li>
<li class="mingcute:tiktok-fill">
<a title="TIKTOK" target="_blank" href="https://www.tiktok.com/@troa.librerias">
<iconify-icon icon="mingcute:tiktok-fill" class="icon"></iconify-icon>
</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-4">
<div class="footer-menu footer-acc">
<button class="footer-acc-btn d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#footerLegal"
aria-expanded="false" aria-controls="footerLegal">
Páginas legales
<iconify-icon icon="tabler:chevron-down" class="icon"></iconify-icon>
</button>
<!-- Desktop title -->
<p class="d-none d-md-block footer-section-title">Páginas legales</p>
<!-- Collapsible content -->
<div id="footerLegal" class="collapse d-md-block">
<ul>
<li><a href="/aviso-legal" >Aviso legal</a></li>
<li><a href="/condiciones-de-venta" >Condiciones de venta</a></li>
<li><a href="/politica-de-proteccion-de-datos" >Protección de datos</a></li>
<li><a href="/politica-de-cookies" >Política de Cookies</a></li>
<li><a href="/cookies/configCookies.php" >Configuración de Cookies</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-4">
<div class="footer-menu footer-acc">
<button class="footer-acc-btn d-md-none" type="button" data-bs-toggle="collapse"
data-bs-target="#footerInteresa" aria-expanded="false" aria-controls="footerInteresa">
Puede interesarte
<iconify-icon icon="tabler:chevron-down" class="icon"></iconify-icon>
</button>
<p class="d-none d-md-block footer-section-title">Puede interesarte</p>
<div id="footerInteresa" class="collapse d-md-block">
<ul>
<li><a href="/quienes-somos" >Quiénes somos</a></li>
<li><a href="/pedidos-especiales/" >Pedidos especiales</a></li>
<li><a href="/bibliotecas/loginBibliotecas.php" >Bibliotecas</a></li>
<li><a href="/desistimiento/desistimiento.php" >Formulario de desistimiento</a></li>
<li><a href="/accesibilidad" >Accesibilidad</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-4 col-md-4">
<div class="footer-menu footer-acc">
<button class="footer-acc-btn d-md-none" type="button" data-bs-toggle="collapse"
data-bs-target="#footerAtencion" aria-expanded="false" aria-controls="footerAtencion">
Atención al cliente
<iconify-icon icon="tabler:chevron-down" class="icon"></iconify-icon>
</button>
<p class="d-none d-md-block footer-section-title">Atención al cliente</p>
<div id="footerAtencion" class="collapse d-md-block">
<ul>
<li><a href="/atencion-cliente" >¿Necesitas ayuda?</a></li>
<li><a href="/contacto" >Formulario de contacto</a></li>
</ul>
</div>
<div class="compra-segura">
<p class="footer-section-title">Compra segura</p>
<img src="/images/credit-card-icons.png" alt="" width="180">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-12 col-md-12">
<div class="footer-menu contacto">
<p class="footer-section-title">Contacto</p>
<ul>
<li><iconify-icon icon="ant-design:home-outlined" class="icon"></iconify-icon><a href="#">C/ Serrano 80 28006 - Madrid</a></li>
<li><iconify-icon icon="ant-design:phone-outlined" class="icon"></iconify-icon><a href="#">(+34) 914357421</a></li>
<li><a href="mailto:atencionalcliente@troa.es" target="_blank"><iconify-icon icon="ant-design:mail-outlined" class="icon"></iconify-icon></i>atencionalcliente@troa.es</a></li>
<!--<li><a href="/contacto/"><iconify-icon icon="ant-design:message-outlined" class="icon"></iconify-icon>Formulario de contacto</a></li>-->
</ul>
<div class="logo-madrid">
<img src="/images/logo-madrid.png" alt="" width="140px" class="mb-2">
<p>Las actividades de fomento de la lectura de esta librería han recibido una ayuda del Ayuntamiento de Madrid</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="row">
<div class="col">
<p class="info-name">
2026 © <strong>Troa Librerías</strong>. Todos los Derechos Reservados |
<a href="https://editorial.trevenque.es/productos/weblib/" title="Desarrollado por Trevenque Group" target="_blank">Trevenque Group</a>
</p>
<a href="https://www.w3.org/WAI/fundamentals/accessibility-intro/es" aria-label="Declaración de accesibilidad (WCAG 2.1 AA)" target="_blank">
<img height="32" width="88" src="/images/wcag2.1AA-blue-v.svg" alt="Conforme a WCAG 2.1 nivel AA">
</a>
</div>
</div>
</div>
</div>
</footer>
<a class="scrollToTop"><iconify-icon icon="tabler:chevron-up" class="icon"></iconify-icon></button></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 enTotal = "Total";
var slider = 0;
var autocomplete = 1;
var analytics = "";
var GTM = "GTM-NDTTSDS8";
var facebookPixel = "";
var divisa = "EUR";
var afiliado = "";
var stickyHeader = "1";
var modoOscuro = "";
/** Variables texto **/
var emailIncorrecto = "El e-mail no es correcto";
var aceptar = "Aceptar";
var cancelar = "Cancelar";
var verCesta = "Procesar pedido";
var checkout = true;
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= "Tu cesta de la compra está vacía";
var verMas = "Ver más";
var verMenos = "Ver menos";
var logoScroll = "logo-white.svg";
var logoDefault = "logo.svg";
var logoResponsive = "logo-white.svg";
var introValoracion = "";
</script>
<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="/js/bs5-jquery-shim.js"></script>
<script type="text/javascript" src="/js/bootstrap-dialog.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/validator.min.js"></script>
<script type="text/javascript" src="/js/jquery-labelauty.js"></script>
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js" defer></script>
<script type="text/javascript" src="/js/jquery.idTabs.min.js" ></script>
<script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.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> -->
<script src='https://www.google.com/recaptcha/api.js?hl=es'></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LcvNCgtAAAAAKsW3V-ZfeYWCzd_jUWP09jiIkqD"></script>
<script>
function onSubmitReserva() {
grecaptcha.ready(function() {
grecaptcha.execute('6LcvNCgtAAAAAKsW3V-ZfeYWCzd_jUWP09jiIkqD', {
// Defino el valor del action o la acción, este valor también lo coloqué en el input oculto 'action'
action: 'procesar'
}).then(function(token) {
// Antes de procesar el formulario, le asigno el token al input oculto 'token'
document.getElementById('tokenReservas').value = token;
// Procesamos el formulario
$('#fomReservar').submit();
});
});
}
function onSubmitAvisador() {
grecaptcha.ready(function() {
grecaptcha.execute('6LcvNCgtAAAAAKsW3V-ZfeYWCzd_jUWP09jiIkqD', {
// Defino el valor del action o la acción, este valor también lo coloqué en el input oculto 'action'
action: 'procesar'
}).then(function(token) {
// Antes de procesar el formulario, le asigno el token al input oculto 'token'
document.getElementById('tokenAvisador').value = token;
// Procesamos el formulario
$('#formAvisadorStock').submit();
});
});
}
</script>
<noscript class="cookie-block-b">
<script>
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{
item_name: "Gran Libro de Html5, Css3 y Javascript, el", // Name or ID is required.
item_id: "701947",
price: 28.41,
item_category: "Ciencias",
item_category2: "Informática",
item_category3: "Informática",
quantity: 1
}]
}
});
</script>
</noscript>
<script type="text/javascript">
var rutaImg = "/images";
var VALORACIONES_LIBROS = false;
var EBOOKS = "L";
var logeado = false;
var rutaEbooks = "https://www.troa.es/unclick";
var disponibilidad_L = "N";
var ean = "9788426719959";
var RESERVAS = true;
var CLICK_AND_COLLECT = false;
var INPUT_CANTIDAD_FICHA = false;
function comprarEbook (codigo, obj)
{
if (logeado){
var $textAndIcon = $('<div></div>');
$textAndIcon.append('<h2>Vas a comprar el ebook "Gran Libro de Html5, Css3 y Javascript, el" deseas revisar tus datos de facturación</h2>');
BootstrapDialog.show({
type: BootstrapDialog.TYPE_DEFAULT,
cssClass: 'confirmModal-dialog modal-no-header question-circle',
message: $textAndIcon,
buttons: [
{
label: cancelar,
action: function(dialogRef) {
dialogRef.close();
}
},{
label: "Revisar",
cssClass: 'btn-primary',
action: function (dialogRef) {
window.location = rutaEbooks+"/formPedido.php?fr_accion=comprar&codArticulo=" + codigo
dialogRef.close();
}
},{
label: "No es necesario",
cssClass: 'btn-primary',
action: function (dialogRef) {
window.location = rutaEbooks+"/crearPedido.php?fr_accion=comprar&codArticulo=" + codigo
dialogRef.close();
}
}
]
});
} else {
return false;
}
return false;
}
</script>
<script src="/js/detalleBase.js" type="text/javascript"></script>
<!-- Matomo -->
<noscript class="cookie-block-b">
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setExcludedReferrers", ["redsys.es","paypal.com","aplazame.com","sis.redsys.es"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.trevenque.es/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '37']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
</noscript>
<!-- End Matomo Code -->
<!-- Connectif -->
<noscript class="cookie-block-b">
<script async id="__cn_generic_script__43f5b172-4926-402d-bddd-73cbf0ab1fed">!function(e){function t(){if(!e.querySelector("#__cn_client_script_43f5b172-4926-402d-bddd-73cbf0ab1fed")){var t=e.createElement("script");t.setAttribute("src","https://cdn.connectif.cloud/eu5/client-script/43f5b172-4926-402d-bddd-73cbf0ab1fed"),e.body.appendChild(t)}}"complete"===e.readyState||"interactive"===e.readyState?t():e.addEventListener("DOMContentLoaded",t)}(document);</script>
</noscript>
<!-- End Connectif Code -->
<div id="cookie-compliant">
<div id="introcookies">
<div class="row">
<div class="col-sm-8 introcookies-text">
<p>Esta web utiliza cookies propias y de terceros que permiten al usuario la navegación a través de una página web (técnicas), para el seguimiento y análisis estadístico del comportamiento de los usuarios (analíticas), que permiten la gestión de los espacios publicitarios que, en su caso, el editor haya incluido en una página (publicitarias) y cookies que almacenan información del comportamiento de los usuarios obtenida a través de la observación continuada de sus hábitos de navegación. Si acepta este aviso consideraremos que acepta su uso. Puede obtener más información <a id="info-cookies" href="/politica-de-cookies" title="Más información">aquí</a>.</p>
</div>
<div class="col-sm-4 introcookies-btn">
<a id="config-cookies" class="btn btn-dismiss" href="#">Configuración</a>
<button type="button" id="cookie-refuse" class="btn btn-accept" aria-label="Refuse">Rechazar cookies</button>
<button type="button" id="cookie-accept" class="btn btn-accept" aria-label="Close">Aceptar cookies</button>
</div>
</div>
</div>
<div id="configcookies">
<div class="container">
<form name="formCookies" id="formCookies" action="#" method="post">
<h2>¿Que son las Cookies?</h2>
<p class="config-intro">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" title="Cookies Técnicas" value="1" checked="checked" disabled="disabled">
<label for="cookie_a">Cookies Técnicas</label>
<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" title="Cookies de Análisis" value="1">
<label for="cookie_b">Cookies de Análisis</label>
<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" title="Cookies de Personalización" value="1">
<label for="cookie_c">Cookies de Personalización</label>
<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="volver" class="btn btn-accept">Volver</button>
<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>
<script type="text/javascript" src="/js/cookieblock-1.1.0.js"></script>
<script type="text/javascript">
var cb = new CookieBlock({
browsing: '0',
scrolling: '0',
btnRefuse: '1',
});
cb.setIgnore(['/politica-de-cookies']);
cb.setAnalytics('');
cb.setDebug(false);
cb.init();
$(document).ready(function() {
$("#config-cookies").click(function(e) {
e.preventDefault();
$("#introcookies").slideUp(100);
$("#configcookies").slideDown({
start: function () {
$(this).css({
display: "flex"
})
}
});
});
$("#volver").click(function(e) {
e.preventDefault();
$("#configcookies").slideUp(200);
$('#introcookies').slideDown(200);
});
$("#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();
dataLayer.push({
'cookieValue': cookiesActivas,
'event': 'cookieLayerSet'
});
//console.log("3. " + cookiesActivas);
});
/*$("#cookie-compliant .lista-check input ~ label + p").click(function() {
$(this).next("p").slideToggle(100);
});*/
var consentedCookies = cb.getCookieExt()
if (consentedCookies !== undefined) {
console.log("consentedCookies: " + consentedCookies);
dataLayer.push({
'cookieValue': consentedCookies,
'event': 'cookieLayerSet'
});
}
});
</script>
</body>
</html> 
