Приветствую Вас Прохожий | RSS Среда, 07.12.2016, 13:31
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 13
Гостей: 12
Пользователей: 1
MaDaRa



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Открытие закрытие блока с сохраниенем в cookies

Открытие закрытие блока с сохраниенем в cookies
Открытие закрытие блока с сохраниенем в cookies
Данный скрипт реализует сворачивание блоков с сохранением в cookies (примерно как на megasoft).

Установка:
Ставим в конец BODY этот код:

Code
<script type='text/javascript'>
function Switchable(classname) {
function getElementsByClassName(imgclass) {
  if ( document.getElementsByClassName ) {
  return document.getElementsByClassName(imgclass);
  } else {
  var nodes = document.getElementsByTagName('*'),
  tmp = [];
  for ( var i = 0; i < nodes.length; i++ ) {
  if ( new RegExp('\\b' + imgclass + '\\b').test(nodes[i].className) ) {
  tmp.push(nodes[i]);
  }
  }
  return tmp;
  }
}

function Next(element) {
  var next = element;
  while (next = next.nextSibling)
  if ("innerHTML" in next)
  return next;
  return element;
}

function getCookie(a){var b=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return b?decodeURIComponent(b[1]):undefined}function setCookie(b,f,c){c=c||{};var i=c.expires;if(typeof i=="number"&&i){var h=new Date();h.setTime(h.getTime()+i*1000);i=c.expires=h}if(i&&i.toUTCString){c.expires=i.toUTCString()}f=encodeURIComponent(f);var a=b+"="+f;for(var e in c){a+="; "+e;var g=c[e];if(g!==true){a+="="+g}}document.cookie=a}
  var nodes = getElementsByClassName(classname);
  for (var i = 0; i < nodes.length; i++) {
  var toggler = document.createElement("A");
  toggler.href = "javascript://";
  toggler.id = "toggler" + i;
  toggler.innerHTML = getCookie("toggler" + i) == "hide" ? "+" : "-";
  toggler.onclick = function () {
  Next(this.parentNode).style.display = getCookie(this.id) == "hide" ? "" : "none";
  setCookie(this.id, getCookie(this.id) == "hide" ? "show" : "hide", {
  expires: new Date("01 Jan 2020")
  });
  this.innerHTML = getCookie(this.id) == "hide" ? "+" : "-";
  };
  Next(nodes[i]).style.display = getCookie("toggler" + i) == "hide" ? "none" : "";
  nodes[i].appendChild(toggler);
  }
}

Switchable("header");
</script>

Внизу расположен вызов Switchable("header"); — так вот, header — это класс элемента, содержащий заголовок блока. Проще говоря, все блоки, к которым нужно применить этот скрипт, должны иметь такую структуру:

Code
<div class='header'>
Заголовок
</div>
<div>
Содержимое
</div>

Т.е. сначала идёт элемент с заголовком, а сразу за ним — элемент с содержимым.
Автор — $USERNAME$.
Автор\Источник: megasoft.3dn.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2903 | Комментарии: 8 | Рейтинг: 4.3/7 | |Категория: Скрипты Разное | Добавил: ALINA | Дата: 03.11.2010 | Скачали: 0 | Теги: megasoft, cookies, сохраниенем, Блок, ЗАКРЫТИЕ, открытие
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 7
7 chijmax   Дата: 29.04.2011  Время: 18:19   [№ 8051]
Не получилось установить. Ребятки подгоните, пожалуйста, пример блока по этой схеме
<div class='header'>
Заголовок
</div>
<div>
Содержимое
</div>
А то у меня фарш получается. За скрипт спасибо большое!

5 maksam07   Дата: 07.03.2011  Время: 09:11   [№ 6918]
блин.. челы, помогите. я не разобрался. я себе целый контейнер угробил((((((( даже не скопировал содержымое((((( скажите как установить

+1   Спам
6 djkefir   Дата: 07.03.2011  Время: 14:49   1 [№ 6923]
пиши в асю помогу

4 maksam07   Дата: 07.03.2011  Время: 08:40   [№ 6917]
Филипп
тут не картинки тут знаки! + и -

3 NoName74   Дата: 30.11.2010  Время: 18:18   [№ 5203]
Помогите! =) Не знаю куда вставлять ДИВы.
Вот код:
[code]<table border="0" cellpadding="0" cellspacing="0" class="boxTable">
<tr><td class="boxTitle"><b><!-- <bt> -->Новые комментарии<!-- </bt> --></b></td></tr>
<tr><td class="boxContent"><!-- <bc> -->$MYINF_2$<!-- </bc> --></td></tr>
<tr><td class="boxBottom"></td></tr>
</table>
[/code]

2 den4ik93   Дата: 03.11.2010  Время: 23:13   [№ 4920]
Спасибо, пригодится. Себе такой поставлю..

1 Филипп   Дата: 03.11.2010  Время: 13:52   [№ 4914]
Полезная штука, когда места мало.
Только вот где картинки плюсов менять понять не могу smile


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru