Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2015, 16:41
Интересующийся
Отправить личное сообщение для Diox Посмотреть профиль Найти все сообщения от Diox
 
Регистрация: 17.02.2014
Сообщений: 14

Помощь в редактировании скрипта
Есть скрипт смена вида материалов, все работает, но: нужно, чтобы для выводимых материалов, вид менялся не на display:block а на display:inline-block

Вид материалов модуля:
<div class="view_1 hidden">Основной вид материала</div>
<div class="view_2 hidden">Другой вид материала</div>
<div class="view_3 hidden">Третий вид материала</div>
<div class="view_4 hidden">Четвертый вид материала</div>


Видов можно создавать сколько угодно, главное добавить им два класса view_N и hidden:
<div class="pointer type_1" onclick="Views.changeView(1)">Вид первый</div>   
<div class="pointer type_2" onclick="Views.changeView(2)">Вид второй</div>
<div class="pointer type_3" onclick="Views.changeView(3)">Вид третий</div>
<div class="pointer type_4" onclick="Views.changeView(4)">Вид четвертый</div>


Скрипт переключателя:
var Cookie = {
    'get': function (name) {
              var nameEQ = escape(name) + "=";
              var ca = document.cookie.split(';');
              for (var i = 0; i < ca.length; i++) {
                  var c = ca[i];
                  while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                  if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length, c.length));
              }
              return null;
          },
    'set': function (name, value, days) {
              if (days) {
                  var date = new Date();
                  date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                  var expires = "; expires=" + date.toGMTString();
              } else var expires = "";
              document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
          }
}

var Views = {
    'currentView': function () {
       return Cookie.get('view-type') || 1;
    },
    'changeView': function (view) {
       var self = this;
       $('.view_' + self.currentView() + ',.view_' + view).toggle();
       $('.type_' + self.currentView() + ',.type_' + view).toggle();
       Cookie.set('view-type', view, 7);
    },
    'init': function (self) {
       var self = this;
       $(function () {
          if (self.currentView() == 1) {
             $('.type_1,.view_1').toggle();
          } else {
             self.changeView(self.currentView());
          };
       });
    }
}

Views.init();


Код CSS:
<style>
.pointer { cursor: pointer }
.hidden { display: none }
</style>

Последний раз редактировалось Diox, 27.11.2015 в 17:20.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь в доработке скрипта zonkon Общие вопросы Javascript 10 24.10.2013 15:49
Помощь в написании скрипта Леонид111 Учебные материалы 3 13.06.2013 11:14
Нужна помощь в написании скрипта на переключение видео (плэйлиста) BaaL777 Ваши сайты и скрипты 3 13.06.2013 04:27
Два скрипта конфликтуют. Нужна помощь! TaH4uk.pro jQuery 0 01.12.2012 20:47
Случайный CSS при обновлении (нужна помощь в редактировании скрипта) xsfd Общие вопросы Javascript 1 13.03.2011 01:03