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

2296
8 из 10
Проголосовало: 5




  • Скачать с сервера
  • Скачать
  • Смотреть демо

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

Вид материалов модуля (Управление дизайном » Вид материалов модуля) между <body> и </body>:

Code

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


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

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

Code

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


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

Code

<script type="text/javascript" src="/js/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 загрузить на свой сайт в папку js. Код нужно вставить между тегами <body> и </body>.
Код CSS (Управление дизайном » Главная страница модуля/Страница со списком материалов категории)

Code

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


Код должен присутствовать там же, где и вставляется переключатель, а можно вставить этот код в Таблицу стилей (CSS). В этом случае без <style>.
Автор публикации: Загрузка
Загрузка
doc74, это его n материал
Источник: http://неуказан
  • Всего комментариев: 8

Goodmind
Ответить
0
Goodmind написал: Написано 13 Февраля 2012 в 09:58
Комментарий №6
Источник

doc74
Ответить
0
doc74 написал: Написано 13 Февраля 2012 в 17:00
Комментарий №7
Я нашёл на левом сайте, там все скрипты, может быть и урааа happy

k43
Ответить
+1
k43 написал: Написано 11 Марта 2012 в 15:34
Комментарий №8
это вроде бы как рип вида материалов с дизайн студии

Froa
Ответить
+2
Froa написал: Написано 12 Февраля 2012 в 18:47
Комментарий №5
Doc,я это так долго искал,спасибо тебе,лови

nick
Ответить
+1
nick написал: Написано 12 Февраля 2012 в 18:34
Комментарий №3
пример бы посмотреть

Вовчик
Ответить
+3
Вовчик написал: Написано 12 Февраля 2012 в 18:37
Комментарий №4
поставь и увидишь happy

Вовчик
Ответить
+5
Вовчик написал: Написано 12 Февраля 2012 в 17:30
Комментарий №1
как раз то что нужно biggrin

doc74
Ответить
+6
doc74 написал: Написано 12 Февраля 2012 в 17:31
Комментарий №2
Ждём изменений biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2120
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    273
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 8
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: