Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Сворачивание разделов


Сворачивание разделов

Сообщений 1 страница 30 из 64

1

Видел такое на многих форумах, не подскажете как реализовать?

Теги: сворачивание разделов,скрипты

0

2

нашел этот, прописал что нужно где нужно, вставил вниз - эффект ноль

<script type="text/javascript">

function findCat()
{
var ni=1
for (ni=1; ni<=11; ni++)
{var idx="pun-category"+ni
var im="image"+ni
document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML
if (document.cookie.indexOf("category")!=-1)
{var cook1=document.cookie.substr(document.cookie.indexOf("category"))
var cook=cook1.substr((cook1.indexOf(ni)+String(ni).length), 2)
if (cook=="op")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://img231.imageshack.us/img231/9933/expminus.gif"
var tit="Скрыть"
}
else if (cook=="cl")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="none"
var pic="http://img231.imageshack.us/img231/2636/expplus.gif"
var tit="Показать"
}}
else if (document.cookie.indexOf("category")==-1)
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://img231.imageshack.us/img231/9933/expminus.gif"
var tit="Скрыть"
}
document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<img src='"+pic+"' "+"id='"+im+"' "+"style='cursor: hand;'"+"title='"+tit+"' "+"onclick='changeCat("+ni+")' />"+"</div>"}
}
if (document.title.indexOf(" - Форум")!=-1)
{findCat()
window.onunload=saveCooks}

function changeCat(ru)
{var tb="pun-category"+ru
var img="image"+ru
if (document.getElementById(tb).getElementsByTagName("table")[0].style.display!="none")
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="none"
document.getElementById(img).src="http://img231.imageshack.us/img231/9933/expminus.gif"}
else
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="block"
document.getElementById(img).src="http://img231.imageshack.us/img231/2636/expplus.gif"}
}

function saveCooks()
{
var sample="category="
var vi=1
for (vi=1; vi<=11; vi++)
{var ct="pun-category"+vi
if (document.getElementById(ct).getElementsByTagName("table")[0].style.display!="none")
{sample+=vi+"op"}
else if (document.getElementById(ct).getElementsByTagName("table")[0].style.display=="none")
{sample+=vi+"cl"}}
var day=new Date()
day.setDate(day.getDate()+365)
sample+=";expires="+day.toGMTString()
document.cookie=sample}

</script>

Отредактировано Гороскоп (2009-11-04 20:20:23)

0

3

Тоже самое, пытался измеить, но получилось только свернуть, а развернуть :dontknow:

0

4

А есть ли ещё варианты??

0

5

Гороскоп
адрес форума где видели

0

6

пробуйте этот:

<script type="text/javascript">

function findCat()
{
var ni=1
for (ni=1; ni<=5; ni++)
{var idx="pun-category"+ni
var im="image"+ni
if (!document.getElementById(idx))
{break}
if (document.cookie.indexOf("category")!=-1)
{var cook1=document.cookie.substr(document.cookie.indexOf("category"))
var cook=cook1.substr((cook1.indexOf(ni)+String(ni).length), 2)
if (cook=="op")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://uploads.ru/images/k/karpoff/up.gif"
var tit="Скрыть"
}
else if (cook=="cl")
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="none"
var pic="http://uploads.ru/images/k/karpoff/down.gif"
var tit="Показать"
}}
else if (document.cookie.indexOf("category")==-1)
{document.getElementById(idx).getElementsByTagName("table")[0].style.display="block"
var pic="http://uploads.ru/images/k/karpoff/up.gif"
var tit="Скрыть"
}
document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML="<div class=\"catleft\"><!-- --></div>"+"<img src='"+pic+"' "+"id='"+im+"' "+"style='cursor: hand;'"+"title='"+tit+"' "+"onclick='changeCat("+ni+")'"+" align='right' /><span>"+document.getElementById(idx).getElementsByTagName("span")[0].innerHTML+"</span><div class=\"catright\"><!-- --></div>"}
}
if (document.title.indexOf(" - Форум")!=-1)
{findCat()
window.onunload=saveCooks}

function changeCat(ru)
{var tb="pun-category"+ru
var img="image"+ru
if (document.getElementById(tb).getElementsByTagName("table")[0].style.display!="none")
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="none"
document.getElementById(img).src="http://uploads.ru/images/k/karpoff/down.gif"
document.getElementById(img).title="Показать"}
else
{document.getElementById(tb).getElementsByTagName("table")[0].style.display="block"
document.getElementById(img).src="http://uploads.ru/images/k/karpoff/up.gif"
document.getElementById(img).title="Скрыть"}
}

function saveCooks()
{
var sample="category="
var vi=1
for (vi=1; vi<=5; vi++)
{var ct="pun-category"+vi
if (!document.getElementById(ct))
{break}
if (document.getElementById(ct).getElementsByTagName("table")[0].style.display!="none")
{sample+=vi+"op"}
else if (document.getElementById(ct).getElementsByTagName("table")[0].style.display=="none")
{sample+=vi+"cl"}}
var day=new Date()
day.setDate(day.getDate()+365)
sample+=";expires="+day.toGMTString()
document.cookie=sample}

</script>

то что красным - количество ваших категорий
картинка показать
картинка скрыть

0

7

Чёто у меня ващще форум грузится перестал!! после вставки последнего кода!! А его куда хоть вставлять то надо в верх или низ????

Отредактировано VitalyX (2010-09-07 10:16:28)

0

8

VitalyX
Вверх.

0

9

Ну незнаю чёто ничё не вышло !! Иконки даже не появились!!

0

10

Catalogue написал(а):

Вверх.

ну... вообще вниз

0

11

Люди вы уж определитесь!!! вверх или в низ??

0

12

А лучше определитесь что вставлять и работает ли оно вообще.
Срочно нужен такой скрипт, ибо форум большой и проще сворачивать.
А еще лучше сделать так, что бы видны были одни категории и после нажатия на категорию открываются в другом окне подфорумы в которых темы. Так можно?

0

13

Дак вот скрипт нужный тоже ищщу!!!

0

14

эх... я уже весь инет обрыла и найти не могу...

0

15

VitalyX написал(а):

Люди вы уж определитесь!!! вверх или в низ??

эммм, вниз...
в верх ставится то, что в тегах <style>...</style>
а вниз то, что в тегах <script>...</script>

0

16

bed-fanatka написал(а):

эх... я уже весь инет обрыла и найти не могу...

плохо ищете...

<!--Скрипт сворачивания категорий. Автор: Zebra. Модифицировано: Frodo (Meldo)-->
<script type="text/javascript">
var picminus='картинка свернуть';
var picplus='картинка развернуть';
var catCt=7;
function findCat()
{
    var ni=1;
    for (ni = 1; ni <= catCt; ni++) {
    var idx = "pun-category" + ni;
    var im = "image" + ni;
    if (!document.getElementById(idx)) {
    break;
    }
    if (document.cookie.indexOf("category") != -1) {
    var cook1 = document.cookie.substr(document.cookie.indexOf("category"));
    var cook = cook1.substr((cook1.indexOf(ni) + String(ni).length), 2);
    if (cook == "op") {
        document.getElementById(idx).getElementsByTagName("table")[0].style.display = "block";
        var pic = picminus;
        var tit = "Скрыть";
    }
    else
        if (cook == "cl") {
        document.getElementById(idx).getElementsByTagName("table")[0].style.display = "none";
        var pic = picplus;
        var tit = "Показать";
        }
    }
    else
    if (document.cookie.indexOf("category") == -1) {
        document.getElementById(idx).getElementsByTagName("table")[0].style.display = "block";
        var pic = picminus;
        var tit = "Скрыть";
    }
    document.getElementById(idx).getElementsByTagName("h2")[0].innerHTML = "<div class=\"catleft\"><!-- --></div>" + "<img src='" + pic + "' " + "id='" + im + "' " + "style='cursor: hand;'" + "title='" + tit + "' " + "onclick='changeCat(" + ni + ")'" + " align='right' /><span>" + document.getElementById(idx).getElementsByTagName("span")[0].innerHTML + "</span><div class=\"catright\"><!-- --></div>";
}
}
function changeCat(ru)
{
var tb="pun-category"+ru;
    var img="image"+ru;
    if (document.getElementById(tb).getElementsByTagName("table")[0].style.display!="none")
    {
    document.getElementById(tb).getElementsByTagName("table")[0].style.display="none";
    document.getElementById(img).src=picplus;
    document.getElementById(img).title="Показать";
}
    else
    {
    document.getElementById(tb).getElementsByTagName("table")[0].style.display="block";
    document.getElementById(img).src=picminus;
    document.getElementById(img).title="Скрыть";
}
}

