Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

[PunBB][jQuery] Сворачивание категорий.

Предыдущая тема Следующая тема Перейти вниз

[PunBB][jQuery] Сворачивание категорий.

Сообщение автор Irbis в Чт 14 Апр - 20:36

Коль пошла нынче мода на jQuery, мы тут с Домовым покумекали и родился у нас скрипт сворачивания категорий форума. Для движка PunBB.
Вставлять в шаблон index_box после всего, что в нем есть.
Код:
<script type="text/javascript">
allcats = $('div#main-content div');
for(i=0; i<allcats.length; i++){if(allcats[i].className == "main-head") allcats[i].id="pun-category"+i;}
open = 'http://r28.imgfast.net/users/2814/33/31/58/album/dddund10.png';
close = 'http://r28.imgfast.net/users/2814/33/31/58/album/dddddu11.png';
$('div#main-content div.main-head div.page-title').append('<span class="offctgr" style="float: right; margin-top: -15px;"><img src="'+open+'" title="показать/cкрыть" /></span>');
$('div#main-content div.main-head').each(function () {
  var ctgId=$(this).attr('id');
  if(getcookie(ctgId)=='close'){
      $(this).next('div.main-content').css({display: "none"});
      $('div#'+ctgId+' > div.page-title > span.offctgr img').attr("src", close);
  }
});
$('span.offctgr').click(function(){
  var cat=$(this).parents('div.main-head').attr('id');
  $(this).parents('div.main-head').next('div.main-content').slideToggle('slow');
  var s = $(this).find("img").attr("src") == open ? close : open;
  $(this).find("img").attr("src",s);
  var catc = getcookie(cat);
  catc = catc == 'close' ? 'open' : 'close';
  setcookie(cat,catc,3600*24*30*1000);
  return false;
});
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document·cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document·cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
</script>

Внимание: в связи со временной проблемой интерпретации скрипта в тегах CODE , пожалуйста, не копируйте скрипт из сообщения, а сохраните вложенный здесь файл со скриптом - и возьмите скрипт из файла! Мы приносим свои извинения за неудобства...
- прим. админа
Вложенные файлы
Сворачивание категорий jQuery. punBB.txt У вас нет прав скачивать вложенные файлы.(2 Кб) Скачиваний: 54
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: [PunBB][jQuery] Сворачивание категорий.

Сообщение автор OXOTHUK в Чт 14 Апр - 20:41

о чем этот скрипт можно по точнее?

OXOTHUK
Новичок

Сообщения : 8
Регистрация : 2011-04-14
Благодарности : 0

Без предупреждений

http://tukanskii-server.forum2x2.ru

Вернуться к началу Перейти вниз

Re: [PunBB][jQuery] Сворачивание категорий.

Сообщение автор Домовой в Чт 14 Апр - 21:00

Посмотри у меня на форуме, он кликом по кнопке плавно сворачивает категории
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения