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

Страница 37 из 39

Часть II

<p>Тaйнa</p> <br /> </div> </article> <div class="page-nav"> <ul class="page-nav-1"> <li class="page-nav-1__item page-nav-1__item_button" > <a class="page-nav-1__button button" href="/chitat-online/?b=1326083&pg=36">Предыдущая</a> </li> <script> $(document).ready(function(){ $('#change-page').change(function(){ document.location.href = '/chitat-online/?b=1326083&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="37"> </li> <li class="page-nav-1__item page-nav-1__item_button" > <a class="page-nav-1__button button" href="/chitat-online/?b=1326083&pg=38">Следующая</a> </li> </ul> <ul class="page-nav-2"> <li class="page-nav-2__item"> <a class="page-nav-2__button button-prev" href="/chitat-online/?b=1326083&pg=1"><span>В начало</span></a> </li> <li class="page-nav-2__item"> <a class="page-nav-2__button button-next" href="/chitat-online/?b=1326083&pg=39"><span>В конец</span></a> </li> </ul> <a class="page-nav-2__button button-prev" href="https://readli.net/lezvie-2/"><span>На страницу книги</span></a> </div> </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/lezvie-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/lezvie-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/lezvie-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=37"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/morkina-yuliya/">Моркина Юлия</a>, «Лезвие».</span> </div> <div class="quotes__bottom"> <a id="add-quote-button" class="quotes__button button js-quote-fix" data-book-id="1326083" 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="MJ-BwFRYhzphcUm9t8Bu5jOEPIHFK2MjZ6k8nUxNF3Jcssm6LR_XYCkmH9buhVa8etd9845uJ0JWkU7-CSE6Cw=="> <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="/assets/6e22b5dd/yii.js"></script> <script src="/assets/6e22b5dd/yii.validation.js"></script> <script src="/assets/6e22b5dd/yii.activeForm.js"></script> <script>jQuery(function ($) { 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>