CINXE.COM

<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:url" content=""> <meta property="og:type" content=""> <meta property="og:title" content=""> <meta property="og:image" content=""> <meta name="theme-color" content="#fafafa"> <link rel="manifest" href="site.webmanifest"> <link rel="apple-touch-icon" href="icon.png">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin-ext" rel="stylesheet">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-25444073-28"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-25444073-28'); </script> </head> <body> <div style="display: flex; align-items: center; justify-content: center; height: 90vh;"> <div style="height:100px;"> <svg style="width:200px;height:150px;background:url('/logo-torre.png') no-repeat center center;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" overflow="visible" fill="#06639d"> <defs> <circle id="spinner" r="6" cx="50" cy="50" transform="translate(0 -50)"></circle> </defs> <use xlink:href="#spinner" transform="rotate(0 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(30 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.08s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.08s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(60 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.16s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.16s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(90 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.24s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.24s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(120 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.32s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.32s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(150 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.4s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.4s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(180 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.48s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.48s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(210 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.56s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.56s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(240 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.64s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.64s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(270 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.72s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.72s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(300 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.8s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.8s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use><use xlink:href="#spinner" transform="rotate(330 50 50)"><animate attributeName="opacity" values="0;1;0" dur="1s" begin="0.88s" repeatCount="indefinite"></animate> <animateTransform attributeName="transform" type="scale" additive="sum" dur="1s" begin="0.88s" repeatCount="indefinite" from="0" to="1.2"></animateTransform> </use> </svg> </div> </div> <pre id="result"></pre> <script> var domain = ''; fetch(location.href,{method: 'POST'}).then(response => response.text()).then(data =>{ try { data = JSON.parse(data); if(data.a.title && data.b.title){ domain=data.redirect_domain; createPopupOptions(data.a,data.b,data.language); } } catch (error) { document.getElementById('result').innerHTML=data; } }); </script> <script> function goToAn(an){ /*let domain = 'www-dev'; domain = 'www';*/ if(document.location.host.includes('proxy')){ let fakeDomain = document.location.host.replace(document.location.host.split('.')[0],`${domain}-torrossa-com`); window.location.href = `https://${fakeDomain}/${window.language}/resources/an/${an}`; }else{ window.location.href = `https://${domain}.torrossa.com/${window.language}/resources/an/${an}`; } } function createPopupOptions(optionA={},optionB={},language='it'){ window.language = language; var css_popup = " "; var js_popup = ``; var selectBook = ''; let frontpage = optionA.front_cover_link; let labels = { 'it':{ 'title':'Documento disponibile in pi霉 versioni', 'epub':'Versione EPUB', 'pdf':'Versione PDF' }, 'en':{ 'title':'Document available in multiple versions', 'epub':'EPUB Version', 'pdf':'PDF Version' }, 'es':{ 'title':'Documento disponible en m煤ltiples versiones', 'epub':'Versi贸n EPUB', 'pdf':'Versi贸n PDF' }, 'fr':{ 'title':'Document disponible en plusieurs versions', 'epub':'Version EPUB', 'pdf':'Version PDF' }, 'de':{ 'title':'Dokument in mehreren Versionen verf眉gbar', 'epub':'EPUB-Version', 'pdf':'PDF-Version' } } if(!frontpage) frontpage = optionB.front_cover_link; selectBook+= `<h2 class='pop'>${optionA.title}</h2>`; if(frontpage) selectBook+= `<div><img src='${frontpage}'></div>`; let pdfAn = ''; let epubAn = ''; if(optionA.digital_resource_type=='PDF'){ pdfAn = optionA['an'] epubAn = optionB['an'] }else{ pdfAn = optionB['an'] epubAn = optionA['an'] } let h2_style=" font-family: 'Open Sans'; -webkit-text-size-adjust: 100%; list-style: none; text-transform: none; font-family: 'Open Sans',sans-serif; line-height: 1.2; padding: 0px!important; margin: 0px!important; font-size: 1.4em; color: #06639d; font-weight: bold; width: 100%; text-align: center!important; margin-bottom: 24px!important; " js_popup += " function loadContent(t,o){var e=new XMLHttpRequest;e.open(\"GET\",o,!0),e.onload=function(){if(e.status>=200&&e.status<400){var o=e.responseText;t.innerHTML=o}},e.send()}const version=\"0.1\",cdn=\"https:\/\/creativajs.altervista.org\/popup\/\",animationSpeed=150;let content,isPage,openAnimation,closeAnimation,position,bgColor,titleColor,textColor,borderRadius,fontFamily,noBackground,timer,totalPopups=0,thereIsContent=!1,isBlocked=!1,width=\"\",height=\"\",positionBottom=window.innerHeight-100;function timerClose(t,o){setTimeout(function(){closePopup(t)},1e3*o)}function popup(t,o,e,n,i){totalPopups++;var p=document.createElement(\"div\");p.className=\"ct-popup-background\",p.id=\"ct-popup-bg-\"+totalPopups,p.onclick=function(){closePopup(totalPopups,i)};var s=document.createElement(\"div\");s.className=\"ct-popup-box\",s.id=\"ct-popup-box-\"+totalPopups,s.innerHTML='<span class=\"ct-popup-image\" id=\"ct-popup-image-'+totalPopups+'\"><\/span>\\n <div class=\"ct-popup-content\" id=\"ct-popup-content-'+totalPopups+'\">\\n <span class=\"ct-popup-icon\" id=\"ct-popup-icon-'+totalPopups+'\"><\/span>\\n <h1 class=\"ct-popup-title\" id=\"ct-popup-title-'+totalPopups+'\"><\/h1>\\n <p class=\"ct-popup-text\" id=\"ct-popup-text-'+totalPopups+'\"><\/p>\\n <div class=\"ct-popup-options\" id=\"ct-popup-options-'+totalPopups+'\"><\/div>\\n <\/div>\\n <div class=\"ct-popup-close-icon\" id=\"ct-popup-close-icon-'+totalPopups+'\" onclick=\"closePopup('+totalPopups+')\"><div class=\"ct-popup-close-icon-line-first\"><div class=\"ct-popup-close-icon-line-second\"><\/div><\/div><\/div>',document.body.appendChild(p),document.body.appendChild(s);let l=document.getElementById(\"ct-popup-bg-\"+totalPopups),a=document.getElementById(\"ct-popup-box-\"+totalPopups),c=document.getElementById(\"ct-popup-image-\"+totalPopups),u=document.getElementById(\"ct-popup-icon-\"+totalPopups),r=document.getElementById(\"ct-popup-title-\"+totalPopups),d=document.getElementById(\"ct-popup-text-\"+totalPopups),m=document.getElementById(\"ct-popup-close-icon-\"+totalPopups);if(null!=i&&\"\"!==i?(content=i.content,isPage=i.isPage,isBlocked=i.isBlocked,width=i.width,height=i.height,thereIsContent=!0,openAnimation=i.openAnimation,closeAnimation=i.closeAnimation,position=i.position,bgColor=i.bgColor,titleColor=i.titleColor,textColor=i.textColor,borderRadius=i.borderRadius,fontFamily=i.fontFamily,closeButton=i.closeButton,noBackground=i.noBackground,timer=i.timer):(content=null,isPage=!1,isBlocked=!1,width=null,height=null,thereIsContent=!1,openAnimation=\"fade\",closeAnimation=\"fade\",position=\"center\",bgColor=\"#fff\",titleColor=\"#404040\",textColor=\"#606060\",borderRadius=\"3px\",fontFamily=\"sans-serif\",closeButton=!0,noBackground=!1,timer=!1),void 0===openAnimation&&(openAnimation=\"fade\"),void 0===closeAnimation&&(closeAnimation=\"fade\"),void 0===position&&(position=\"center\"),void 0===bgColor&&(bgColor=\"#fff\"),void 0===titleColor&&(titleColor=\"#404040\"),void 0===textColor&&(textColor=\"#606060\"),void 0===borderRadius&&(borderRadius=\"3px\"),void 0===fontFamily&&(fontFamily=\"sans-serif\"),\"undefined\"==typeof closeButton&&(closeButton=!0),void 0===noBackground&&(noBackground=!1),void 0===timer&&(timer=!1),l.setAttribute(\"isBlocked\",isBlocked),a.setAttribute(\"openAnimation\",openAnimation),a.setAttribute(\"closeAnimation\",closeAnimation),a.setAttribute(\"position\",position),a.setAttribute(\"bgColor\",bgColor),a.setAttribute(\"titleColor\",titleColor),a.setAttribute(\"textColor\",textColor),a.setAttribute(\"borderRadius\",borderRadius),a.setAttribute(\"fontFamily\",fontFamily),a.setAttribute(\"closeButton\",closeButton),a.setAttribute(\"noBackground\",noBackground),!1!==timer&&timer>0&&timerClose(totalPopups,timer),\"false\"!=a.getAttribute(\"closeButton\")&&\"true\"!=l.getAttribute(\"isBlocked\")||m.setAttribute(\"style\",\"display: none;\"),\"true\"==a.getAttribute(\"noBackground\")&&l.setAttribute(\"style\",\"display: none;\"),c.style.display=\"none\",u.style.display=\"none\",n){let t;t=n,c.style.backgroundImage=\"url(\"+t+\")\",c.style.display=\"block\"}if(e){let t;switch(e){case\"error\":t=cdn+\"icons\/error.png\";break;case\"success\":t=cdn+\"icons\/success.png\";break;case\"info\":t=cdn+\"icons\/info.png\";break;default:t=e}u.style.backgroundImage=\"url(\"+t+\")\",u.style.display=\"block\"}r.innerHTML=t,d.innerHTML=o;let g=document.getElementById(\"ct-popup-options-\"+totalPopups);void 0===content||null==content||\"\"==content?(g.style.marginTop=\"0\",g.style.innerHtml=\"\"):thereIsContent&&(isPage?loadContent(g,content):g.innerHTML=content,\"\"!==r.innerHTML&&\"\"!==d.innerHTML&&null!==r&&null!==d&&(g.style.marginTop=\"10px\"));let b,A=100+totalPopups+1,y=100+totalPopups+2;switch(l.style.zIndex=A.toString(),l.classList.add(\"ct-popup-show\"),l.classList.add(\"fade-ct-popup-animation-open\"),position){case\"top\":b=\"top: 100px\";break;case\"bottom\":b=\"top: \"+positionBottom+\"px\"}let f=\"background: \"+a.getAttribute(\"bgColor\")+\" !important; z-index: \"+y.toString()+\";\"+b+\" !important;border-radius: \"+a.getAttribute(\"borderRadius\")+\" !important; font-family: \"+a.getAttribute(\"fontFamily\")+\" !important;\";null!==width&&(f+=\" width: \"+width+\" !important;\"),null!==height&&(f+=\" height: \"+height+\" !important;\"),a.classList.add(\"ct-popup-show\"),a.classList.add(a.getAttribute(\"openAnimation\")+\"-ct-popup-animation-open\"),a.setAttribute(\"style\",f),r.setAttribute(\"style\",\"color: \"+a.getAttribute(\"titleColor\")+\" !important\"),d.setAttribute(\"style\",\"color: \"+a.getAttribute(\"textColor\")+\" !important\")}function closePopup(t,o){ /*websiteOK(false);*/ let e,n=document.getElementById(\"ct-popup-bg-\"+t),i=document.getElementById(\"ct-popup-box-\"+t);(n.classList.add(\"fade-ct-popup-animation-close\"),setTimeout(function(){n.remove()},animationSpeed),i.classList.remove(i.getAttribute(\"openAnimation\")+\"-ct-popup-animation-open\"),i.classList.add(i.getAttribute(\"closeAnimation\")+\"-ct-popup-animation-close\"),setTimeout(function(){i.remove()},animationSpeed),totalPopups--)}window.onresize=function(t){let o=this.document.getElementsByClassName(\"ct-popup-box\");for(let t=0;t<o.length;t++){let e=document.getElementById(o[t].id);\"bottom\"==e.getAttribute(\"position\")&&(positionBottom=window.innerHeight-100,e.style.top=positionBottom+\"px\")}};"; css_popup += ".ct-popup-box h2.pop { "+h2_style+" } .control-panel { display: inline; } .control-panel__btn { display: table-cell; width: 50%; padding-left: 10px; } .control-panel__btn .button-popup { width: 100%; } .button-popup { margin-top: 12px; text-decoration: none; margin: 0; height: 38px; border-radius: 0; background-image: none; background: #08c; border: 1px solid #08c; cursor: pointer; display: inline-block; padding: 7px 15px; font-size: 15px; box-sizing: border-box; vertical-align: middle; font-weight: 400; line-height: 22px; background-color: #06639d; border-color: #06639d; color: #FFFFFF; }\/* ---------------------------- ----------- POPUP ------------ ---------------------------- *\/ .ct-popup-background { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(10, 10, 10, 0.8); opacity: 0; } .ct-popup-container { position: relative; } .ct-popup-box { opacity: 0; width: fit-content; width: -moz-fit-content; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 6px 12px 2px #222; border-radius: 3px; font-family: sans-serif; transition-property: width; transition-duration: 3s; } .ct-popup-close-icon { width: 18px; height: 18px; position: absolute; right: -7px; top: -7px; border-radius: 50%; background-color: #ff4d4d; transition: background 0.15s; } .ct-popup-close-icon:hover { cursor: pointer; background-color: #e60000; } .ct-popup-close-icon:active { background-color: #cc0000; } .ct-popup-close-icon-line-first, .ct-popup-close-icon-line-second { height: 10px; width: 2px; background-color: white; } .ct-popup-close-icon-line-first { margin-left: 8px; margin-top: 4px; transform: rotate(45deg); Z-index: 1; } .ct-popup-close-icon-line-second { transform: rotate(90deg); Z-index: 2; } .ct-popup-show { opacity: 1; } .ct-popup-image, .ct-popup-icon { display: block; background-size: cover; background-position: center center; } .ct-popup-image { width: calc(100% + 4px); height: 120px; position: relative; left: -2px; top: -2px; box-shadow: 0px 4px 3px -3px #aaa; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ct-popup-content { padding: 17px 17px; } .ct-popup-icon { margin: auto; margin-bottom: 8px; width: 28px; height: 28px; } .ct-popup-title, .ct-popup-text { margin: 0; text-align: center; } .ct-popup-title { font-weight: 600 !important; font-size: 19px !important; color: #404040 !important; margin-bottom: 3px !important; } .ct-popup-text { font-size: 15px !important; color: #606060 !important; } .ct-popup-text h1, .ct-popup-text h2, .ct-popup-text h3, .ct-popup-text h4, .ct-popup-text h5, .ct-popup-text h6 { color: #222; } .ct-popup-text b { color: #222; font-weight: 600; } .ct-popup-elements { overflow: hidden; width: fit-content; max-width: 100%; margin: auto; } .ct-popup-elements * { float: left; } \/* ---------------------------- -------- ANIMATIONS ----------- ---------------------------- *\/ .fade-ct-popup-animation-open { animation-name: fade-ct-popup-animation-open; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes fade-ct-popup-animation-open { from { opacity: 0; } to { opacity: 1; } } .fade-ct-popup-animation-close { animation-name: fade-ct-popup-animation-close; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes fade-ct-popup-animation-close { from { opacity: 1; } to { opacity: 0; } } .bubble-ct-popup-animation-open { animation-name: bubble-ct-popup-animation-open; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes bubble-ct-popup-animation-open { 0% { transform: translate(-50%, -50%) scale(0, 0); } 50% { transform: translate(-50%, -50%) scale(1.1, 1.1); } 100% { transform: translate(-50%, -50%) scale(1, 1); } } .bubble-ct-popup-animation-close { animation-name: bubble-ct-popup-animation-close; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes bubble-ct-popup-animation-close { 0% { transform: translate(-50%, -50%) scale(1, 1); } 50% { transform: translate(-50%, -50%) scale(1.1, 1.1); } 100% { transform: translate(-50%, -50%) scale(0, 0); } } .card-right-ct-popup-animation-open { animation-name: card-right-ct-popup-animation-open; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes card-right-ct-popup-animation-open { from { opacity: 0; left: calc(50% + 200px); transform: translate(-50%, -50%) scale(0.8, 0.8); } to { opacity: 1; left: 50%; transform: translate(-50%, -50%) scale(1, 1); } } .card-right-ct-popup-animation-close { animation-name: card-right-ct-popup-animation-close; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes card-right-ct-popup-animation-close { from { opacity: 1; left: 50%; transform: translate(-50%, -50%) scale(1, 1); } to { opacity: 0; left: calc(50% + 200px); transform: translate(-50%, -50%) scale(0.8, 0.8); } } .card-left-ct-popup-animation-open { animation-name: card-left-ct-popup-animation-open; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes card-left-ct-popup-animation-open { from { opacity: 0; left: calc(50% - 200px); transform: translate(-50%, -50%) scale(0.8, 0.8); } to { opacity: 1; left: 50%; transform: translate(-50%, -50%) scale(1, 1); } } .card-left-ct-popup-animation-close { animation-name: card-left-ct-popup-animation-close; animation-duration: 0.15s; animation-fill-mode: forwards; } @keyframes card-left-ct-popup-animation-close { from { opacity: 1; left: 50%; transform: translate(-50%, -50%) scale(1, 1); } to { opacity: 0; left: calc(50% - 200px); transform: translate(-50%, -50%) scale(0.8, 0.8); } } .newspaper-ct-popup-animation-open { animation-name: newspaper-ct-popup-animation-open; animation-duration: 0.4s; animation-fill-mode: forwards; } @keyframes newspaper-ct-popup-animation-open { from { opacity: 0; transform: translate(-50%, -50%) scale(0) rotate(500deg); } to { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); } } .newspaper-ct-popup-animation-close { animation-name: newspaper-ct-popup-animation-close; animation-duration: 0.4s; animation-fill-mode: forwards; } @keyframes newspaper-ct-popup-animation-close { from { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); } to { opacity: 0; transform: translate(-50%, -50%) scale(0) rotate(500deg); } } .unfold-ct-popup-animation-open { animation-name: unfold-ct-popup-animation-open; animation-duration: 0.3s; animation-fill-mode: forwards; } @keyframes unfold-ct-popup-animation-open { from { opacity: 0; transform-style: preserve-3d; transform: translate(-50%, -50%) rotateY(-60deg); } to { opacity: 1; transform: translate(-50%, -50%) rotateY(0deg); } } .unfold-ct-popup-animation-close { animation-name: unfold-ct-popup-animation-close; animation-duration: 0.3s; animation-fill-mode: forwards; } @keyframes unfold-ct-popup-animation-close { from { opacity: 1; transform: translate(-50%, -50%) rotateY(0deg); } to { opacity: 0; transform-style: preserve-3d; transform: translate(-50%, -50%) rotateY(-60deg); } } \/* ---------------------------- ---------- MOBILE ------------- ---------------------------- *\/ @media (max-width: 500px) { .ct-popup-box { width: 90%; } .ct-box-centered { width: 90% !important; } }"; css_popup += '.control-panel__btn{ display: flex!important; justify-content: space-around; width: auto!important; flex-wrap:wrap; } .button-popup{ margin-top:10px;width:200px!important; } .ct-popup-title{ font-size: 30px!important; color: #404040 !important; -webkit-text-size-adjust: 100%; text-align: center!important; list-style: none; margin: 0 0 20px 0; font-weight: 400!important; text-transform: none; line-height: 1.2; font-family: \'Open Sans\',sans-serif;} .ct-popup-text{ line-height: 25px;margin-top: 14px!important; } .strikethrough { position: relative; } .strikethrough:before { color:red; position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 3px solid; border-color: inherit; -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg); }'; js_popup += `popup("${labels[language].title}","${selectBook}<br><div style='padding: 7px;'></div><div class='control-panel'> <div class='control-panel__btn'><button type='button' onclick='closePopup(1);goToAn(${epubAn});' class='button-popup'>${labels[language].epub}</button> <button type='button' onclick='closePopup(1);goToAn(${pdfAn});' class='button-popup'>${labels[language].pdf}</button></div> </div>" ,"", "", { isBlocked: true }); `; var head = document.querySelector('head'); var s = document.createElement("script"); s.innerText = js_popup; head.appendChild(s); var c = document.createElement("style"); c.innerText = css_popup; head.appendChild(c); } </script> </body> </html>