function saveCooks()
{
    var sample="category=";
    var vi=1;
    for (vi=1; vi<=catCt; vi++)
    {
    var ct="pun-category"+vi;
    if (!document.getElementById(ct))
    {
    break
    }
    if (document.getElementById(ct).getElementsByTagName("table")[0].style.display!="none")
    {
    sample+=vi+"op";
    }
    else
    if (document.getElementById(ct).getElementsByTagName("table")[0].style.display=="none")
        {
        sample+=vi+"cl";
    }
}
    var day=new Date();
    day.setDate(day.getDate()+365);
    sample+=";expires="+day.toGMTString();
    document.cookie=sample;
}

{
if (document.URL=='http://thelordofthering.rolevaya.ru/')
{
    findCat();
//alert(1);
    window.onunload = saveCooks;
}
}</script>

кол-во категорий
адрес вашего форума

0

17

а это точно работает без глюков и проблем? Есть где пример посмотреть?

0

18

bed-fanatka
всё прекрасно работает, если правильн ставить...
http://asdasd213.0pk.ru/

0

19

А можно те кубики заменить на минус и плюсик? (стандарт свернуть-развернуть)
И смогли бы вы мне поставить на форум если я дам вам права? Прыз. прошу-молю...

0

20

bed-fanatka написал(а):

А можно те кубики заменить на минус и плюсик? (стандарт свернуть-развернуть)

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

bed-fanatka написал(а):

И смогли бы вы мне поставить на форум если я дам вам права? Прыз. прошу-молю...

там нет ничего сложного... вы и сами справитесь, я в вас верю хД

0

21

А какого расширения картинки туда ставить? Я с радикала пыталась... но чет ниче не пашет... какой номер с радикала пихать?

0

22

bed-fanatka написал(а):

какой номер с радикала пихать?

первый

bed-fanatka написал(а):

А какого расширения картинки туда ставить?

любой, правда если их делать большими - не красиво будет... может 15х15, или 20х20

0

23

Все работает. Большое спасибо.

0

24

Ребята скрипт заработал...но почему всё скукожилось кудато я так и не понял...может там это настраивать надо???

У меня получается вот так как то некрасиво :
http://www.ifotka.ru/images/a5e6oi7z4r0t113ln6.png

0

25

Nixone ответь пожалуйсто как исправить этот косяк??
Я тут маленько догадался дело в том что если последний камент был оставлен в теме с длинным названием то этого косяка нет а если с коротким то есть...но как сделать чтобы всегда небыло косяка пока загадка...

Отредактировано VitalyX (2010-09-10 12:58:16)

0

26

Блин Nixone ты куда пропал ??? Нужна срочно твоя помощь!! Ребят может кто нидь ещё знает как это устранить??

Отредактировано VitalyX (2010-09-13 17:40:41)

0

27

VitalyX
попробуйте убрать из html-низ код

Код:
<script type="text/javascript"> 
$(document).ready(function(){
$('div#pun-category1.category > h2 > div.catleft ').after(' <img src="http://www.ifotka.ru/images/q12ndgs6nfjelvsjraqu.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
$('div#pun-category2.category > h2 > div.catleft').after('<img src="http://www.ifotka.ru/images/sf7unqox4j0eglkzvvpb.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
$('div#pun-category3.category > h2 > div.catleft').after('<img src="http://www.ifotka.ru/images/usr5gmtqg9p47shn81.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
$('div#pun-category4.category > h2 > div.catleft').after('<img src="http://www.ifotka.ru/images/bx6cu7ri4mb43qbx5ld.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
$('div#pun-category5.category > h2 > div.catleft').after('<img src="http://www.ifotka.ru/images/6u1h61c39jtpxeefvvro.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
$('div#pun-category6.category > h2 > div.catleft').after('<img src="http://www.ifotka.ru/images/hcsd0gxndpviolgvyff.ico" style="margin-top:-7px;margin-left:100px;margin-right:15px;margin-bottom:-9px"/>');
  });
</script>

если окажется, что я прав - проблема в этом скрипте, то попробуем изменить этот скрипт

0

28

mkusher я пробовал его убрать из низа - эффекта ноль!!

Отредактировано VitalyX (2010-09-14 10:17:23)

0

29

Кароче я в этом скрипте нашёл 2 косяка:
1-й косяк : когда я сижу Гостем скрипт отказывается работать?? т.е. пока не Войдёшь пользователем он не работает!!
2-й : я привёл выше т.е. всё кудато скукоживается если название тем раздела маленькое?? и как эти косяки устранить пока непойму!!

Может ктонидь знает нормальный скрипт?? где этих косяков нет!!

Отредактировано VitalyX (2010-09-20 10:00:44)

0

30

VitalyX написал(а):

А есть ли ещё варианты??

есть

Сворачивание категорий по нажатию на иконку (© Romych)

как я уже говорил, через иконки к категориям можно организовать сворачивание категорий по клику
присваиваем для иконки каждой нужной нам категории id
например id="showr1", id="showr2" и так далее
пример
это мы добавляем к каждой категории свою иконку (в примере их 3, дублируйте столько сколько категорий у вас, считаются они по порядку сверху вниз)

<script type="text/javascript">
$(document).ready(function(){
$('div#pun-category1.category > h2 > div.catleft ').after('<img id="showr1" class="categor" src="http://icons.iconarchive.com/icons/icons-land/points-of-interest/32/Theater-Yellow-2-icon.png" />');
$('div#pun-category2.category > h2 > div.catleft').after('<img id="showr2" class="categor" src="http://icons.iconarchive.com/icons/rokey/hardware/32/harddisc-icon.png" />');
$('div#pun-category3.category > h2 > div.catleft').after('<img id="showr3" class="categor" src="http://icons.iconarchive.com/icons/deleket/gloss-adobe/32/Adobe-Flash-Player-icon.png" />');
$('img.categor').css({'margin-top' : '-7px', 'margin-left' : '-5px', 'margin-right' : '15px', 'margin-bottom' : '-9px', 'cursor' : 'pointer'});
  });
</script>

а теперь делаем сворачивание разворачивание по клику
оба скрипта ставяться в html-низ :

<script type="text/javascript">
$(document).ready(function(){
$('#showr1').click(function () {
$('div#pun-category1>div.container').show(2000);});
$('#showr2').click(function () {
$('div#pun-category2>div.container').show(2000);});
$('#showr3').click(function () {
$('div#pun-category3>div.container').show(2000);});
$('#showr1').dblclick(function () {
$('div#pun-category1>div.container').hide(2000);});
$('#showr2').dblclick(function () {
$('div#pun-category2>div.container').hide(2000);});
$('#showr3').dblclick(function () {
$('div#pun-category3>div.container').hide(2000);});
});
</script>

в примере три категории, которые вы дублируйте столько сколько у вас

сворачивание по двойному клику на иконку категории, разворачивание по одиночному,
можно сделать наоборот
и скорость сворачивания можно менять
для каждой категории прописана функция скрыть - hide
и показать - show
баловство всё это конечно, но забавно ;)

пример можно испытать ЗДЕСЬ

bed-fanatka написал(а):

А еще лучше сделать так, что бы видны были одни категории и после нажатия на категорию открываются в другом окне подфорумы в которых темы. Так можно?

так тоже можно

+2


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Сворачивание разделов


Рейтинг форумов | Создать форум бесплатно