Плавное сворачивание / разворачивание блока + куки

likbezz

2011-07-12Дата: Вторник, 12.07.2011, 19:06 | Сообщение # 16

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

MoVeMix,

Quote (MoVeMix)

likbezz, все отлично, но как сделать, что бы по умолчанию блоки были открыты а не закрыты ка у тебя

Убрать вот это из стилей:

Code

.hideCont{display:none;}

...

IcedWitcheR

2011-07-24Дата: Воскресенье, 24.07.2011, 16:05 | Сообщение # 17

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

likbezz, скажите, пожалуйста, почему данную страницу с примером, ссылка на которую размещена выше, если залить на какой-нибудь фрихостинг, то блоки изначально развернуты и куки не записываются?

при работе в локале тоже самое

и бекграунд не меняется

с уважением

Сообщение отредактировал IcedWitcheR - Воскресенье, 24.07.2011, 16:07

Komoff

2011-07-24Дата: Воскресенье, 24.07.2011, 22:03 | Сообщение # 18

Полковник

Группа: Помощники

Сообщений: 210

Награды: 0

Репутация: 11

Статус: Offline

IcedWitcheR, ссылку на скрипт выпрямлял?

Code

так

Code

IcedWitcheR

2011-07-24Дата: Воскресенье, 24.07.2011, 22:06 | Сообщение # 19

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

Komoff, а если скрипт у меня локально сохраненный?

все равно после обновления страницы блоки разворачиваются

Сообщение отредактировал IcedWitcheR - Воскресенье, 24.07.2011, 22:08

Komoff

2011-07-24Дата: Воскресенье, 24.07.2011, 22:13 | Сообщение # 20

Полковник

Группа: Помощники

Сообщений: 210

Награды: 0

Репутация: 11

Статус: Offline

IcedWitcheR, ну ты правильно для него адрес прописываешь? Если сохранен в той же директории то

Code

Попробуй прописать скрипт с этого сайта

Code

если куки заработают, то значит точно неправильно прописываешь адрес.

Добавлено (24.07.2011, 22:13)
---------------------------------------------

Quote (IcedWitcheR)

все равно после обновления страницы блоки разворачиваются

хм, тогда не знаю, а здесь пример работает нормально?

IcedWitcheR

2011-07-24Дата: Воскресенье, 24.07.2011, 22:14 | Сообщение # 21

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

Komoff, да адрес на 100% правильный (хоть локальный, хоть внешний)

Komoff

2011-07-24Дата: Воскресенье, 24.07.2011, 22:27 | Сообщение # 22

Полковник

Группа: Помощники

Сообщений: 210

Награды: 0

Репутация: 11

Статус: Offline

IcedWitcheR, там нужно не исходник страницы брать, а приведенный в комментарии, попробуй весь код заменить этим:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Плавное сворачивание / разворачивание блока. jQuery + Cookie</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
<script type="text/javascript" src="http://likbezz.ru/_theme/_script/_ext/_cookie.js"></script>
<style type="text/css">
.hideWrap{text-align:left;clear:both;}
.hideBtn{display:block;background:transparent url('http://likbezz.ru/_example/_img/_lib1/_plus.gif') no-repeat left center;font:bold 11px/15px Verdana,sans-serif;cursor:pointer;outline:none;padding:1px 14px 2px;}
.hideBtn.show{background-image:url('http://likbezz.ru/_example/_img/_lib1/_minus.gif');}
.hideCont{display:none;}
</style>
<script type="text/javascript">
$(function(){
/* Start DocumentReady */
$('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);
if (cookie&&cookie.indexOf('show')>-1)$(this).toggleClass('show').siblings('div.hideCont').show();})
/* StartClickFunction */
$('div.hideWrap a.hideBtn').click(function(){
$(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal');
var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class');
setCookie('hideBtn'+hideBtn,isShow,365);
return false;
});
/* End DocumentReady */
});
</script>
</head>

<body>
<div id="exContent" style="text-align:left;padding-top:50px;">
<div class="hideWrap">
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideCont">Здесь располагается содержимое  class "hideCont"</div>
</div>
<br />
<br />
<div class="hideWrap">
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideCont">Здесь располагается содержимое  class "hideCont"</div>
</div>
<br />
<br />
<div class="hideWrap">
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideCont">Здесь располагается содержимое  class "hideCont"</div>
</div>
</div>
</body>
</html>

Проверил в трех браузерах, всё работает.

Добавлено (24.07.2011, 22:27)
---------------------------------------------
IcedWitcheR, ты в Chrome смотрел???

IcedWitcheR

