|
|
Модератор форума: JonMagon |
Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Переключатель вида материалов (Сохранять Cookie) |
Переключатель вида материалов |
Добрый день!
Вот нашел хороший скрипт переключатель вида новостей. Все отлично только вот проблема он не сохраняет. Когда я обновляю страницу рани выбранный вид материалов не сохраниться. Нужно сделать так чтобы он запоминал выбранный мною вид материалов. Вид материалов модуля (Управление дизайном » Вид материалов модуля) Код <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> Файл http://yraaa.ru/img/cookie.js желательно загрузить на свой сайт. Код нужно вставить между тегами <body> и </body>. Код CSS (Управление дизайном » Главная страница модуля/Страница со списком материалов категории) Код <style type="text/css"> .view_1 {display:none} .type_1 {display:none} </style> Источник |
Мейсон4527, //forum.ucoz.ru/forum/38-58587-1
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!