Авторизуйтесь по паролю
Или через соцсеть
Endy 04.04.2016 Общие вопросы, jQuery, Хаки, Ламерские вопросы 3456
ravchik - 2016-04-044 апреля 2016 10:19 - #54505
Endy - 2016-04-044 апреля 2016 10:40 - #54509
ravchik - 2016-04-044 апреля 2016 10:43 - #54510
Endy - 2016-04-044 апреля 2016 10:46 - #54512
Endy - 2016-04-044 апреля 2016 10:48 - #54513
Вставляем скрипты в дополнительные поля новости(встроенные сценарии и стили)Встроенные сценарии и стили –программные коды в html-документе,обёрнутые в теги <script> или <style>Установить (встроить) скрипт прямо на веб-страницу с новостью позволяет её дополнительное поле – [xfvalue_имя]. При просмотре страницы, содержание доп.поля выводится движком из новости – непосредственно в html-разметку шаблона сайта, где и оборачивается тегами <script> или <style>. Этот способ позволяет частично обойти фильтрацию ввода данных CMS DLE.В админпанели движка – создать дополнительные поля с именами «css» (для CSS) и «java» (для javascript). Тип поля – несколько строк. «Использовать поле по желанию» – да. Текстовый редактор – не подключать.В низ шаблона полной новости (fullstory.tpl) вставить конструкции<style type="text/css">[xfvalue_css]</style> (для CSS)<script type="text/javascript">[xfvalue_java]</script> (для javascript)При добавлении новости – в созданные доп.поля записываются требуемые коды скриптов и стилейНедостатком использования доп.полей в CMS DLE является их общедоступность. Журналисты смогут добавлять скрипты и стили в новости сайта DLE. Запись и загрузка скриптов и стилей в доп.поля новости приемлема владельцам блогов да небольших сайтов, где нет орды журналистов.Частично, общедоступность доп.полей в CMS DLE ограничивается оборачиванием тегами [group=1] строки {xfields} в шаблоне addnews.tpl и запретом входа журналистов в админпанель движка.
joydo - 2016-04-044 апреля 2016 10:49 - #54514
Endy - 2016-04-044 апреля 2016 11:12 - #54516
<style> .sociallinks { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .sociallinks-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; border-radius: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .close { color: #aaa; position: absolute; top: 10px; right: 10px; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .social-container { display: flex; align-items: center; } .social-container > div { margin-left: 10px; } h2, p { margin: 5px 0; } .social { padding-top: 20px; } .social img { margin: 10px; } .sharebtn { padding-top: 20px; width: 100%; } .sharebtn_area { border: 1px solid black; height: 40px; } .sharebtn input[type="text"] { width: 70%; border: none; height: 95%; } .sharebtn button { width: 25%; height: 95%; border: none; background-color: #fff; } </style> <button id="opensociallinksBtn">Поделиться</button> <div id="mysociallinks" class="sociallinks"> <div class="sociallinks-content"> <span class="close">×</span> <div class="social-container"> <img src="{image-1}" alt="Icon" width="30" height="30"> <div> <h2>{title}</h2> <p>Поделиться</p> </div> </div> <div class="social"> <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a> <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a> <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a> <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a> </div> <div class="sharebtn"> <div class="sharebtn_area"> <input type="text" id="inputText" value="{full-link}" readonly="true"> <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button> </div> </div> </div> </div> <script> var sociallinks = document.getElementById("mysociallinks"); var opensociallinksBtn = document.getElementById("opensociallinksBtn"); var closeBtn = document.getElementsByClassName("close")[0]; var copyBtn = document.getElementById("copyBtn"); var inputText = document.getElementById("inputText"); opensociallinksBtn.onclick = function() { sociallinks.style.display = "block"; } closeBtn.onclick = function() { sociallinks.style.display = "none"; } window.onclick = function(event) { if (event.target == sociallinks) { sociallinks.style.display = "none"; } } copyBtn.onclick = function() { inputText.select(); document.execCommand("copy"); } </script>