Четверг, 24.05.2018, 20:51
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
mytorrento
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » ВИД МАТЕРИАЛОВ УКОЗ

Переключатель вида материалов для uCoz

Переключатель вида материалов для uCoz

Скрипт очень простой, он позволит сделать несколько вариантов вида материалов. Если Вы до конца разберетесь в принципе работы сценария, то с легкостью сможете сделать даже не два варианта вида, а три. Переключатель вида материалов для uCoz – это дополнение для сайта, позволяющее пользователю настраивать просмотр публикаций. Изначально один вид скрыт, другой уже показан на странице. После исполнения определенной функции другой вид показывается, а начальный скрывается, и одновременно эта информация записывается в браузер, т.е. в Cookies.

Вид материалов модуля (Управление дизайном » Вид материалов модуля)

Код
<div class="type_1">Другой вид материала</div>  
<div class="type_2">Основной вид материала</div>


Вместо текста «Основной вид материала» вставляйте уже имеющийся у Вас вид материала, а вместо текста «Другой вид материала» вставляйте новый вид.

Переключатель (Управление дизайном » Главная страница модуля/Страница со списком материалов категории)

Код
<div class="view_1" onclick="iseed2()"><a href="javascript:;">Вид первый</a></div>  
<div class="view_2" onclick="iseed1()"><a href="javascript:;">Вид второй</a></div>


Вы можете вместо ссылок вставить картинки для переключателя. Вставлять этот код рекомендуется где-нибудь в верхней части шаблона. Обязательно между тегами <body> и </body>.
Скрипт переключателя (Управление дизайном » Главная страница модуля/Страница со списком материалов категории)
Код

Код
К<script type="text/javascript" src="http://yraaa.ru/img/cookie.js"></script>  
<script type="text/javascript">  
function iseed1() {  
$('.view_2').fadeOut(400, function(){$('.view_1').fadeIn(400)});  
$('.type_2').fadeOut(400, function(){$('.type_1').fadeIn(400)});  
setCookie('presee', '0', 1, '/')}  
function iseed2() {  
$('.view_1').fadeOut(400, function(){$('.view_2').fadeIn(400)}); $('.type_1').fadeOut(400, function(){$('.type_2').fadeIn(400)}); setCookie('presee', '1', 1, '/')  
}  
var presee = getCookie("presee")  
if (presee=='0') {  
$('.type_1').show();  
$('.type_2').hide(); $('.view_1').show();  
$('.view_2').hide();  
}  
</script>


Файл cookie.js загрузить на свой сайт.

Код нужно вставить между тегами <body> и </body>.

Код CSS (Управление дизайном » Главная страница модуля/Страница со списком материалов категории)

Код
<style type="text/css">  
.view_1 {display:none}  
.type_1 {display:none}  
</style>

Код должен присутствовать там же, где и вставляется переключатель, а можно вставить этот код в Таблицу стилей (CSS). В этом случае без <style>

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

СКАЧАТЬ /_ld/3/339_cookie.js [2.3Kb] (cкачиваний: 50)

Вы можете скачать с нашего сервера бесплатно и без регистрации.

Похожие материалы:

Категория: ВИД МАТЕРИАЛОВ УКОЗ | Добавил: Sofacker | Теги: переключатель, вида материалов, вид материалов ucoz
Просмотров: 726 | Загрузок: 50 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
avatar
1
После нескольких переключений глючит скрипт куков,его лучше вообще убрать.demo
avatar