-->
Опрос
 
 
Какой антивирус установлен на Вашем компьютере?
(143 ответа)
ОтветитьАрхив
Каталог файлов
Главная » Файлы » Всё для вебмастера » Скрипты Ucoz » Сворачивание блоков для ucoz

Сворачивание блоков для ucoz

Сворачивание блоков для ucoz

Выбор редакции!
Скрипт позволяет сворачивать и разворачивать блоки, так, чтобы блоки,
свёрнутые пользователем, при обновлении страницы сохранялись.

Блок будет сворачиваться/разворачиваться при нажатии на +/-. 

1. Для начала разберем саму конструкцию блоков. (Если хотите, можете пропустить этот шаг).

В uCoz блоки стандартных дизайнов выглядят примерно так:

Code
<!-- <blockBLOCKID> -->
<table border="0" cellpadding="0" cellspacing="2" width="203">
<tr><td height="21" style="background:url('/.s/t/971/9.gif') #D4DFF7;padding-left:30px;"><b><!-- <bt> -->НАЗВАНИЕ БЛОКА<!-- </bt> --></b></td></tr>
<tr><td style="background:#F1F1F1;padding:5px;border:1px solid #A7A6A6;"><!-- <bc> -->СОДЕРЖИМОЕ БЛОКА<!-- </bc> --></td></tr>
</table>
<!-- </blockBLOCKID> -->

Где BLOCKID - уникальный ID (номер) блока; всё, что между <!-- <bt> --> и <!-- </bt> --> - название блока; всё, что между <!-- <bc> --> и <!-- </bc> --> - содержимое блока.


2. Перейдём к установке. Заходим в управление дизайном. В верхнюю часть сайта ставим сам скрипт:

Code
<script type="text/javascript" src="http://7soft.org.ru/_load/toggleblocks.js"></script>

3. Теперь переходим к самим блокам. С кодом каждого блока (от <!-- <blockID> --> до <!-- </blockBLOCKID> -->, ID - номер блока) проделываем следующие действия:

Стандартный код блока (то, что у вас есть) вставляем вместо "КОД ОТКРЫТОГО БЛОКА", то же самое вставляем вместо "КОД ЗАКРЫТОГО БЛОКА", но во вставленном тексте стираем всё от <!-- <bc> --> до <!-- </bc> -->.

Code

<div style="display:block" id="fo_BLOCKID">  
КОД ОТКРЫТОГО БЛОКА
</div>  

<div style="display: none;" id="fc_BLOCKID">  
КОД ЗАКРЫТОГО БЛОКА
</div>

Далее вставляем в код открытого и закрытого блока сооответственно, сразу после <!-- </bt> -->:

Code
<img src="http://7social.ucoz.org/minus.png" class="icon_show_hide" onclick="toggleblock('BLOCKID', 1);" title="Свернуть блок"> <!-- Это в код открытого блока -->

<img src="http://7social.ucoz.org/plus.png" class="icon_show_hide" onclick="toggleblock('BLOCKID', 0);" title="Развернуть блок"> <!-- Это в код закрытого блока -->

Теперь в низ страницы (нижняя часть сайта):

Code
<script type="text/javascript">hide_hidded_blocks_divs();</script>

Всё!!!



Категория: Скрипты Ucoz | Добавил: 7soft | Теги: блоков, Сворачивание, uCoz, скрипты ucoz, Для
Просмотров: 2145 | Загрузок: 0 | Комментарии: 9 | Рейтинг: 5.0/2
Всего комментариев: 9

Написал: serjey7 | Дата: 28.01.2011, 22:18 0 Спам


А можете дать готовый код блока, а то так тяжело розобраться... cry cry cry cry
6

Написал: Myateznik | Дата: 07.01.2011, 23:13 --2 Спам


У меня просьба: дайте код полного блока (я имею ввиду готового, который сворачивается и разворачивается), только блок чтоб был пустой, а то сам ни как не могу сделать...
4

Написал: 7soft | Дата: 07.01.2011, 23:23 0 Спам


Отправил в ЛС smile
5

Написал: Draim | Дата: 12.09.2011, 23:47 0 Спам


и мне пожплуйста если можно
7

Написал: 7soft | Дата: 12.09.2011, 23:50 0 Спам


Как я уже писал, у меня сейчас нет времени, пока можешь посмотреть тут - http://infoscript.ru/news....13-2151
8

Написал: Draim | Дата: 13.09.2011, 16:49 0 Спам


не он не работает почемуто ну ладно не буду тебя мкчить
9

Написал: Dok | Дата: 18.12.2010, 21:16 0 Спам


спасибо
3

Написал: Dok | Дата: 12.12.2010, 16:21 0 Спам


я непонял ничего как делать,обясните аа
1

Написал: 7soft | Дата: 12.12.2010, 20:01 0 Спам


Немного обновил статью,попробуйте снова... smile
2
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
 
 
Гость

Вход Регистрация
Мини-чат
 
 
!!!
Присоединяйся!
 
 
Наша кнопка
 
 
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:



Статистика
 
 
ОнлайнПодробно
Онлайн всего: 1
Гостей: 1
Пользователей: 0
02:51
23.10.2018
Внимание! Здравствуйте, гость!
Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.