Вы вошли как Гость Группа "Гости"

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Сворачивание/разворачивание блоков
Сворачивание/разворачивание блоков
Ronaldo7Дата: Вторник, 15.06.2010, 15:24 | Сообщение # 1




Сообщений: 57
Награды: 0

[ 0 ]



Думаю принцып все поняли А если нет, то при нажатии на название блока (так же можно изменить скрипт и поставить + и - картинками) блок будет сворачиваться/разворачиваться. Перейдём к установке.
Сначало подключаем jquery (кликаем по ссылке - сохранить как). Потом сохраняем jquery cookie(таким же способом). Кидаем эти файлы в файловый менеджер. Далее перед </head> во всех страницах пишем:
Code
<script type="text/javascript" src="/jquery-1.3.2.js"></script>

Потом берём один из блоков сайта. У меня например вот такой:
Code
<!-- <block1> -->  
<table cellpadding='0' cellspacing='1' width='100%' class='spacer'>  
<tr>  
<td>  
<table cellpadding='0' cellspacing='0' width='100%'>  
<tr>  
<td class='scapmain'><!-- <bt> --><!--<s5441>-->Текст<!--</s>--><!-- </bt> --></td>  

</tr>  
</table>  
<table cellpadding='0' cellspacing='0' width='100%'>  
<tr>  

<td class='side-body'>  
<!-- <bc> -->Тест<!-- </bc> -->  

</td>  
</tr>  
</table>  
</td>  
</tr>  
</table>  
<!-- </block1> -->

каждого будет конешно свой. Далее у меня есть строчка
Code
<!-- <bt> --><!--<s5441>-->Текст<!--</s>--><!-- </bt> -->

И я заменяю её на
Code
<!-- <bt> --><!--<s5441>--><a href="javascript://" onclick="cookieToggle('AbUcoz')">Текст</a><!--</s>--><!-- </bt> -->

AbUcoz - уникальное название id, для каждого блока должно быть разное!!!
Далее нахожу строчки:
Code
<table cellpadding='0' cellspacing='0' width='100%'>  
<tr>  

<td class='side-body'>  
<!-- <bc> -->Тест<!-- </bc> -->  

</td>  
</tr>  
</table>

И заменяю на:
Code
</table></div>  
<script type="text/javascript" src="/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  

if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  

$('#'+id).slideToggle(100);  
}  
cookieToggleCheck = function(id) {  

if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('AbUcoz');  
</script>

AbUcoz- как я уже написал это уникальное название id, для каждого блока должно быть разное!!!
И такую же операцию надо проделать с каждым блоком у которого должно быть Сворачивание/разворачивание.

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

dp120886lvpДата: Пятница, 03.03.2017, 15:22 | Сообщение # 2




Сообщений: 4
Награды: 0

[ 0 ]


название
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Сворачивание/разворачивание блоков
  • Страница 1 из 1
  • 1
Поиск:

files-ucoz.at.ua - Игровой портал