Скрипт позволяет сворачивать и разворачивать блоки, так, чтобы блоки,
свёрнутые пользователем, при обновлении страницы сохранялись. Блок будет сворачиваться/разворачиваться при нажатии на +/-. 1. Для начала разберем саму конструкцию блоков. (Если хотите, можете пропустить этот шаг).
В uCoz блоки стандартных дизайнов выглядят примерно так: Code
<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></b></td></tr>
<tr><td style="background:#F1F1F1;padding:5px;border:1px solid #A7A6A6;"></td></tr>
</table>
Где BLOCKID - уникальный ID (номер) блока; всё, что между
2. Перейдём к установке. Заходим в управление дизайном. В верхнюю часть сайта ставим сам скрипт:
Code <script type="text/javascript" src="http://7soft.org.ru/_load/toggleblocks.js"></script> 3. Теперь переходим к самим блокам. С кодом каждого блока (от до ) проделываем следующие действия: Стандартный код блока (то, что у вас есть) вставляем вместо "КОД ОТКРЫТОГО БЛОКА", то же самое вставляем вместо "КОД ЗАКРЫТОГО БЛОКА", но во вставленном тексте стираем всё от Code <div style="display:block" id="fo_BLOCKID"> КОД ОТКРЫТОГО БЛОКА </div> <div style="display: none;" id="fc_BLOCKID"> КОД ЗАКРЫТОГО БЛОКА </div> Далее вставляем в код открытого и закрытого блока сооответственно, сразу после :
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> Всё!!!
| 
Выбор редакции!
