Deník N pro rodiče

<!DOCTYPE html> <html lang="cs" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Deník N pro rodiče</title> <meta name="description" content="Deník N - Nezávislé Noviny"> <script type="application/javascript"> document.domain = "denikn.cz"; funnel_id = "133"; </script> <link href="/layouts/novydenik/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <link href="https://a-static.projektn.sk/2018/11/icon-hires.png" rel="icon" sizes="192x192"> <link href="https://a-static.projektn.sk/2018/11/favicon.ico" rel="icon"> <link href="https://a-static.projektn.sk/2018/11/favicon.ico" rel="shortcut icon">   <meta property="og:locale" content="cs_CZ"> <meta property="og:type" content="website"> <meta property="og:title" content="Deník N - Nezávislé Noviny"> <meta property="og:url" content="https://denikn.cz"> <meta property="og:site_name" content="Deník N"> <meta property="fb:admins" content="1342532370"> <meta property="og:image" content="https://static.novydenik.com/2018/10/Denik_N_share_cover_fb.jpg"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://denikn.cz/", "potentialAction": { "@type": "SearchAction", "target": "https://denikn.cz/?s={search_term}", "query-input": "required name=search_term" } } </script>  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext" rel="stylesheet"> <link rel="alternate" type="application/rss+xml" title="RSS kanál: Denník N »" href="https://dennikn.sk/feed/"> <link rel="alternate" type="application/rss+xml" title="RSS kanál komentárov webu Denník N »" href="https://dennikn.sk/comments/feed/"> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://dennikn.sk/xmlrpc.php?rsd"> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://dennikn.sk/wp-includes/wlwmanifest.xml"> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="/layouts/novydenik/js/bootstrap.min.js"></script> <script src="/layouts/application/js/nette-forms/netteForms.js"></script> <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-55921068-4 ', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('require', 'ecommerce'); ga('linker:autoLink', ['novydenik.cz']); ga('send', 'pageview'); ga('create', 'UA-55921068-1', 'auto', {'name': 'globalTracker'}); ga('globalTracker.send', 'pageview'); ga('globalTracker.require', 'ecommerce'); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/layouts/novydenik/css/bootstrap.min.css"> <link rel="stylesheet" href="/layouts/novydenik/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/layouts/novydenik/js/bootstrap-slider/css/bootstrap-slider.min.css?version=1"> <link rel="stylesheet" href="/layouts/novydenik/css/bundle29.css"> <style> @font-face { font-family: "Lumin Serif"; src: url('/layouts/novydenik/fonts/luminserif__4.eot'); src: url('/layouts/novydenik/fonts/luminserif__4.eot?#iefix') format('embedded-opentype'), url('/layouts/novydenik/fonts/luminserif__4.woff') format('woff'), url('/layouts/novydenik/fonts/luminserif__4.ttf') format('truetype'); font-weight: 400; font-style: normal; } * { box-sizing: border-box; } body, html { height: auto; overflow-x: hidden; } a, a:visited, a:hover, a:active { color: #2c9fdc; } h1 { margin: 0; } a:hover { color: #b00c28; } .btn { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } #additional-info { display: block; margin: 0 10px 10px 10px; font-weight: 300; font-size: 12px; } .alert { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; } .alert-js .has-error { display: block; } .alert-danger { border: 2px solid #b01827; font-weight: 600; } .s_container { padding: 0; padding-bottom: 60px; width: 100%; max-width: 780px; } .form-control { border-radius: 0; } .form-control:focus { box-shadow: none; } input::before { display: none; } .s_header .menu .primary a:hover { text-decoration: none } .logo a:hover { color: white } form ul.error { background-color: #b00c28; color: white; padding: 8px; list-style: none; } #outside { height: auto; overflow: hidden; } @media (min-width: 400px) { #outside { height: 1200px; } } @media (min-width: 641px) { #outside { height: 700px; } } .subscriptionFooter span { font-size: 22px; } .s_footer .contact a:hover { color: white; } .s_footer .links a:hover { color: white; text-decoration: none; } .s_footer .partners a:hover { text-decoration: none; } .additionalform form legend { border: none; } .selector-section { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .subscription-term-input { opacity: 0; height: 0; } /****************************************************************************** Choose subscription (cheap, complete) ******************************************************************************/ .subscription-type-wrapper { border: solid 1px #dbdbdb; padding: 20px; } .subscription-title { position: relative; display: block; margin: 0; color: #b01827; padding-bottom: 15px; margin-bottom: 15px; font-size: 24px; font-family: "Lumin Serif", sans-serif; font-style: normal; font-weight: 400; } .subscription-title:after { content: ''; position: absolute; margin: 0; left: 0; bottom: 0; width: 60px; height: 3px; background: #b01827; } .subscription-description { font-weight: normal; line-height: 1.8; font-size: 14px; } .subscription-description > ul { font-weight: normal; padding-left: 20px; font-size: 13px; } .subscription-price-price { font-size: 24px; font-weight: bold; color: #262324; line-height: 0.8; } .subscription-price-price > div { padding-top: 7px; } .subscription-price-price > div > small { font-size: 15px; } .subscription-price button { position: relative; display: inline-block; width: 100%; padding: 15px; font-size: 16px; font-weight: bold; background: none; color: #45b864; border: 1px solid #45b864; } .chosen-one .subscription-price button { background-color: #45b864; color: #fff; } /****************************************************************************** Choose payment method ******************************************************************************/ .choose-payment-type-wrapper { border: 2px solid #e4e4e4; margin-top: 20px; padding: 30px 40px 40px 40px; } .payment-types { position: relative; width: 50%; float: left; } .payment-types-right { padding-left: 40px; } .payment-types-left { border-right: 1px solid #dbdbdb; } .payment-types > ul { margin: 0; padding: 0; list-style-type: none; } .payment-type-title { margin: 0; padding: 0; font-size: 16px; font-weight: 600; margin-bottom: 3px; margin-top: 5px; } .payment-type-title, .payment-type-more { padding-left: 5px; } .payment-type-more { font-size: 12px; color: #9b9b9b; } .payment-type { padding-left: 67px; margin-bottom: 20px; margin-left: 16px; } .payment-type-with-desc .payment-type-title { margin-top: 0; } .payment-types ul li:last-child > .payment-type { margin-bottom: 0; } .payment-type:before { background-image: url('/layouts/novydenik/img/payments-new-1.png'); height: 35px; width: 61px; display: inline-block; margin: -7px 0 0 -65px; position: absolute; } .payment-type input[type="radio"] { position: absolute; margin-top: 5px; left: 2px; } .payment-type.transfer:before { background-position: 0 -70px; } .payment-type.paypal:before { background-position: 0 -105px; } .payment-type-trustpay:before { background-position: 0 -182px; margin-top: 0; } .optout-email { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sub-form { margin-top: 40px; width: 50%; padding-right: 20px; } input[type=checkbox].inline-checkbox { display: inline-block; margin-right: 5px; margin-top: 10px; } .sub-form .control-label { padding-left: 25px; } .sub-form .styled-checkbox + label:before { top: 5px; width: 14px; height: 14px; box-shadow: 0 0 0 2px #262324; } .sub-form .styled-checkbox:checked + label:after { top: 6px; left: 1px; width: 12px; height: 12px; } .newsletter { font-size: 13px; margin-top: 10px; } .newsletter > div, .newsletter > input { display: inline-block; vertical-align: top; } .newsletter input[type=checkbox].inline-checkbox { margin-top: 2px; } .agreement { font-size: 13px; } .pay-button { position: relative; display: inline-block; width: 100%; background-color: #45b864; color: #fff; padding: 15px; font-size: 18px; font-weight: 600; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 10px; } .pay-button:hover, .pay-button:active, .pay-button:visited, .pay-button:focus { color: #fff; } .pay-button-text { position: relative; } .pay-button-text.loading { padding-left: 14px; } /****************************************************************************** Second window (donation) ******************************************************************************/ .gift .row { margin: 0; } #second-window h1 { font-size: 26px; text-align: center; font-weight: 100; margin-top: 40px; margin-bottom: 30px; } #second-window h2 { font-size: 18px; margin: 20px; text-align: center; font-weight: 100; } #second-window .col-right h2 { margin: 30px; } #second-window .carousel-control { background-image: none; color: #000; top: 70px; width: 0; } #second-window .carousel-indicators { bottom: -30px; } #second-window .carousel-indicators li { background: #cacaca; border: none; margin: 0 1px; } #second-window .carousel-indicators li.active { background: #508fd9; width: 10px; height: 10px; } #second-window .carousel-inner .item { padding: 0 75px; } #second-window .carousel-inner .item .profile { padding-top: 10px; float: left; } #second-window .carousel-inner .item .quote { position: relative; margin-left: 140px; background: #ffffe3; padding: 20px 25px 5px; margin-bottom: 10px; -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25); box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25); } #second-window .carousel-inner .item .quote:after { right: 100%; top: 85px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 30px solid rgba(255, 255, 227, 0); border-right-color: #ffffe3; margin-top: -30px; } #second-window .carousel-inner .quote p:first-of-type { font-style: italic; min-height: 90px; } #second-window .carousel-inner .quote .signature img { top: -15px; } #second-window .carousel-inner .quote p:last-of-type { position: absolute; bottom: 10px; } #second-window .selector-section { border: 1px solid #999; margin: 35px 0; } #second-window .selector-section .col-left, #second-window .selector-section .col-right { padding: 0 20px; } #second-window .selector-section .col-left { border-right: 1px solid #999; background: #f8f8f8; } #second-window .amount-section { background: #249fdc; padding: 35px 7px 10px; margin-bottom: 20px; } #second-window .amount-section .slider { border-right: 1px solid #000; border-left: 1px solid #000; height: 10px; } #second-window .amount-section .tooltip { margin-top: -43px; } #second-window .amount-section .tooltip .tooltip-arrow { border-top-color: #fff; } #second-window .amount-section .tooltip .tooltip-inner { background: #fff; color: #000; font-size: 14px; font-weight: 700; } #second-window .amount-section .slider-handle { background: #fff none; border: 3px solid #000; top: -5px; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4); } #second-window .amount-section .slider-track, #second-window .amount-section .slider-selection { height: 1px; background: #000 none; margin-top: 0; } #second-window .amount-section .no-padding { padding-right: 0; padding-left: 0; } #second-window .amount-section input { padding: 0 2px; text-align: right; width: 100%; height: 26px; } #second-window .amount-section .input-group-addon { background: none; color: #000; padding: 6px; border: none; font-weight: 700; } #second-window .amount-section .triangle { display: inline-block; width: 0; height: 0; border-style: solid; margin: 5px 0 0; } #second-window .amount-section .triangle-bottom-left { border-width: 5px 0 0 5px; border-color: transparent transparent transparent #6fcfff; } #second-window .amount-section .triangle-bottom-right { border-width: 0 0 5px 5px; border-color: transparent transparent #6fcfff transparent; } #second-window .amount-section .slider-margins div { background: #6fcfff; color: #000; padding: 0 7px; } #second-window .slider.slider-horizontal { width: 100%; } #second-window .additional-type ul { list-style: none; margin: 0 30px; padding: 0; } #second-window .additional-type li { margin: 10px; } #second-window .additional-type input { float: left; margin: 8px 8px 0 -20px; } #second-window .additional-type label { display: block; margin-left: 20px; font-weight: 300; cursor: pointer; font-size: 12px; margin-bottom: 0; } #second-window .additional-type label strong { font-weight: 700; font-size: 18px; } #second-window .gift-button { margin: 30px auto; height: 50px; color: #FFF; border: 0; border-radius: 0; font-weight: 700; background: #45b864 none; } #second-window .no-gift-button { margin: 120px auto 20px; height: 50px; color: #249fdc; border: 3px solid #249fdc; border-radius: 0; font-weight: 700; background: none; } /****************************************************************************** custom checkbox ******************************************************************************/ .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; cursor: pointer; } .styled-checkbox + label:before { position: absolute; display: block; left: 0; top: 8px; content: ""; margin-right: 10px; vertical-align: text-top; width: 18px; height: 18px; background: white; box-shadow: 0 0 0 3px #262324; } .styled-checkbox:hover + label:before { background: #fff; } .styled-checkbox:checked + label:before { background: #fff; } .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } .styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd; } .styled-checkbox:checked + label:after { content: ""; position: absolute; left: 1px; top: 9px; width: 16px; height: 16px; background: url("/layouts/dennikn/images/subscribe/checkbox-ok.png") center center no-repeat; -webkit-background-size: cover; background-size: cover; } .sub-form .has-error { -webkit-animation: bounce 0.8s ease-out; -moz-animation: bounce 800ms ease-out; -o-animation: bounce 800ms ease-out; animation: bounce 0.8s ease-out; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } /*========================================= bounce animation used on errors ==========================================*/ @-webkit-keyframes bounce { 0% { -webkit-transform:translateY(-100%); } 5% { -webkit-transform:translateY(-100%); } 15% { -webkit-transform:translateY(0); } 20% { -webkit-transform:translateY(-80%); } 25% { -webkit-transform:translateY(0%); } 30% { -webkit-transform:translateY(-70%); } 35% { -webkit-transform:translateY(0%); } 40% { -webkit-transform:translateY(-60%); } 45% { -webkit-transform:translateY(0%); } 50% { -webkit-transform:translateY(-50%); } 55% { -webkit-transform:translateY(0%); } 60% { -webkit-transform:translateY(-30%); } 65% { -webkit-transform:translateY(0%); } 70% { -webkit-transform:translateY(-15%); } 75% { -webkit-transform:translateY(0); } 80% { -webkit-transform:translateY(-10%); } 85% { -webkit-transform:translateY(0); } 90% { -webkit-transform:translateY(-5%); } 95% { -webkit-transform:translateY(0); } 100% { -webkit-transform:translateY(0); } } /* Mozilla Firefox 15 below */ @-moz-keyframes bounce { 0% { -moz-transform:translateY(-100%); opacity: 0; } 5% { -moz-transform:translateY(-100%); opacity: 0; } 15% { -moz-transform:translateY(0); } 30% { -moz-transform:translateY(-50%); } 40% { -moz-transform:translateY(0%); } 50% { -moz-transform:translateY(-30%); } 70% { -moz-transform:translateY(0%); } 80% { -moz-transform:translateY(-15%); } 90% { -moz-transform:translateY(0%); } 95% { -moz-transform:translateY(-10%); } 97% { -moz-transform:translateY(0%); } 99% { -moz-transform:translateY(-5%); } 100% { -moz-transform:translateY(0); opacity: 1; } } /* Opera 12.0 */ @-o-keyframes bounce { 0% { -o-transform:translateY(-100%); opacity: 0; } 5% { -o-transform:translateY(-100%); opacity: 0; } 15% { -o-transform:translateY(0); } 30% { -o-transform:translateY(-50%); } 40% { -o-transform:translateY(0%); } 50% { -o-transform:translateY(-30%); } 70% { -o-transform:translateY(0%); } 80% { -o-transform:translateY(-15%); } 90% { -o-transform:translateY(0%); } 95% { -o-transform:translateY(-10%); } 97% { -o-transform:translateY(0%); } 99% { -o-transform:translateY(-5%); } 100% { -o-transform:translateY(0); opacity: 1; } } /* W3, Opera 12+, Firefox 16+ */ @keyframes bounce { 0% { transform:translateY(-100%); opacity: 0; } 5% { transform:translateY(-100%); opacity: 0; } 15% { transform:translateY(0); } 30% { transform:translateY(-50%); } 40% { transform:translateY(0%); } 50% { transform:translateY(-30%); } 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); opacity: 1; } } .preloader { position: absolute; top: 3px; left: -26px; display: none; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } /****************************************************************************** Responsivness ******************************************************************************/ @media(max-width: 850px) { .carousel { display: none; } } @media(max-width: 768px) { .subscription-type-wrapper { /*padding-bottom: 20px;*/ margin-bottom: 20px; } .subscription-price-price { margin-top: 8px; padding-right: 0; padding-left: 0; } #second-window .no-gift-button { border: 1px solid; font-size: 16px; font-weight: 400; margin: 20px auto; } #second-window .additional-type ul { margin: 10px 0; } #second-window .selector-section .col-left { border-right: none; } #second-window .amount-section .input-group { margin-top: 10px; } #second-window .selector-section { margin: 0; } #second-window .additional-type label strong { font-size: 16px; } #second-window .col-right h2 { font-size: 16px; } } @media(max-width: 700px) { .subscription-title, .subscription-price-price { font-size: 20px; } .subscription-price-price { font-size: 18px; } .subscription-price button { padding: 10px; } .subscription-price-price > div { padding-top: 0; } .subscription-description > ul { font-size: 11px; } .subscription-description { font-size: 12px; } .subscription-price button { font-size: 13px; } .payment-type-more { font-size: 11px; } .july-input { font-size: 14px; padding: 8px 10px; height: 38px; } .help-block, .control-label { font-size: 12px; } .pay-button { font-size: 14px; } } @media(max-width: 650px) { .sub-form { padding-right: 0; width: 100%; } .sub-form .control-label { padding-top: 4px; } } @media(max-width: 550px) { .subscription-type-wrapper { height: auto !important; } .july-input { font-size: 16px; padding: 10px 10px; height: 42px; } } @media(max-width: 400px) { .term-picker > li { width: 50%; } .term-picker > li > label { width: 100%; } .pay-button { font-size: 13px; } .preloader { left: -7px; } .choose-payment-type-wrapper { padding: 20px; } } </style> <style> .sub-form { width: 100%; padding-right: 0; } .sub-form-half { position: relative; display: block; width: 50%; margin-top: 20px; padding-right: 20px; } .controls.sub-form-half { margin-top: 0; } .pay-button { margin-top: 0; } .choose-payment-type-wrapper { padding: 30px 40px; } .sub-form .control-label { margin-bottom: 0; margin-top: 8px; } .control-label.agreement { margin-bottom: 5px; } .subscription-price-price { font-size: 21px; } @media(max-width: 650px) { .sub-form-half { width: 100%; } } .subscription-type-yearly-price { display: none; } .subscription-price-yearly-month { font-weight: normal; font-size: 10px !important; } .payment-type.transfer:before { background: url(/layouts/novydenik/images/payments-new.png) no-repeat 0 -70px; } .subscription-types { display: flex; } .subscription-type-wrapper { display: flex; width: 50%; flex-direction: column; align-items: flex-end; } .subscription-type-wrapper.active .pricing-button { background-color: #46B863; color: #fff; } .subscription-type-wrapper.active .not-selected { display: none; } .subscription-type-wrapper.active .selected { display: block !important; } .subscription-type-wrapper:first-child { margin-right: 20px; } .subscription-description { margin-bottom: 20px; } .subscription-description ul li { font-weight: bold; line-height: 1.8; font-size: 14px; } .pricing-button { position: relative; cursor: pointer; width: 100%; border: 1.5px solid #46B863; background-color: #fff; color: #46B863; font-family: 'Lumin Sans', sans-serif; font-size: 1.3rem; padding: 0.3rem 0 0.4rem 0; margin: auto 0 0.6rem 0; font-weight: bold; /*margin-top: auto;*/ } </style> <script src="/layouts/default/js/modernizr-3.6.0.js"></script> <script src="/layouts/default/js/respondjs-1.4.2.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> <script src="/layouts/novydenik/js/bootstrap.min.js"></script> <script src="/layouts/novydenik/js/bootstrap-slider/bootstrap-slider.min.js"></script> <script> document.documentElement.className += ' js' </script> <style type="text/css"> .choose-payment-type-wrapper { margin-top: 10px; padding: 20px 40px; } .payment-type { margin-bottom: 10px; } .sub-form { margin-top: 25px; } #user_field, #password_field { width: 100%; margin-bottom: 10px; } #email, #password { height: 36px; font-size: 15px; display: inline-block; width: 48%; } #email-help-block { font-size: 13px; font-weight: 600; display: inline-block; } .styled-checkbox + label:before { margin-left: 2px; } .styled-checkbox:checked + label:after, .sub-form .styled-checkbox:checked + label:after { left: 3px; } #password_field .help-block { font-size: 13px; font-weight: 600; } .pay-button-text.loading { padding-left: 14px; } @media (max-width: 768px) { .subscription-type-wrapper { margin-bottom: 0px; } } @media (max-width: 600px) { .subscription-type-wrapper { display: block; width: 100%; } .subscription-type-wrapper:first-child { margin-bottom: 10px; } .payment-types { float: none; width: 100%; } .payment-types-right { padding-left: 0; } .payment-types-left { border-right: none; } .subscription-types { display: block; } } </style> <script> window.dataLayer = window.dataLayer || []; </script>  <script src='https://denikn.cz/wp-content/plugins/dn-ads-cz/build/cpex.js'></script> <script type="text/javascript"> // trigger dataLayer events based on the didomi consent if (typeof (__tcfapi) != 'undefined') { __tcfapi('addEventListener', 2, function (data, success) { // no consent confirmed yet, starting not personalized scripts if (success && data.eventStatus !== 'useractioncomplete' && data.eventStatus !== 'tcloaded') { dataLayer.push({'event': 'consent_ads_and_tracking'}); } if (typeof (data.listenerId) != 'undefined') { __tcfapi('removeEventListener', 2, function (success) { }, data.listenerId); } }); window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function () { if(Didomi.getUserConsentStatus('publishers-Kqq3iPge', 'c:nmediaa-8bcq6new')) { console.log("pushing events") dataLayer.push({'event': 'consent_ads_and_tracking'}); } }); window.didomiOnReady.push(function () { if(Didomi.getUserConsentStatus('publishers-UPqtcgaE', 'c:nmediaa-8bcq6new')) { dataLayer.push({'event': 'consent_personalized_ads'}); } }); } else { dataLayer.push({'event': 'consent_ads_and_tracking'}); dataLayer.push({'event': 'consent_personalized_ads'}); } </script>   <script type="text/javascript"> window['gtag_enable_tcf_support'] = true </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T8CMXTN');</script>    <script type="text/javascript"> // Script below (/remp/beam-tracker/js) configures global referer variable which we need // to use in the trackCheckout. Occasionally this was executed sooner than needed. // We were forced to delay the execution after remplib is loaded. At that moment // the referer is guaranteed to be set correctly. window.addEventListener('beam_event', function (event) { // execute this only for pageview/load event if (event.detail['_category'] !== 'pageview' && event.detail['_action'] !== 'load') { return; } // if sales funnel is being reloaded (e.g. SSO login), do not track events again var urlReloadNonce = (new URL(window.location.href)).searchParams.get("_r"); var storageReloadNonce = localStorage.getItem('sf_reload_nonce'); if (storageReloadNonce && urlReloadNonce === storageReloadNonce) { // sales funnel reload, do no track } else { var xmlHttpRequest = new XMLHttpRequest(); xmlHttpRequest.open('POST', '/api/v1/content/parse-url'); xmlHttpRequest.onreadystatechange = function() { if (this.readyState !== 4) { return; } if (this.status >= 400) { var response = JSON.parse(this.responseText); if (response.code !== 'content_not_found') { console.warn("Unable to find content: " + response.message); } } var response = JSON.parse(this.responseText); if (response.article_id) { remplib.tracker.setArticle({ 'id': new String(response.article_id) }); remplib.tracker.trackCheckout(funnel_id, true); return; } remplib.tracker.trackCheckout(funnel_id, true); } xmlHttpRequest.send(JSON.stringify({ url: referer })); } }, false); </script> <script type="application/javascript" src="/remp/beam-tracker/js"></script>   <script> // fbq('track', 'ViewContent'); </script>   <script> window.addEventListener("load", () => { window.addEventListener('message', function(event) { if (event.data.name === 'tp-checkout-box' && event.data.detail.width && event.data.detail.height) { let iframe = document.getElementById("tp-iframe"); iframe.style['width'] = event.data.detail.width + 'px'; iframe.style['height'] = event.data.detail.height + 'px'; } }); window.isTrustPayModalCompatible = function (form) { const isMobileDevice = navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i); const isTrustPay = form.payment_gateway.value === 'trustpay' || form.payment_gateway.value === 'trustpay_recurrent'; return isTrustPay && !isMobileDevice; } window.trustPayModalSubmit = function (form) { showModal(); let formData = new FormData(form); fetch(form.action, { method: form.method, body: formData, }).then(response => { console.log(response); showPaymentUI(response.url); }).catch((error) => { console.log(error); alert("Nastala chyba. Zkuste to prosím později."); }); } let modal = document.getElementById("tp-payment-modal"); let loader = document.getElementById("tp-payment-modal-loader"); let modalIframe = document.getElementById("tp-payment-modal-iframe"); modal.addEventListener('click', function() { modal.style.display = 'none'; modalIframe.firstChild.remove(); }); function showModal() { window.top.scrollTo({top: 0, behaviour: "smooth"}); modal.style.display = 'flex'; loader.style.display = 'flex'; } function showPaymentUI(url) { let iframe = document.createElement('iframe'); iframe.src = url; iframe.id = 'tp-iframe'; iframe.width = '100%'; iframe.style.width = '360px'; iframe.style.height = '300px'; iframe.setAttribute('frameborder', 0); iframe.setAttribute('marginwidth', 0); iframe.setAttribute('marginheight', 0); iframe.onload = function () { loader.style.display = 'none'; modalIframe.style.display = 'flex'; }; modalIframe.appendChild(iframe); } }); </script> <div id="tp-payment-modal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; align-items: flex-start; justify-content: center; background-color: rgba(0,0,0,0.6);"> <div style="max-width: 95dvh; max-height: 95dvh; font-size: 0; margin-top: 50px;"> <div id="tp-payment-modal-loader" class="tp-payment-modal-loader" style="margin-top: 100px; display: none;"></div> <div id="tp-payment-modal-iframe" style="display: none;"></div> </div> </div> <style> .tp-payment-modal-loader { color: lightgrey; height: 30px; aspect-ratio: 2.5; --_g: no-repeat radial-gradient(farthest-side, #eeeeee 90%, #0000); background: var(--_g), var(--_g), var(--_g), var(--_g); background-size: 20% 50%; animation: l43 1s infinite linear; } @keyframes l43 { 0% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 16.67% { background-position: calc(0 * 100% / 3) 0, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 33.33% { background-position: calc(0 * 100% / 3) 100%, calc(1 * 100% / 3) 0, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } 50% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 100%, calc(2 * 100% / 3) 0, calc(3 * 100% / 3) 50% } 66.67% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 100%, calc(3 * 100% / 3) 0 } 83.33% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 100% } 100% { background-position: calc(0 * 100% / 3) 50%, calc(1 * 100% / 3) 50%, calc(2 * 100% / 3) 50%, calc(3 * 100% / 3) 50% } } </style>  </head> <body> <style> .sf-header-wrapper { max-width: 1000px; margin: auto; display: flex; min-height: auto; flex-direction: column; justify-content: start; gap: 20px; grid-gap: 20px; padding: 10px 10px 0; z-index: 1000; font-size: 14px; } .sf-header-wrapper .sf-header-logo { position: relative; overflow: hidden; float: left; font-size: 0px; margin-top: 0px; background: transparent; height: 50px; text-align: center; } .sf-header-wrapper .sf-header-login { float: right; } .sf-header-wrapper .sf-header-login a { font-family: "Open Sans", sans-serif; font-size: 12px; color: #000; text-transform: uppercase; text-align: right; display: block; width: 100%; height: 48px; padding: 0 18px; line-height: 49px; } .sf-header-wrapper .sf-header-login a span { display: inline-block; max-width: 196px; white-space: nowrap; overflow: hidden; } .sf-header-wrapper .sf-header-icon { display: block; width: 12px; float: right; height: 49px; margin-left: 10px; } </style> <header class="sf-header-wrapper"> <div style="padding: 0 10px;"> <h1 class="sf-header-logo"> <a href="https://denikn.cz/"><img alt="logo" src="/layouts/novydenik/logo.svg" style="height: 50px; margin: 1em 0;"></a> </h1> <div class="sf-header-login"> </div> </div> </header> <div id="top" class="s s_container"> <div class="s s_content "> <form action="/sales-funnel/sales-funnel-frontend/submit" method="post" id="frm-newpaymentdesignForm" target="_top"> <input type="hidden" name="funnel_url_key" value="prorodice-2024-10"> <input type="hidden" name="allow_redirect" value="true"> <div class="container-fluid"> <div id="first-window"> <div class="row"> <div class="col-sm-12" style="text-align: center;"> <input class="subscription-term-input" type="hidden" name="subscription_type" value="online_donate_print_2024-10"> </div> </div> <div class="text-right" style="margin-bottom: 8px"> <small>Další možnosti:</small> <a href="/?medium=denikn&referer=" target="_top"> <span class="label label-primary">Standardní nabídka bez slevy</span> </a> </div> <div class="row"> <div class="col-sm-12 subscription-types"> <div class="subscription-type-wrapper subscription-type-complete" data-subscription-type="online_donate_print_2024-10" data-price="5748"> <h2 class="subscription-title"> Online pro mě a tisk pro rodiče <div class="subscription-price-price"> <div class="subscription-type-yearly-price"><span class="subscription-term-price-club-yearly"></span> <small>ročně</small> <br> <small class="subscription-price-yearly-month"> (<span class="subscription-term-price-club"></span> měsíčně) </small> </div> <div class="subscription-type-monthly-price" style="vertical-align: top; "> <span>5748 Kč</span> <div style="display: inline-block"> <span style="font-weight: normal; color: #777"> <span style="text-decoration: line-through;">5988 Kč</span> </span> <small> (sleva 240 Kč)</small> </div> </div> </div> </h2> <div class="subscription-description clearfix"> Záleží vám na tom, co čtou vaši rodiče?<br> Darujte jim Deník N na celý rok se slevou 240 Kč. Tištěné noviny budou doručovány od pondělí do pátku včetně víkendové přílohy Kontext N a kulturní přílohy live! </div> <div class="subscription-description clearfix"> Vy získáte přístup k veškerému digitálnímu obsahu Deníku N, zpravodajský souhrn dne a páteční výběr šéfredaktora do e-mailové schránky. </div> <button class="pricing-button" type="button"> <span class="not-selected">Vybrat</span><span class="selected" style="display: none;">Vybrané</span> </button> </div> <div class="subscription-type-wrapper subscription-type-complete" data-subscription-type="online_club_donate_print_2024-10" data-price="7188"> <h2 class="subscription-title"> Online pro mě s Klubem N a tisk pro rodiče <div class="subscription-price-price"> <div class="subscription-type-yearly-price"><span class="subscription-term-price-club-yearly"></span> <small>ročně</small> <br> <small class="subscription-price-yearly-month"> (<span class="subscription-term-price-club"></span> měsíčně) </small> </div> <div class="subscription-type-monthly-price">7188 Kč <span style="font-weight: normal; color: #777"> <span style="text-decoration: line-through;">7428 Kč</span> </span> <small> (sleva 240 Kč)</small> </div> </div> </h2> <div class="subscription-description clearfix"> Chcete tento produkt i se službami Klubu N? <ul> <li>Můžete legálně sdílet články s přáteli</li> <li>Aplikace pro mobily a tablety</li> <li>Audioverze článků</li> <li>Další výhody Klubu N – <a href="https://denikn.cz/klub" target="_blank" style="color: #b00c28;">podrobnosti</a></li> </ul> Pořiďte Deník N s výhodami Klubu na celý rok se slevou 240 Kč. Tištěné noviny budou doručovány od pondělí do pátku včetně víkendové přílohy Kontext N a kulturní přílohy live! </div> <button class="pricing-button" type="button"> <span class="not-selected">Vybrat</span><span class="selected" style="display: none;">Vybrané</span> </button> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="choose-payment-type-wrapper"> <div class="clearfix"> <div class="payment-types payment-types-left"> <ul> <li> <label class="radio-inline payment-type payment-type-trustpay payment-type-with-desc double"> <input type="radio" name="payment_gateway" value="trustpay_recurrent" data-type="recurrent" data-allow-redirect="true"> <h2 class="payment-type-title">Platební karta, Apple Pay nebo Google Pay</h2> <div class="payment-type-more" title="Obnovování můžete kdykoliv zrušit a také požádat o vrácení omylem vykonané platby.">Automatické obnovování <i class="fas fa-info-circle"></i></div> </label> </li> <li> <label class="radio-inline payment-type payment-type-trustpay cardpay double"> <input type="radio" name="payment_gateway" value="trustpay" data-type="single" data-allow-redirect="true"> <h2 class="payment-type-title">Platební karta, Apple Pay nebo Google Pay</h2> <div class="payment-type-more">Jednorázově</div> </label> </li> </ul> </div> <div class="payment-types payment-types-right"> <ul> <li> <label class="radio-inline payment-type transfer"> <input type="radio" name="payment_gateway" value="bank_transfer" data-type="single"> <h2 class="payment-type-title" data-allow-redirect="true">Bankovní převod</h2> </label> </li> </ul> </div> </div> <div class="sub-form"> <div id="user_field" class="controls show-error sub-form-half"> <input type="text" required data-validation="email" id="email" name="email" class="optout-email form-control input-lg july-input" placeholder="Napíšte e-mail" /> <span id="email-help-block" class="help-block">Na tento e-mail vám zašleme přístupové údaje.</span> </div> <style> #password_field { display:none } </style> <div class="controls show-error sub-form-half" id="password_field"> <input type="password" id="password" name="password" class="optout-password password form-control input-lg july-input" placeholder="Vaše heslo" /> <span class="help-block" id="user-already-registered">E-mail už je zaregistrován, prosím, zadejte heslo. (<a href="https://predplatne.denikn.cz/users/users/reset-password" target="_blank">Zapomněli jste heslo?</a>)</span> <span class="help-block" id="user-bad-password" style="display: none">Zadané heslo není správné.</span> </div> <div class="oss_wrapper" style="margin-bottom: 16px;"> <span style="color: #737373" class="oss_payment_country_explanation"> Podle vaší IP adresy jsme určili, že zemí, v níž bude předplatné využito (za účelem výpočtu DPH), bude <strong>Singapore</strong>. Pokud si ji přejete změnit, <a style="color: rgb(175 50 57)" onclick="(function(){ document.querySelector('.oss_payment_country_wrapper').style.display = 'block'; document.querySelector('.oss_payment_country_explanation').style.display = 'none'; // 'disabled' prevents sending 'payment_country' input in form data // send only if user explicitly selects a country document.querySelector('.oss_payment_country_select').disabled = false; return false; })();return false;">vyberte si ze seznamu</a>. </span> <div class="oss_payment_country_wrapper" style="display: none"> <label style="color: #737373" for="oss_payment_country">Vyberte si zemi využití předplatného, resp. zemi, v níž fakturujete (kvůli správnému vyúčtování DPH). Cena zůstává beze změn.</label> <select id="oss_payment_country" class="input-select oss_payment_country_select" name="payment_country" disabled="disabled" style="padding: 8px; width: 100%; margin: 4px 0;border: 1px solid #9E9E9E;"> <option value="CZ" >Česko</option> <option value="SK" >Slovensko</option> <option value="AF" >Afghanistan</option> <option value="AL" >Albania</option> <option value="DZ" >Algeria</option> <option value="AD" >Andorra</option> <option value="AO" >Angola</option> <option value="AG" >Antigua and Barbuda</option> <option value="AR" >Argentina</option> <option value="AM" >Armenia</option> <option value="AW" >Aruba</option> <option value="AU" >Australia</option> <option value="AT" >Austria</option> <option value="AZ" >Azerbaijan</option> <option value="BS" >Bahamas</option> <option value="BH" >Bahrain</option> <option value="BD" >Bangladesh</option> <option value="BB" >Barbados</option> <option value="BY" >Belarus</option> <option value="BE" >Belgium</option> <option value="BZ" >Belize</option> <option value="BJ" >Benin</option> <option value="BT" >Bhutan</option> <option value="BO" >Bolivia</option> <option value="BA" >Bosnia and Herzegovina</option> <option value="BW" >Botswana</option> <option value="BR" >Brazil</option> <option value="BN" >Brunei</option> <option value="BG" >Bulgaria</option> <option value="BF" >Burkina Faso</option> <option value="BU" >Burma</option> <option value="BI" >Burundi</option> <option value="KH" >Cambodia</option> <option value="CM" >Cameroon</option> <option value="CA" >Canada</option> <option value="CV" >Cape Verde</option> <option value="CF" >Central African Republic</option> <option value="TD" >Chad</option> <option value="CL" >Chile</option> <option value="CN" >China</option> <option value="CO" >Colombia</option> <option value="KM" >Comoros</option> <option value="CD" >Congo Democratic Republic of the</option> <option value="CG" >Congo Republic of the</option> <option value="CR" >Costa Rica</option> <option value="CI" >Cote d'Ivoire</option> <option value="HR" >Croatia</option> <option value="CU" >Cuba</option> <option value="CW" >Curacao</option> <option value="CY" >Cyprus</option> <option value="DK" >Denmark</option> <option value="DJ" >Djibouti</option> <option value="DM" >Dominica</option> <option value="DO" >Dominican Republic</option> <option value="EC" >Ecuador</option> <option value="EG" >Egypt</option> <option value="SV" >El Salvador</option> <option value="GQ" >Equatorial Guinea</option> <option value="ER" >Eritrea</option> <option value="EE" >Estonia</option> <option value="ET" >Ethiopia</option> <option value="FJ" >Fiji</option> <option value="FI" >Finland</option> <option value="FR" >France</option> <option value="PF" >French Polynesia</option> <option value="GA" >Gabon</option> <option value="GM" >Gambia The</option> <option value="GE" >Georgia</option> <option value="DE" >Germany</option> <option value="GH" >Ghana</option> <option value="GI" >Gibraltar</option> <option value="GR" >Greece</option> <option value="GD" >Grenada</option> <option value="GT" >Guatemala</option> <option value="GN" >Guinea</option> <option value="GW" >Guinea-Bissau</option> <option value="GY" >Guyana</option> <option value="HT" >Haiti</option> <option value="VA" >Holy See</option> <option value="HN" >Honduras</option> <option value="HK" >Hong Kong</option> <option value="HU" >Hungary</option> <option value="IS" >Iceland</option> <option value="IN" >India</option> <option value="ID" >Indonesia</option> <option value="IR" >Iran</option> <option value="IQ" >Iraq</option> <option value="IE" >Ireland</option> <option value="IL" >Israel</option> <option value="IT" >Italy</option> <option value="JM" >Jamaica</option> <option value="JP" >Japan</option> <option value="JO" >Jordan</option> <option value="KZ" >Kazakhstan</option> <option value="KE" >Kenya</option> <option value="KI" >Kiribati</option> <option value="XK" >Kosovo</option> <option value="KW" >Kuwait</option> <option value="KG" >Kyrgyzstan</option> <option value="LA" >Laos</option> <option value="LV" >Latvia</option> <option value="LB" >Lebanon</option> <option value="LS" >Lesotho</option> <option value="LR" >Liberia</option> <option value="LY" >Libya</option> <option value="LI" >Liechtenstein</option> <option value="LT" >Lithuania</option> <option value="LU" >Luxembourg</option> <option value="MO" >Macau</option> <option value="MK" >Macedonia</option> <option value="MG" >Madagascar</option> <option value="MW" >Malawi</option> <option value="MY" >Malaysia</option> <option value="MV" >Maldives</option> <option value="ML" >Mali</option> <option value="MT" >Malta</option> <option value="MH" >Marshall Islands</option> <option value="MR" >Mauritania</option> <option value="MU" >Mauritius</option> <option value="MX" >Mexico</option> <option value="FM" >Micronesia</option> <option value="MD" >Moldova</option> <option value="MC" >Monaco</option> <option value="MN" >Mongolia</option> <option value="ME" >Montenegro</option> <option value="MA" >Morocco</option> <option value="MZ" >Mozambique</option> <option value="NA" >Namibia</option> <option value="NR" >Nauru</option> <option value="NP" >Nepal</option> <option value="NL" >Netherlands</option> <option value="AN" >Netherlands Antilles</option> <option value="NZ" >New Zealand</option> <option value="NI" >Nicaragua</option> <option value="NE" >Niger</option> <option value="NG" >Nigeria</option> <option value="KP" >North Korea</option> <option value="NO" >Norway</option> <option value="OM" >Oman</option> <option value="PK" >Pakistan</option> <option value="PW" >Palau</option> <option value="PS" >Palestinian Territories</option> <option value="PA" >Panama</option> <option value="PG" >Papua New Guinea</option> <option value="PY" >Paraguay</option> <option value="PE" >Peru</option> <option value="PH" >Philippines</option> <option value="PL" >Poland</option> <option value="PT" >Portugal</option> <option value="PR" >Puerto Rico</option> <option value="QA" >Qatar</option> <option value="RO" >Romania</option> <option value="RU" >Russia</option> <option value="RW" >Rwanda</option> <option value="KN" >Saint Kitts and Nevis</option> <option value="LC" >Saint Lucia</option> <option value="VC" >Saint Vincent and the Grenadines</option> <option value="WS" >Samoa</option> <option value="SM" >San Marino</option> <option value="ST" >Sao Tome and Principe</option> <option value="SA" >Saudi Arabia</option> <option value="SN" >Senegal</option> <option value="RS" >Serbia</option> <option value="SC" >Seychelles</option> <option value="SL" >Sierra Leone</option> <option selected value="SG" >Singapore</option> <option value="SX" >Sint Maarten</option> <option value="SI" >Slovenia</option> <option value="SB" >Solomon Islands</option> <option value="SO" >Somalia</option> <option value="ZA" >South Africa</option> <option value="KR" >South Korea</option> <option value="SS" >South Sudan</option> <option value="ES" >Spain</option> <option value="LK" >Sri Lanka</option> <option value="SD" >Sudan</option> <option value="SR" >Suriname</option> <option value="SZ" >Swaziland</option> <option value="SE" >Sweden</option> <option value="CH" >Switzerland</option> <option value="SY" >Syria</option> <option value="TW" >Taiwan</option> <option value="TJ" >Tajikistan</option> <option value="TZ" >Tanzania</option> <option value="TH" >Thailand</option> <option value="TL" >Timor-Leste</option> <option value="TG" >Togo</option> <option value="TO" >Tonga</option> <option value="TT" >Trinidad and Tobago</option> <option value="TN" >Tunisia</option> <option value="TR" >Turkey</option> <option value="TM" >Turkmenistan</option> <option value="TV" >Tuvalu</option> <option value="UG" >Uganda</option> <option value="UA" >Ukraine</option> <option value="AE" >United Arab Emirates</option> <option value="GB" >United Kingdom</option> <option value="US" >United States of America</option> <option value="UY" >Uruguay</option> <option value="UZ" >Uzbekistan</option> <option value="VU" >Vanuatu</option> <option value="VE" >Venezuela</option> <option value="VN" >Vietnam</option> <option value="YE" >Yemen</option> <option value="ZM" >Zambia</option> <option value="ZW" >Zimbabwe</option> </select> </div> </div> <div class="show-error"> <input type="checkbox" class="terms inline-checkbox styled-checkbox" id="terms" name="terms"> <label class="control-label agreement" for="terms"> Souhlasím s podmínkami používání a pravidly ochrany osobních údajů (<a href="https://denikn.cz/vseobecne-obchodni-podminky/" target="_blank">info</a>)</label> </div> <div> <input type="checkbox" id="newsletters_subscribe" class="inline-checkbox styled-checkbox" name="newsletters_subscribe" name="newsletters"> <label class="control-label newsletter" for="newsletters_subscribe"> <div style="display: inline-block;"> Posílejte mi novinky z redakce a informace o zvýhodněných cenách. </div> </label> </div> <div class="sub-form-half"> <button type="button" class="pricing-button choose-btn" id="no-subscription-type-selected"> Vyberte si předplatné </button> <button name="send" type="submit" class="pay-button btn btn-lg btn-block" style="display: none;"> <span class="pay-button-text"><i class="fas fa-sync fa-spin preloader"></i> Dokončit a zaplatit</span> <span class="price-without-donation"></span> </button> </div> </div> </div> <small style="display: block; text-align: center; margin-top: 10px;">Tisk začne chodit 2 - 3 pracovní dny po začátku předplatného. Adresu vyplníte hned po platbě.</small> </div> </div> </div> <div id="second-window" class="gift hidden"> <h1>Chcete nám pomoci ještě více?</h1> <div class="row selector-section"> <div class="col-xs-12 col-sm-6 col-left"> <h2>Přidejte k vašemu předplatnému<br>i dobrovolný příspěvek</h2> <div class="amount-section"> <div class="row"> <div class="col-xs-12 col-sm-9 no-padding"> <div class="row"> <div class="col-xs-12"> <input class="amount-slider" type="text" data-slider-min="0" data-slider-max="20000" data-slider-step="1" data-slider-value="0"> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="triangle triangle-bottom-right pull-right"></div> <div class="triangle triangle-bottom-left pull-left"></div> </div> </div> <div class="row"> <div class="col-xs-12 slider-margins"> <div class="pull-right">20000 Kč</div> <div class="pull-left">0 Kč</div> </div> </div> </div> <div class="col-xs-3 col-xs-offset-9 col-sm-offset-0 col-sm-3 no-padding"> <div class="input-group"> <input name="additional_amount" class="donation-input" id="additional-amount" type="text" value="0"> <span class="input-group-addon">Kč</span> </div> </div> </div> </div> <div class="row additional-type"> <ul> <li> <label for="additional-type:single"> <input id="additional-type:single" name="additional_type" value="single" checked="checked" type="radio"> <strong>Jednorázově</strong><br> Pouze u této platby. </label> </li> <li> <label for="additional-type:recurrent"> <input id="additional-type:recurrent" name="additional_type" value="recurrent" type="radio"> <strong>Opakovaně</strong><br> Při každé opakované platbě. </label> </li> </ul> </div> <button class="gift-button btn btn-lg center-block">Podpořit a zaplatit <span class="price-with-donation"></span></button> <span id="additional-info"></span> </div> <div class="col-xs-12 col-sm-6 col-right text-center"> <button><h2>Ne, děkuji.</h2></button> <hr> <button class="no-gift-button btn btn-lg center-block">Dokončit a zaplatit <span class="price-without-donation"></span></button> </div> </div> </div> </div> </form> </div> </div> <div class="modal fade" id="payment-modal" tabindex="-1" role="dialog" aria-labelledby="paymentModal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document" style="width: 575px"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> </div> </div> </div> </div> <script> var funnel_url_key = "prorodice-2024-10", user_is_logged = false, currency = 'Kč'; </script> <script src="/layouts/default/js/eventify.js"></script> <script src="/layouts/novydenik/payment-window-v1/utils.js?v=19"></script> <script> jQuery.validator.addMethod("dennikn-services", function(value, element) { var error = false; if ($('input.input-service').is(':checked')) { $('.services .section').removeClass('has-error'); $('#bonus_error').hide(); return true; } else { $('.services .section').addClass('has-error'); $('#bonus_error').show(); return false; } },""); jQuery.validator.addMethod("terms", function(value, element) { if ($('#terms').is(':checked')) { $('.terms').removeClass('has-error'); return true; } else { $('.terms').addClass('has-error'); return false; } },""); </script> <script> (function ($, undefined) { /********************************************************************************* * selectors cache *********************************************************************************/ // form var $form = $('#frm-newpaymentdesignForm'); var $email = $("#email"); var $password = $("#password"); var $passwordWrapper = $form.find("#password_field"); var $donationInput = $('.donation-input'); var $withKlubInput = $("#app_klub"); // validation var $badPassword = $passwordWrapper.find("#user-bad-password"); var $userAlreadyRegistered = $form.find('#user-already-registered'); // price places var $priceWithDonationEls = $(".price-with-donation"); var $priceWithoutDonationEls = $(".price-without-donation"); // steps var $subscriptionWindow = $('#first-window'); var $donationWindow = $('#second-window'); /********************************************************************************* * Listeners *********************************************************************************/ // listen for price variable changes and rerender price values Eventify.listen("price:change", onPriceChange); // validate email on change Eventify.listen("email:change", onEmailChange); // handle user submit Eventify.listen("user:submit", onUserSubmit); // handle show/hide elements on after email validation Eventify.listen("email:validated", onEmailValidated); // validation succesful Eventify.listen("form:valid", onFormValid); /********************************************************************************* * RUN *********************************************************************************/ $(function () { bindJQueryValidation(); bindDonationSlider(); // bind email change $email.on("change", function () { Eventify.emit("email:change"); }); // bind password change $password.on("change", function () { Eventify.emit("email:change"); }); // bind price change $('.input-service, .donation-input').on('change', function () { Eventify.emit("price:change"); }); $('.no-gift-button').on('click', function () { $donationInput.prop('disabled', true); $('input[name="additional_type"]').prop('disabled', true); }); Eventify.emit('price:change'); $('body').bind('focusin focus', function(e){ e.preventDefault(); }); $('.subscription-type-wrapper').on('click', function () { $('.subscription-type-wrapper').removeClass('active'); $(this).addClass('active'); $('[name=subscription_type]').val($(this).data('subscription-type')); $('.pay-button').show(); $('.choose-btn').hide(); Eventify.emit('price:change'); }); }); /********************************************************************************* * functions *********************************************************************************/ function getSubscriptionPrice() { // return $(".subscription-term-input").data('price'); return $('.subscription-type-wrapper.active').data('price'); } function getDonationAmount() { var amount = 0, $el = $("#additional-amount"); if ($el.length) { amount = parseFloat($el.val()); } return amount; } function overrideAllowRedirect() { var allowRedirect = $('input[name="payment_gateway"]:checked').data('allow-redirect'); if (typeof allowRedirect === 'undefined') { $('input[name="allow_redirect"]').val("true"); return; } $('input[name="allow_redirect"]').val(allowRedirect); } // handle error if user is not valid function onEmailValidated(data) { if (data.status === "available") { $passwordWrapper.hide(); $userAlreadyRegistered.hide(); $badPassword.hide(); } else if (data.status === "error") { if (data.code === "email_missing") { $passwordWrapper.hide(); $badPassword.hide(); $userAlreadyRegistered.hide(); } else if (data.code === "invalid_email") { $passwordWrapper.hide(); $badPassword.hide(); $userAlreadyRegistered.hide(); $('#email-help-block').html('Tento e-mail nie je platný.'); } else { $passwordWrapper.show(); $badPassword.show(); $userAlreadyRegistered.hide(); $passwordWrapper.closest('.show-error').addClass('has-error'); } } else if (data.status === "taken") { $passwordWrapper.show(); $userAlreadyRegistered.show(); $passwordWrapper.closest('.show-error').addClass('has-error'); if (data.password === false) { $badPassword.show(); } else { $badPassword.hide(); } } } function onEmailChange() { Form.checkEmail({ email: $email.val(), password: $password.val() }, function (response) { Eventify.emit("email:validated", response); }); } function onUserSubmit(data) { Form.checkEmail(data, function (response) { Eventify.emit("email:validated", response); if (response.status === "available" || user_is_logged || (response.status === "taken" && response.password === true)) { Eventify.emit("form:valid", data); } }); } function onFormValid(data) { if ($subscriptionWindow.is(":visible")) { $subscriptionWindow.addClass("hidden"); $donationWindow.removeClass("hidden"); $(window).scrollTop(0); // show subscription description $(".text-subscription").addClass("hidden"); // hide info about donation with recurrenc payment if its single payment if ($('input[name=payment_gateway]:checked').data("type") === "single") { $('.additional-type').addClass('hidden'); } $.ajax({ method: 'POST', url: '/api/v1/sales-funnel/track', data: { type: 'show_donation', url_key: funnel_url_key }, timeout: 20000 }).fail(function (jqXHR, textStatus) { console.warn('Unable to track sales funnel event'); }); } else { overrideAllowRedirect(); if ($('input[name="allow_redirect"]').val() == "false") { $.ajax({ type: "POST", url: data.form.action, data: $(data.form).serialize(), success: function(data) { if (data.url) { var $modal = $('#payment-modal'); $modal.find('.modal-body').html('<div class="scroll-wrapper"><iframe id="bankIframe" src="' + data.url + '" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes" width="100%" style="width:100%; height: 600px; max-width:100%;"></iframe></div>');; $modal.modal('show'); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("Nastala chyba. :( Zkuste to, prosím, později."); } }); } else { let form = data.form; isTrustPayModalCompatible(form) ? trustPayModalSubmit(form) : form.submit(); } } } function onPriceChange() { var priceWithoutDonation = getSubscriptionPrice(), priceWithDonation = priceWithoutDonation + getDonationAmount(); $('.subscription-term-price').html(Price.format(priceWithoutDonation)); $(".subscription-term-price-club").html(Price.format(parseFloat(priceWithoutDonation))); $priceWithDonationEls.html(Price.format(priceWithDonation)); $priceWithoutDonationEls.html(Price.format(priceWithoutDonation)); } function bindJQueryValidation() { $form.validate({ rules: { email: { email: true }, payment_gateway: { required: true }, terms: "terms" }, highlight: function(element) { $(element).closest('.show-error').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.show-error').removeClass('has-error'); }, errorElement: 'div', errorClass: 'help-block row', errorPlacement: function(error, element) { }, submitHandler: function (form) { Preloader.show(); Eventify.emit("user:submit", { email: $email.val(), password: $password.val(), form: form }); }, invalidHandler: function (form, validator) { if (validator.numberOfInvalids()) { $('html, body').animate({ scrollTop: $(validator.errorList[0].element).offset().top - 80 }, 500); } } }); } function bindDonationSlider() { var $donationInput = $('.donation-input'); $('.amount-slider').slider({ tooltip: 'always', formatter: function(value) { return value + ' Kč'; } }).on('slide', function (el) { $('input[name="additional_amount"]').val(el.value); Eventify.emit("price:change"); }); $donationInput.on('keyup, change', function () { var value = parseInt($(this).val()) << 0; $(this).val(value); $('.amount-slider').slider('setValue', value); }); $donationInput.on('focus', function () { $(this).val(''); }); $donationInput.on('blur', function () { $(this).val($('.amount-slider').slider('getValue')); }); } }(jQuery)); </script> <script> $(document).ready(function () { var defaultFormValues = null; $(function() { for (var key in defaultFormValues) { if (!defaultFormValues.hasOwnProperty(key)) { return; } if (defaultFormValues[key] instanceof Array) { for (var i = 0; i < defaultFormValues[key].length; i++) { $('form input:checkbox[name="' + key + '[]"]').filter('[value="' + defaultFormValues[key][i] + '"]') .attr('checked', true).prop('checked', true).trigger("change"); } } else { $('form [type="text"][name="'+ key +'"]').val(defaultFormValues[key]); $('form input:radio[name="' + key + '"]').filter('[value="' + defaultFormValues[key] + '"]') .attr('checked', true).prop('checked', true); $('form input:checkbox[name="' + key + '[]"]').filter('[value="' + defaultFormValues[key] + '"]') .attr('checked', true).prop('checked', true); } } $('#email').change(); $('input[name="additional_amount"]').change(); }); }); </script> <iframe style="position: absolute; top: -10000px; left: -10000px; width: 1px; height: 1px;" src="/token_http.php"></iframe> <script type="text/javascript" src="/layouts/default/js/iframeResizer.contentWindow.min.js"></script> </body> </html>

CINXE.COM

Deník N pro rodiče