Добавить в цитаты Настройки чтения

Страница 1 из 1

<epigraph> <p>Трудно поверить в чудо, если оно с тобой не случалось, но чудеса случаются только с теми, кто в них верит.</p><p> </p><p>Книга предоставлена <a href="https://searchfloor.ru" target="_blank" rel="nofollow"><b>Цокольным этажом</b></a>, где можно скачать и другие книги.</p></br> <br /> </div> </article> <div class="page-nav"> <ul class="page-nav-1"> <script> $(document).ready(function(){ $('#change-page').change(function(){ document.location.href = '/chitat-online/?b=1214562&pg='+$(this).val(); }); }); </script> <li class="page-nav-1__item page-nav-1__item_input"> <input id="change-page" class="page-nav-1__input input" type="text" value="1"> </li> </ul> <ul class="page-nav-2"> <li class="page-nav-2__item"> <a class="page-nav-2__button button-prev" href="https://readli.net/tal-4-nevozmozhnoe-vozmozhno-2/"><span>На страницу книги</span></a> </li> </ul> </div> <section class="reading-end"> <h3 class="reading-end__title">Понравилась книга?</h3> <div class="reading-end__content"> <a id="create-review" class="button-review" href="javascript: void(0)">Написать отзыв</a> <script> $(document).ready(function () { $('#create-review').click(function () { $('.add-comment').show('slow'); }); }); </script> <!-- BEGIN COMMENTS FORM --> <a name="add-comment"> </a> <div class="add-comment" style="display: none"> <form id="form-add-review" action="/add-review/1214562/" method="post"> <input type="hidden" name="_csrf-frontend" value="0rY56XwJJLQ64WFR_kzZ2Y2VkqwLXW9xilRxDG0rndOC-Hq_NW5j5A-DMjnOP7OS2M3fnzg7KznpMEFkLkP2tg=="> <div class="input-form"> <label class="input-label">Ваше имя</label> <div class="input-item"> <div class="form-group field-review-guest_name required"> <input type="text" id="review-guest_name" class="input input-white" name="Review[guest_name]" value="Читатель" maxlength="255" onfocus="if(this.value == 'Читатель') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Читатель';}" aria-required="true"> <div class="help-block"></div> </div> </div> </div> <div class="input-form"> <label class="input-label">Ваш комментарий</label> <div class="input-item"> <div class="form-group field-review-message required"> <textarea id="review-message" class="textarea textarea-white js-autogrow" name="Review[message]" aria-required="true"></textarea> <div class="help-block"></div> </div> </div> </div> <div class="input-form"> <label class="input-label"> </label> <div class="add-comment__captcha input-item"> <div class="form-group field-review-recaptcha"> <input type="hidden" id="review-recaptcha" name="Review[reCaptcha]"><div id="review-recaptcha-recaptcha-form-add-review" class="g-recaptcha" data-sitekey="6Lel_yETAAAAAJMZFnyylHx9RjJSugASSAxrQAcy" data-input-id="review-recaptcha" data-form-id="form-add-review"></div> <div class="help-block"></div> </div> <!-- <div class="g-recaptcha" data-sitekey="6Ld4GU0UAAAAAJs4oJ5jwcIte5soo20K3zoK0mI1"></div>--> </div> </div> <div class="add-comment__bottom"> <div class="add-comment__right"> <button class="add-comment__button button">Добавить</button> </div> </div> </form> </div> <!-- COMMENTS FORM EOF --> <div class="end-buttons"> <div class="end-buttons__item"> <a class="button-like-button button-like " data-id="1214562" href="javascript: void(0)" data-popup="#popup-login"> <span class="button-like__cols"> <span class="button-like__text">Мне нравится</span> <span class="button-like__count">3</span> </span> </a> </div> <div class="end-buttons__item"> <a class="button-like button-like_reward temp-hidden" data-popup="#popup-reward" href="javascript:void(0);"> <span class="button-like__cols"> <span class="button-like__text">Наградить</span> <span class="button-like__count">0</span> </span> </a> </div> </div> <section class="download"> <h4 class="download__title">Скачать книгу в формате:</h4> <ul class="download__list"> <li class="download__item disabled"><a class="download__link" href="#">fb2</a></li><li class="download__item disabled"><a class="download__link" href="#">epub</a></li><li class="download__item disabled"><a class="download__link" href="#">rtf</a></li><li class="download__item disabled"><a class="download__link" href="#">mobi</a></li><li class="download__item disabled"><a class="download__link" href="#">txt</a></li> </ul> </section> <div class="book-socials"> <p class="book-socials__label">Поделиться:</p> <div class="book-socials__list"> <ul class="socials-1"> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_small socials-1__link_icon-1 button-blue" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Freadli.net%2Ftal-4-nevozmozhnoe-vozmozhno-2%2F" target="_blank"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_small socials-1__link_icon-2 button-blue" href="https://vk.com/share.php?url=https%3A%2F%2Freadli.net%2Ftal-4-nevozmozhnoe-vozmozhno-2%2F&title=%D0%A2%D0%B0%D0%BB%D1%8C+4.+%D0%9D%D0%B5%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D0%B5+%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE&description=+%D0%9A%D0%B0%D0%BD%D0%B8%D0%BA%D1%83%D0%BB%D1%8B+%D0%BF%D1%80%D0%BE%D0%BB%D0%B5%D1%82%D0%B5%D0%BB%D0%B8+%D0%BA%D0%B0%D0%BA+%D0%BE%D0%B4%D0%B8%D0%BD+%D0%BC%D0%B8%D0%B3.+%D0%97%D0%B0%D0%B2%D0%B5%D1%80%D1%88%D0%B5%D0%BD%D0%B0+%D0%BE%D0%BA%D0%B0%D0%B7%D0%B0%D0%B2%D1%88%D0%B0%D1%8F%D1%81%D1%8F+%D0%B4%D0%B0%D0%BB%D0%B5%D0%BA%D0%BE+%D0%BD%D0%B5%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B9+%D0%BE%D0%B1%D1%8F%D0%B7%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F+%D0%BE%D1%82%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0%2C+%D0%BE%D1%82%D0%B3...&image=https%3A%2F%2Freadli.net%2Fwp-content%2Fuploads%2F2023%2F03%2F-1678304868.jpg&noparse=true" target="_blank"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_small socials-1__link_icon-3 button-blue" href="https://twitter.com/share?url=https%3A%2F%2Freadli.net%2Ftal-4-nevozmozhnoe-vozmozhno-2%2F&text=%D0%A2%D0%B0%D0%BB%D1%8C+4.+%D0%9D%D0%B5%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D0%B5+%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE" target="_blank"></a> </li> </ul> </div> </div> </div> </section> </div> </main> <style> .popup-window { color: #222 !important; font-size: 16px; background: none !important; } </style> <div class="popups"> <!-- BEGIN POPUP QUOTE --> <!-- POPUP QUOTE EOF --> <!-- BEGIN POPUP SETTINGS --> <div id="popup-settings"> <div class="popup popup_size-5"> <button class="popup__close button-close-2"></button> <div class="settings"> <p class="settings__title">Настройки чтения</p> <div class="settings__item settings__item_fixed"> <span class="settings__label">Тема:</span> <div class="settings__action"> <a class="switch js-switch" href="javascript:void(0);"><span></span></a> </div> </div> <div class="settings__item"> <span class="settings__label settings__label_long">Цвет текста:</span> <div class="settings__action"> <div class="range-color"> <div class="js-range-1"></div> </div> </div> </div> <div class="settings__item"> <span class="settings__label settings__label_long">Цвет фона:</span> <div class="settings__action"> <div class="range-color range-color_light"> <div class="js-range-2"></div> </div> </div> </div> <div class="settings__item"> <span class="settings__label">Шрифт:</span> <div class="settings__action"> <div class="range-size"> <div class="js-range-3"> <div id="custom-handle" class="ui-slider-handle"></div> </div> </div> </div> </div> <script> $(document).ready(function(){ $('#save-settings').click(function () { var theme = ($('.js-switch').hasClass('active'))?1:0; var color = $( ".js-range-1" ).slider( "option", "value" ); var backgroundColor = $( ".js-range-2" ).slider( "option", "value" ); var fontSize = $( ".js-range-3" ).slider( "option", "value" ); // text color var s = parseInt(255/30); colorVal = 255 - color*s; $('body').css('color', 'rgb('+colorVal+','+colorVal+','+colorVal+')'); // background color var s = parseInt(255/30); colorVal = 255 - backgroundColor*s; $('body').css('background-color', 'rgb('+colorVal+','+colorVal+','+colorVal+')'); // font $('body').css('font-size', fontSize); $('.popup-window .popup__close').trigger('click'); $.post('/ajax-site/save-reading-settings/', 'theme='+theme+'&color='+color+'&backgroundColor='+backgroundColor+'&fontSize='+fontSize, function(){}); }); $('#reset-settings').click(function () { $('.js-switch').removeClass('active') $( ".js-range-1" ).slider( "option", "value", 30 ); var color = 30; var s = parseInt(255/30); color = 255 - color*s; $('body').css('color', 'rgb('+color+','+color+','+color+')'); $( ".js-range-2" ).slider( "option", "value", 0); var color = 0; var s = parseInt(255/30); color = 255 - color*s; $('body').css('background-color', 'rgb('+color+','+color+','+color+')'); $( ".js-range-3" ).slider( "option", "value", 16 ); $('body').css('font-size', $( ".js-range-3" ).slider( "option", "value" )); }); }); </script> <button id="save-settings" class="settings__button button">Сохранить</button> <button id="reset-settings" class="settings__button button button-white">Сброс</button> </div> </div> </div> <!-- POPUP SETTINGS EOF --> <!-- BEGIN POPUP QUOTE --> <script> $(document).ready(function(){ $('.facebook-share').click(function () { FB.ui({ method: 'share', href: 'https://readli.net/tal-4-nevozmozhnoe-vozmozhno-2/', quote: '«'+$('q').html()+'»' }, function(response){}); }); var getWindowOptions = function() { var width = 500; var height = 350; var left = (window.innerWidth / 2) - (width / 2); var top = (window.innerHeight / 2) - (height / 2); return [ 'resizable,scrollbars,status', 'height=' + height, 'width=' + width, 'left=' + left, 'top=' + top, ].join(); }; $('.twitter-share').click(function(e) { e.preventDefault(); var shareUrl = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent('«'+$('q').text()+'»')+"&url="+'https://readli.net/tal-4-nevozmozhnoe-vozmozhno-2/'; $(this).attr('href', shareUrl); var win = window.open(shareUrl, 'Поделиться в twitter', getWindowOptions()); win.opener = null; // 2 }); $('.vk-share').click(function () { var shareUrl = 'https://vk.com/share.php?url='+'https://readli.net/tal-4-nevozmozhnoe-vozmozhno-2/'+'&title=' + $('q').text()+'&noparse=true'; $(this).attr('href', shareUrl); var win = window.open(shareUrl, 'Поделиться в vkontakte', getWindowOptions()); win.opener = null; // 2 return false; }); $('#add-quote-button').click(function(){ $.post('/ajax-lk/add-quote/', 'book_id='+$(this).data('book-id')+'&page_number=1"e='+$('q').text(), function(data) { if (data == '1') { $('#quotes-tab-2').addClass("active").siblings(".js-tabs-content").removeClass("active"); if($('#add-quote-button').hasClass("js-quote-fix")){ $('#add-quote-button').closest(".popup").addClass("active"); } } }); }); }); </script> <div id="popup-quote"> <div class="popup popup_size-4"> <button class="popup__close button-close-2"></button> <div class="quotes js-quotes"> <!-- BEGIN TAB --> <div class="quotes__item tab js-tabs-content active" id="quotes-tab-1"> <p class="quotes__title">Цитата</p> <div class="quote"> <div class="quote__text js-seo"> <p class="quote__fix js-seo-fix"> <q class="js-seo-content js-quote-append"></q> </p> <a class="quote__more js-seo-button" href="javascript:void(0);">Смотреть больше</a> </div> <span class="quote__info"><a class="book__link" href="/avtor/Egorova-Natalya/">Егорова Наталья</a>, «Таль 4. Невозможное возможно».</span> </div> <div class="quotes__bottom"> <a id="add-quote-button" class="quotes__button button js-quote-fix" data-book-id="1214562" href="javascript:void(0);">Добавить в мои цитаты</a> <div class="quote-socials"> <p class="quote-socials__label">Поделиться:</p> <div class="quote-socials__list"> <ul class="socials-1"> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-1 button-blue facebook-share" href="#"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-2 button-blue vk-share" href="#"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-3 button-blue twitter-share" href="https://vk.com/share.php?url=https://readli.net&title=test"></a> </li> </ul> </div> </div> </div> </div> <!-- TAB EOF --> <!-- BEGIN TAB --> <div class="quotes__item tab js-tabs-content" id="quotes-tab-2"> <div class="quote-success"> <p class="quote-success__text">Цитата успешно добавлена в <a class="link-border" href="javascript: void(0)">Мои цитаты</a>. <br>Желаете поделиться с друзьями?</p> <div class="quote-success__socials"> <ul class="socials-1"> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-1 button-blue facebook-share" href="#"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-2 button-blue vk-share" href="#"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-3 button-blue twitter-share" href="#"></a> </li> </ul> </div> </div> </div> <!-- TAB EOF --> </div> </div> </div> <!-- POPUP QUOTE EOF --> </div> <div class="tooltip"> <div class="tooltip__content"><span></span></div> <div class="tooltip__fix"><span></span></div> <div class="tooltip__triangle"></div> </div> <!-- POPUPS EOF --> <!----> </main> <!-- MAIN EOF --> <!-- BEGIN FOOTER --> <button class="scroll-button button-blue js-scroll-top"></button> <footer class="footer"> <div class="footer__top wrapper"> <div class="footer__cols"> <div class="footer__left-top"> <nav class="footer-nav"> <ul class="footer-nav__list"> <li class="footer-nav__item"> <a class="footer-nav__link" href="/">Книги</a> </li> <li class="footer-nav__item"> <a class="footer-nav__link" href="/zhanryi/">Жанры</a> </li> <li class="footer-nav__item"> <a class="footer-nav__link" href="/avtoryi/">Авторы</a> </li> </ul> </nav> </div> <div class="footer__right-top"> <p class="footer-age">Внимание! Сайт может содержать информацию, предна­значенную для лиц, дости­гших 18 лет.</p> </div> </div> </div> <div class="footer__bottom-wrap"> <div class="footer__bottom wrapper"> <div class="footer__cols"> <div class="footer__left-bottom"> <a class="footer-logo" href="/">Ридли</a> <p class="footer-copyrights">© “Ридли”, 2024. Все права защищены.</p> </div> <div class="footer__right-bottom"> </div> </div> </div> </div> </footer> <!-- FOOTER EOF --> </div> <!-- BEGIN POPUPS --> <div class="popups"> <!-- BEGIN POPUP LOGIN --> <div id="popup-login"> <div class="popup"> <button class="popup__close button-close-2"></button> <div class="popup-form"> <!-- BEGIN TAB --> <div class="popup-form__item tab js-tabs-content active" id="popup-form-1"> <form id="form-login" action="/login/" method="post"> <input type="hidden" name="_csrf-frontend" value="0rY56XwJJLQ64WFR_kzZ2Y2VkqwLXW9xilRxDG0rndOC-Hq_NW5j5A-DMjnOP7OS2M3fnzg7KznpMEFkLkP2tg=="> <div class="input-form"> <label class="input-label">E-mail</label> <div class="input-item"> <div class="form-group field-loginform-email required"> <input type="text" id="loginform-email" class="input" name="LoginForm[email]" aria-required="true"> <div class="help-block"></div> </div> </div> </div> <div class="input-form"> <label class="input-label">Пароль</label> <div class="input-item"> <div class="form-group field-loginform-password required"> <input type="password" id="loginform-password" class="input" name="LoginForm[password]" aria-required="true"> <div class="help-block"></div> </div> </div> </div> <button class="popup-form__button button">Войти</button> </form> <ul class="popup-form__list"> <li class="popup-form__item"> <a id="forgot-password" class="popup-form__link js-tabs-link" href="#popup-form-2">Забыли пароль?</a> </li> <li class="popup-form__item"> <a id="registration" class="popup-form__link js-tabs-link" href="#popup-form-3">Еще не зарегистрированы?</a> </li> </ul> <div class="popup-form__or"><span>или</span></div> <div class="popup-socials"> <p class="popup-socials__label">Войти через:</p> <ul class="popup-socials__list socials-1"> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-2 button-blue" href="/login/vkontakte/"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-1 button-blue" href="/login/facebook/"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-3 button-blue" href="/login/twitter/"></a> </li> <li class="socials-1__item"> <a class="socials-1__link socials-1__link_icon-4 button-blue" href="/login/google/"></a> </li> </ul> </div> </div> <script> $(document).ready(function() { $("#registration").live("click", function (e) { $('#popup-form-3').html(''); $.post('/ajax-site/get-registration-form/', '', function (data) { $('#popup-form-3').html(data); }); }); $("#forgot-password").live("click", function (e) { $('#popup-form-2').html(''); $.post('/ajax-site/get-forgot-password-form/', '', function (data) { $('#popup-form-2').html(data); }); }); }); </script> <!-- TAB EOF --> <!-- BEGIN TAB --> <div class="popup-form__item tab js-tabs-content" id="popup-form-2"> </div> <!-- TAB EOF --> <!-- BEGIN TAB --> <div class="popup-form__item tab js-tabs-content js-check-control" id="popup-form-3"> </div> <!-- TAB EOF --> </div> </div> </div> <!-- POPUP LOGIN EOF --> <!-- BEGIN POPUP COMPLAINT --> <!-- POPUP COMPLAINT EOF --> <!-- BEGIN POPUP REWARD --> <!-- POPUP REWARD EOF --> <!-- BEGIN POPUP ADMIN --> <script> $(document).ready(function() { $("#message-subject").live("change", function (e) { $('.admin__item').html(''); if ($(this).val() == 1) { $.post('/ajax-site/get-message-to-admin-form/', '', function (data) { $('#admin-tab-1').html(data); }); } else { $.post('/ajax-site/get-message-complicant-form/', '', function (data) { $('#admin-tab-2').html(data); }); } }); }); </script> <div id="popup-admin"> <div class="popup popup_size-3"> <button class="popup__close button-close-2"></button> <div class="admin"> <div class="input-form"> <label class="input-label">Тема</label> <div class="input-item"> <div class="select select_1"> <select class="js-formstyler" id="message-subject"> <option>- Выберите тему обращения -</option> <option value="1" data-item="#admin-tab-1">Письмо администратору</option> <option value="2" data-item="#admin-tab-2">Жалоба правообладателя</option> </select> </div> </div> </div> <div class="admin__list"> <!-- BEGIN TAB --> <div class="admin__item tab js-tabs-content" id="admin-tab-1"> </div> <!-- TAB EOF --> <!-- BEGIN TAB --> <div class="admin__item tab js-tabs-content" id="admin-tab-2"> </div> <!-- TAB EOF --> </div> </div> </div> </div> <!-- POPUP ADMIN EOF --> <!-- BEGIN POPUP CHAT --> <div id="popup-chat"> </div> <!-- POPUP CHAT EOF --> </div> <div class="tooltip"> <div class="tooltip__content"><span></span></div> <div class="tooltip__fix"><span></span></div> <div class="tooltip__triangle"></div> </div> <!-- POPUPS EOF --> <div class="icon-load"></div> <script src="//www.google.com/recaptcha/api.js?hl=ru&render=explicit&onload=recaptchaOnloadCallback" async defer></script> <script src="/assets/6e22b5dd/yii.js"></script> <script src="/assets/6e22b5dd/yii.validation.js"></script> <script src="/assets/6e22b5dd/yii.activeForm.js"></script> <script>function recaptchaOnloadCallback() { "use strict"; jQuery(".g-recaptcha").each(function () { var reCaptcha = jQuery(this); if (reCaptcha.data("recaptcha-client-id") === undefined) { var recaptchaClientId = grecaptcha.render(reCaptcha.attr("id"), { "callback": function (response) { if (reCaptcha.data("form-id") !== "") { jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val(response) .trigger("change"); } else { jQuery("#" + reCaptcha.data("input-id")).val(response).trigger("change"); } if (reCaptcha.attr("data-callback")) { eval("(" + reCaptcha.attr("data-callback") + ")(response)"); } }, "expired-callback": function () { if (reCaptcha.data("form-id") !== "") { jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val(""); } else { jQuery("#" + reCaptcha.data("input-id")).val(""); } if (reCaptcha.attr("data-expired-callback")) { eval("(" + reCaptcha.attr("data-expired-callback") + ")()"); } }, }); reCaptcha.data("recaptcha-client-id", recaptchaClientId); if (reCaptcha.data("size") === "invisible") { grecaptcha.execute(recaptchaClientId); } } }); }</script> <script>jQuery(function ($) { jQuery('#form-add-review').yiiActiveForm([{"id":"review-guest_name","name":"guest_name","container":".field-review-guest_name","input":"#review-guest_name","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Поле обязательное для заполнения"});yii.validation.string(value, messages, {"message":"Значение «Имя пользователя» должно быть строкой.","skipOnEmpty":1});}},{"id":"review-message","name":"message","container":".field-review-message","input":"#review-message","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Поле обязательное для заполнения"});yii.validation.string(value, messages, {"message":"Значение «Текст» должно быть строкой.","skipOnEmpty":1});}},{"id":"review-recaptcha","name":"reCaptcha","container":".field-review-recaptcha","input":"#review-recaptcha","validate":function (attribute, value, messages, deferred, $form) {if (!value) { messages.push("Пожалуйста, подтвердите, что вы не робот."); }}}], []); jQuery('#form-login').yiiActiveForm([{"id":"loginform-email","name":"email","container":".field-loginform-email","input":"#loginform-email","enableAjaxValidation":true,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Необходимо заполнить «Email»."});}},{"id":"loginform-password","name":"password","container":".field-loginform-password","input":"#loginform-password","enableAjaxValidation":true,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Необходимо заполнить «Password»."});}}], []); });</script></body> <script src="https://connect.facebook.net/en_US/sdk.js" async></script> </html>