Загрузка полного описания при клике на новость для uCoz[
Скачать с сервера (0.7Kb)
]
Опять же, найдено что-то особенное и необычное, но полезное и
функциональное. Нас давно просили написать какой-нибудь удобный и
легенький скрипт для сайта про очистку воды в бассейне,
который бы подгружал полное описание и чтобы производилась сама собой
запись в историю браузера, а еще этот скрипт должен был позволять
сворачивать обратно полное описание.
Скрипт легко прикрутить к любому каталогу файлов - главное желание и
какое-никакое умение. Но, если возникают проблемы - указывайте их в
комментариях и мы вам поможем чем сможем. Работаем с материалами для
загрузки и строкой с линком. Легкие клики мышкой - и все готово. Чтобы
узнать как это работает подробнее - смотрите маленькое видео, которые мы
для вас подготовили. Опять же, все вопросы и непонятки, а так же
хвалебные отзывы - в комментарии. Скрипт вписывать, если уж решились
устанавливать, в любой глобальный блок в самый его низ. Операторы
$MESSAGE$ и $TITLE$ вставляйте те, которые указаны в вашем модуле, если
он не является Каталогом файлов. Мне и моим коллегам показалось, что эта
подгрузка полного описания и функция записи в историю браузера - вещь
нужная. Сами используем, и вам рекомендуем. Сделано веб-мастером
Apocalypse.
Важно! Картинку из прикреплённого архива залейте в папку images
Установка:
В любой глобальный блок в самый низ: <script> // Подгрузка полного описания by Apocalypse var curstate = location.href; function apoloadme(id, url){ if($('div.apoloadfull'+ id).html()==''){ if(curstate != url){ history.replaceState(null,null, url); } $('#loader'+ id).fadeIn(); $('div.apoloadfull'+ id).load(url +' #apoentry',function(){ $('img[id^="loader"]').hide(); $('div#apoent'+ id).hide(0); $('div.apoloadfull'+ id).fadeIn(100); }); } else { history.replaceState(null,null, curstate); $('img[id^="loader"]').hide(); $('div.apoloadfull'+ id).html('').hide(); $('div#apoent'+ id).fadeIn(300); } } // ApoTeam (c) 2013 </script>
|
На странице полного описания и комментариев к нему найдите $MESSAGE$ и замените на: <divid="apoentry">$MESSAGE$</div>
|
В виде материалов найдите $TITLE$ и замените на: <spanonclick="apoloadme('$ID$','$ENTRY_URL$');returnfalse;">$TITLE$</span><imgsrc="/images/ajax-loader.gif"id="loader$ID$"style="display:none;"height="8px">
|
Здесь же в виде материалов замените $MESSAGE$ на: <divid="apoent$ID$">$MESSAGE$</div> <divclass="apoloadfull$ID$"></div>
|
Нравится
|