Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.07.2017, 20:23
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 20

Помогите с отображением элементов
я чайник. это первое что вам надо знать. не бомбите! итак, сам вопрос:

есть в HTML код, с помощью которого меняется вид отображения материалов (список, квадратный список с описанием, сетка) исходя из title можно догадаться какой код что означает.

Код:
<a href="javascript:" id="grid3-view" class="sl-sort3 active" title="Сетка"></a>
<a href="javascript:" id="list-view" class="sl-sort2" title="Cетка с описанием" ></a>
<a href="javascript:" id="grid-view" class="sl-sort1" title="Cписок"></a>
есть сам JS который меняет стили:
function setCookie(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 = name + "=" + value + expires + "; path=/";
}
function getCookie(name) {
 var nameEQ = 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 c.substring(nameEQ.length, c.length);
 }
 return null;
}
function eraseCookie(name) {
 setCookie(name, "", -1);
};
$('#list-view').click(function() { 
setCookie('list-view', 365); 
eraseCookie('grid-view');eraseCookie('grid3-view');
 $('#allEntries [id^="entryID"] .item').removeClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').removeClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').addClass('list-item'); 
 $('#list-view').addClass('active'); 
 $('#grid-view').removeClass('active'); 
 $('#grid3-view').removeClass('active'); 
}); 
$('#grid-view').click(function() { 
setCookie('grid-view', 365); 
eraseCookie('list-view');eraseCookie('grid3-view'); 
 $('#allEntries [id^="entryID"] .item').addClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').removeClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').removeClass('list-item'); 
 $('#list-view').removeClass('active'); 
 $('#grid-view').addClass('active'); 
 $('#grid3-view').removeClass('active'); 
}); 
$('#grid3-view').click(function() { 
setCookie('grid3-view', 365); 
eraseCookie('list-view');eraseCookie('grid-view');
 $('#allEntries [id^="entryID"] .item').removeClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').addClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').removeClass('list-item'); 
 $('#list-view').removeClass('active'); 
 $('#grid-view').removeClass('active'); 
 $('#grid3-view').addClass('active');
}); 

 

if(getCookie('list-view')) { 
 $('#allEntries [id^="entryID"] .item').removeClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').removeClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').addClass('list-item'); 
 $('#list-view').addClass('active'); 
 $('#grid-view').removeClass('active'); 
 $('#grid3-view').removeClass('active'); 
}; 
if(getCookie('grid-view')) { 
 $('#allEntries [id^="entryID"] .item').addClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').removeClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').removeClass('list-item'); 
 $('#list-view').removeClass('active'); 
 $('#grid-view').addClass('active'); 
 $('#grid3-view').removeClass('active'); 
}; 
if(getCookie('grid3-view')) { 
 $('#allEntries [id^="entryID"] .item').removeClass('grid-item'); 
 $('#allEntries [id^="entryID"] .item').addClass('grid3-item') 
 $('#allEntries [id^="entryID"] .item').removeClass('list-item'); 
 $('#list-view').removeClass('active'); 
 $('#grid-view').removeClass('active'); 
 $('#grid3-view').addClass('active'); 
};


суть проблемы вот в чем. по умолчанию я выставил в HTML стиль сеткой, однако страница загружается со стилями списком. т.е. индикатор "сетка" горит, но прогружается список. только после повторного нажатия на "сеткой" стили меняются на нужные. думаю проблема в js, но сам лезть боюсь (см 1 строку моего обращения).

Плиз, нид ёр хелп

Последний раз редактировалось ser1ko, 17.07.2017 в 20:36.
Ответить с цитированием
  #2 (permalink)  
Старый 17.07.2017, 20:28
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 20

чтобы было еще нагляднее. после очистки кэша и перезагрузки страницы. индикатор горит на сетке, но отображается список

Ответить с цитированием
  #3 (permalink)  
Старый 17.07.2017, 20:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 21,376

ser1ko,
строки 55-79
if(getCookie('list-view')) {
 $('#list-view').click()
};
if(getCookie('grid-view')) {
  $('#grid-view').click()
};
if(getCookie('grid3-view')) {
  $('#grid3-view').click()
};
Ответить с цитированием
  #4 (permalink)  
Старый 17.07.2017, 20:58
Интересующийся
Отправить личное сообщение для ser1ko Посмотреть профиль Найти все сообщения от ser1ko
 
Регистрация: 05.06.2016
Сообщений: 20

рони,
заменил строки с 55 по 79 данным кодом, не помогло
Ответить с цитированием
  #5 (permalink)  
Старый 17.07.2017, 21:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 21,376

ser1ko,
тогда так
if(getCookie('list-view')|| !getCookie('grid-view') && !getCookie('grid3-view')) {
 $('#list-view').click()
};
if(getCookie('grid-view')) {
  $('#grid-view').click()
};
if(getCookie('grid3-view')) {
  $('#grid3-view').click()
};



скрипт внизу страницы ? если нет оберните в
$(function() {
//тут ваш код
});


и то что вам нужно, должен сделать сервер
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите получить атрибут из списка элементов Jigan2 jQuery 19 08.02.2016 11:17
Помогите сменить цвет элементов которые рисует Raphael. JS аналог hover ufaclub jQuery 3 10.10.2014 22:33
Помогите с отображением loading.gif soltx Элементы интерфейса 4 29.01.2014 14:32
Помогите с отображением меню на jquery danilaka jQuery 0 30.04.2010 15:23
Помогите решить задачку---Найти сумму элементов массива uniQ Общие вопросы Javascript 3 02.05.2009 01:20