Главная » 2013 » Январь » 19 » Сворачивающееся меню со списком месяцев, в которые были сделаны записи (Скрипты для ucoz)
19.01.2013, 02:19

Сворачивающееся меню со списком месяцев, в которые были сделаны записи




Для тех,кто использует на своём сайте модуль новостей,хочу предложить это сворачивающееся меню со списком месяцев, в которые были сделаны записи.

На сайтах на DLE я видел подобные разворачивающиеся блоки,вот и сделал этот скрипт для себя для экономии места в боковом блоке.
Может кому и понадобится...

Подробнее об установке...

1. Сам условный оператор меню со списком месяцев, в которые были сделаны записи заключаем в тег div со своим id...
Вот таким образом
Код

<div id="vcx">$ARCHIVE_LINKS$</div>


2. Вот сама ссылка при клике на которую блок будет сворачиваться и разворачиваться (по умолчанию меню месяцев свернуто)
Код

<a class="arhsp" href="javascript:openarh();">+ Весь архив</a>

Ссылку можете поставить сверху или снизу кода в пункте 1.
3. А вот собственно и сам скрипт... Его ставите ниже кода в пункте 1
Код
<script type="text/javascript">
arhelem = document.getElementById('vcx').getElementsByTagName('li');
for (b=0; b<arhelem.length;b++) { if (arhelem[b].className=='archLi') { sumelem = arhelem.length;
if ((sumelem - b)>=11){ arhelem[b].style.display = 'none'; }}}
function openarh(){  
butarh1 = document.getElementsByTagName('a');
for (s=0; s<butarh1.length;s++) { if (butarh1[s].className=='arhsp') { butarh1[s].href = 'javascript:closearh();'; butarh1[s].innerHTML = '- Свернуть' }}
for (b=0; b<arhelem.length;b++) { if (arhelem[b].className=='archLi') {
if ((sumelem - b)>=11){ arhelem[b].style.display = 'block'; }}}}
function closearh(){  
butarh2 = document.getElementsByTagName('a');
for (j=0; j<butarh2.length;j++) { if (butarh2[j].className=='arhsp') { butarh2[j].href = 'javascript:openarh();'; butarh2[j].innerHTML = '+ Весь архив' }}
for (b=0; b<arhelem.length;b++) { if (arhelem[b].className=='archLi') {
if ((sumelem - b)>=11){ arhelem[b].style.display = 'none'; }}}}
</script>


Вот собственно и всё...
Вместо текста ссылки можете использовать изображение...Кому как удобно.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://romale80.ucoz.ru и http://hotwarezyour.my1.ru
Категория: Скрипты uCoz | Просмотров: 940 | Добавил: sold93 | Рейтинг: 0.0/0 |
Теги: которые, Сворачивающееся, месяцев, сделаны, были, СО, записи, меню, списком
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]