2011-07-24Дата: Воскресенье, 24.07.2011, 22:30 | Сообщение # 23

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

Komoff, ну эта страница теперь работает

сейчас попробую на свой проект перекинуть

и спасибо за помощь

Komoff

2011-07-24Дата: Воскресенье, 24.07.2011, 22:32 | Сообщение # 24

Полковник

Группа: Помощники

Сообщений: 210

Награды: 0

Репутация: 11

Статус: Offline

IcedWitcheR, если будет работать, то в Chrome глянь (если есть), у меня почему-то он отказался в нём работать. Но у меня может проблема в браузере, искать не хочется.

IcedWitcheR

2011-07-24Дата: Воскресенье, 24.07.2011, 23:13 | Сообщение # 25

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

Komoff, тоже в хроме не хочет

Добавлено (24.07.2011, 23:13)
---------------------------------------------
Komoff, похоже трабла с самим хромом

likbezz

2011-07-25Дата: Понедельник, 25.07.2011, 00:37 | Сообщение # 26

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

Quote (IcedWitcheR)

тоже в хроме не хочет

Странно, в хроме у меня все работает путём ...

...

Скрипты скачиваем себе на сайт и прописываем ссылки к ним ...

Локально (Без веб-сервера - куки не пишутся!!!) работать не будет. Только с сервера, то бишь адрес должен начинаться с http://
...

Прикрепления: 0790976.png (4.2 Kb)

Komoff

2011-07-25Дата: Понедельник, 25.07.2011, 01:15 | Сообщение # 27

Полковник

Группа: Помощники

Сообщений: 210

Награды: 0

Репутация: 11

Статус: Offline

Quote (likbezz)

Странно, в хроме у меня все работает путём ...

Да я в своем хроме и сомневался, потому что он у меня старый до нельзя, я ему обновления отрубил, вместе с Google Update. Плюс в настройках поубирал всё что намекало на глобальную слежку гугла.)) Может и куки отрубил. Я им редко пользуюсь, только для проверки дизайна, потом гляну чего у него с куками.

IcedWitcheR

2011-07-25Дата: Понедельник, 25.07.2011, 11:07 | Сообщение # 28

Рядовой

Группа: Пользователи

Сообщений: 6

Награды: 0

Репутация: 0

Статус: Offline

Quote (likbezz)

Локально (Без веб-сервера - куки не пишутся!!!) работать не будет. Только с сервера, то бишь адрес должен начинаться с http://

во всех четырех браузерах (IE, Firefox, Opera, Safari) кукисы записываются без проблем в локальном режиме

в хроме же не записываются

Добавлено (25.07.2011, 11:07)
---------------------------------------------
при тесте на денвере запись кукисов в хроме работает

это особенность хрома: не записывать куки, если режим локальный

Elones

2011-07-30Дата: Суббота, 30.07.2011, 22:23 | Сообщение # 29

Сержант

Группа: Пользователи

Сообщений: 27

Награды: 0

Репутация: 0

Статус: Offline

Объясните пожалуйста, а если у меня спойлер прописан в js файл и подключен, как тут прописать куки?
Код самого спойлера таков:

Code

jQuery(document).ready(function($){
//hide & show middle box
$("#btn-slide").click(function find(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});

Я просто сегодня уже весь гугл изнасиловал в поисках подобного, но в основном только голые примеры, а в js я не силен =(

likbezz

2011-07-30Дата: Суббота, 30.07.2011, 23:09 | Сообщение # 30

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

Elones,

Quote (Elones)

Объясните пожалуйста, а если у меня спойлер прописан в js файл и подключен, как тут прописать куки?

Конкретно в этот скрипт, не получится. Необходимо переписывать/изменять скрипт так, чтобы при открытии писалась кука с именем «slow», например, а при закрытии с именем «hide». Кроме того, при загрузке, должна проходить проверка на наличие куки и/или её имени, и, если кука есть/или имеет имя «slow», открывать блок.
...
Короче, переписывать/изменять нужно скрипт.
...

Quote (Elones)

Я просто сегодня уже весь гугл изнасиловал в поисках подобного

- Подобное несложно написать самому... что, чаще всего, и делается.

В посту №3 и далее, объясняется подробно и с рабочими прмерами как это сделать. Да и сам код примера, что представлен в теме не намного отличается от вашего, и с минимальными изменениями вполне пригоден для ваших целей.
...
...

Плавное сворачивание / разворачивание блока + куки - Страница 2

Как сделать...

Страница 2 из 6 « 1 2 3 4 5 6 »
Модератор форума: likbezz

Возможно будет интересно
	Тема	Обновления