Сворачивание/разворачивание блоков - Форум - Game Portal: все для GTA SA, CS, SA-MP, UCOZ скрипты. - Описание сайта



[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Сворачивание/разворачивание блоков
karimДата: Понедельник, 22 Марта 2010, 13:59 | Сообщение # 1
Блатной
Сообщений: 198
[ 59 ]
Награды: 3
Бог сайта и форума За любовь народа За хорошую посещаемость на форуме За создание сайта За хорошию репутации За 50 постов За 150 Постов
Статус:

Думаю принцып все поняли А если нет, то при нажатии на название блока (так же можно изменить скрипт и поставить + и - картинками) блок будет сворачиваться/разворачиваться. Перейдём к установке.

Сначало подключаем jquery (кликаем по ссылке - сохранить как). Потом сохраняем jquery.cookie(таким же способом). Кидаем эти файлы в файловый менеджер. Далее перед во всех страницах пишем:

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('Game - Portal')">Текст</a><!--</s>--><!-- </bt> -->

Game - Portal- уникальное название id, для каждого блока должно быть разное!!!

Далее нахожу строчки:

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

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

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

И заменяю на:

Code
<div id="Game - Portal"><table cellpadding='0' cellspacing='0' width='100%'>  
<tr>  

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

</td>  
</tr>  
</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('Game - Portal');  
</script>

Game - Portal - как я уже написал это уникальное название id, для каждого блока должно быть разное!!!

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

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


 

  • Страница 1 из 1
  • 1
Поиск: