Забыли пароль?
Запросите новый здесь.

Автор темы: Zaxap
ID темы: 2032
Информация:
Тема содержит 11 сообщения, была просмотрена 6259 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery
 Распечатать тему
"Выезжающая панель cookie" (такой запрос в гугл)
Zaxap
Вот такой вопрос я задаю гуглу - ничего действительно хорошего не нашел.
Как называется такое? Выезжающая панель, которая, если открыта, после перезагрузки страницы остается открытой, если закрыта - закрытой?
Ничего действительно стоящего не нашел - если панель и работает, при перезагрузке страницы появляется на секунду и исчезает, если была открыта...немного бесит.

Вот пример панели: www.animejapan.ru (не реклама) - справа "Онлайн чат".
Зло не дремлет, а я добрый...
 
Polarfox
http://www.php-fu...n=openside
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
Rush
при перезагрузке страницы появляется на секунду и исчезает, если была открыта...немного бесит.

потому что надо по умолчанию ее сделать скрытой через ксс/стайл, а через жс показывать, а не наоборот
 
Web
Zaxap
PolarFox, это про панель)) Ладно, еще раз покопаюсь в файлах, отвечающих за панели, что ли...
Rush, это же понятно, как божий день...)
Зло не дремлет, а я добрый...
 
Pisatel
Как раз пару дней назад сделал себе такое. Меняется стиль при клике, печеньки на три дня. Посмотри на конкурсном моем сайте, если подойдет- скину, хотя и так можешь код взять:-)
 
Web
Zaxap
Pisatel, скинь ab
Зло не дремлет, а я добрый...
 
Pisatel
Упс, только у меня меню, но принцип тот же: выезжает/убирается меню с определенным див'ом. Сейчас.

Объединено 18.01.2014 09:59:
Загрузить источник  GeSHi: Javascript
  1. <script type='text/javascript'>
  2.  
  3. $(document).ready(function(){
  4.  
  5. if($.cookie('num_open_ul')){
  6.  
  7. if($.cookie('num_open_ul') != 0){
  8.  
  9. var number_eq = parseInt($.cookie('num_open_ul')-1);
  10. $('.navigation_body').eq(number_eq).show().prevAll('#navigation h2.navigation_head:first').addClass('active_navigation');
  11.  
  12. }
  13.  
  14. };
  15.  
  16. $('#navigation h2.navigation_head').click(function(){
  17.  
  18. if(!$(this).next().is(':visible')){
  19.  
  20. $('div.navigation_body').siblings('div.navigation_body').slideUp(500);
  21.  
  22. }
  23.  
  24. $(this).next('div.navigation_body').slideToggle(500).siblings('div.navigation_body').slideUp(500);
  25. $(this).toggleClass('active_navigation').siblings('#navigation h2.navigation_head').removeClass('active_navigation');
  26.  
  27. setTimeout(fncookie, 600);
  28.  
  29. });
  30.  
  31. function fncookie(){
  32.  
  33. var number_open_ul = 0;
  34.  
  35. var i = 0;
  36.  
  37. $('div.navigation_body').each(function(){
  38.  
  39. i++;
  40.  
  41. if($(this).is(':visible')){
  42.  
  43. number_open_ul = i;
  44.  
  45. }
  46. $.cookie('num_open_ul', number_open_ul, {expires:3, path:'/'});
  47.  
  48. });
  49.  
  50. }
  51.  
  52. });
  53.  
  54. </script>
Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10

Работает с плагином jquery.cookie.js. h2.navigation_head- открываем/закрываем, div.navigation_body- здесь контент, active_navigation- стиль для активного h2.

Объединено 18.01.2014 10:04:
Важно!
Скачать исходники  Код
setTimeout(fncookie, 600);


Отложенная запись печенек: значение должно быть больше slideUp/slideToggle, чтобы скрипт успел завершить работу до записи.

Объединено 20.01.2014 07:11:
Zaxap, ну что, помогло? Мож непонятно че?
Изменил(а) Pisatel, 20.01.2014 04:11
 
Web
Zaxap
Pisatel, помогло! Спасибо!
..Правда, я еще на сайт не заливал, но, надеюсь, сбоев не будет...))
---
Вставил в детище чат - перестали открываться "Смайлы"...именно открываться...
Изменил(а) Zaxap, 20.01.2014 12:25
Зло не дремлет, а я добрый...
 
Rush
Rush, это же понятно, как божий день...)

ну так чего задаешь такие вопросы?
 
Web
Pisatel
Мож, конфликт какой?... То есть, разметка должна быть такой (заменишь дивы на свои):
Загрузить источник  GeSHi: HTML
  1. <div id='navigation'>
  2. <h2 class='navigation_head'>Здесь то, на что кликаем</h2>
  3. <div class='navigation_body'>Здесь контент, который открываем</div>
  4. </div>
Добавлено за 0.002 секунд, используя GeSHi 1.0.8.10

Изменил(а) Pisatel, 21.01.2014 16:10
 
Web
Zaxap
Pisatel, ну да, в курсе, так ведь и сделал же, даже лучше...))
Конфликт - скорее всего...
Но факт в том, что "неоткрывающиеся" бб-коды работают, а смайлы - "открывающиеся" - нет...)
Зло не дремлет, а я добрый...
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Сообщение о использовании файла Куки - Cookie  →  Разное 2 / 409 21.01.2024 19:10
Магазин "Скупка банкот" в Москве  →  Реклама на портале 0 / 266 20.09.2023 13:41
нужны ли на сайте "Закладки" и "История посещений", как в браузере?  →  Пожелания и предложения 4 / 840 11.08.2023 15:56
Обратная связь на AJAX есть ли такой аддон?  →  Разное 0 / 1513 10.02.2021 18:59
Не заходит в административную панель  →  Ошибки, баги 1 / 1015 29.09.2020 21:13
Не работает "выйти" Maxthon 5.2.3.3000  →  Ошибки, баги 1 / 1555 22.02.2020 18:43
Говорим "Спасибо"  →  Книга жалоб и предложений 14 / 3295 02.02.2020 14:58
Каким ява скриптом приделать выбор цвета для поля input type="text"?  →  Вопросы новичков 1 / 3245 10.01.2020 20:47
Instagram ВК FaceBook - ведение аккаунтов "под ключ"  →  Платные услуги 0 / 1089 01.12.2019 18:37
Панель "последние статьи" в зависимости от языка сайта и категории статьи  →  Моды 9 / 3616 31.10.2019 22:59
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)