Видел такое на многих форумах, не подскажете как реализовать?
Теги: сворачивание разделов,скрипты
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Сворачивание разделов
Видел такое на многих форумах, не подскажете как реализовать?
Теги: сворачивание разделов,скрипты
нашел этот, прописал что нужно где нужно, вставил вниз - эффект ноль
<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)
Тоже самое, пытался измеить, но получилось только свернуть, а развернуть
А есть ли ещё варианты??
Гороскоп
адрес форума где видели
пробуйте этот:
<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>
то что красным - количество ваших категорий
картинка показать
картинка скрыть
Чёто у меня ващще форум грузится перестал!! после вставки последнего кода!! А его куда хоть вставлять то надо в верх или низ????
Отредактировано VitalyX (2010-09-07 10:16:28)
VitalyX
Вверх.
Ну незнаю чёто ничё не вышло !! Иконки даже не появились!!
Вверх.
ну... вообще вниз
Люди вы уж определитесь!!! вверх или в низ??
А лучше определитесь что вставлять и работает ли оно вообще.
Срочно нужен такой скрипт, ибо форум большой и проще сворачивать.
А еще лучше сделать так, что бы видны были одни категории и после нажатия на категорию открываются в другом окне подфорумы в которых темы. Так можно?
Дак вот скрипт нужный тоже ищщу!!!
эх... я уже весь инет обрыла и найти не могу...
Люди вы уж определитесь!!! вверх или в низ??
эммм, вниз...
в верх ставится то, что в тегах <style>...</style>
а вниз то, что в тегах <script>...</script>
эх... я уже весь инет обрыла и найти не могу...
плохо ищете...
<!--Скрипт сворачивания категорий. Автор: 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>
кол-во категорий
адрес вашего форума
а это точно работает без глюков и проблем? Есть где пример посмотреть?
bed-fanatka
всё прекрасно работает, если правильн ставить...
http://asdasd213.0pk.ru/
А можно те кубики заменить на минус и плюсик? (стандарт свернуть-развернуть)
И смогли бы вы мне поставить на форум если я дам вам права? Прыз. прошу-молю...
А можно те кубики заменить на минус и плюсик? (стандарт свернуть-развернуть)
в коде который я вам дал, есть место, куда надо вставлят свои картинки, будь то плюсики/минусы и всё, что вам в голову взбредёт, это я для примера вам поставил их чтоб показать что всё работает....
И смогли бы вы мне поставить на форум если я дам вам права? Прыз. прошу-молю...
там нет ничего сложного... вы и сами справитесь, я в вас верю хД
А какого расширения картинки туда ставить? Я с радикала пыталась... но чет ниче не пашет... какой номер с радикала пихать?
какой номер с радикала пихать?
первый
А какого расширения картинки туда ставить?
любой, правда если их делать большими - не красиво будет... может 15х15, или 20х20
Все работает. Большое спасибо.
Ребята скрипт заработал...но почему всё скукожилось кудато я так и не понял...может там это настраивать надо???
У меня получается вот так как то некрасиво :
Nixone ответь пожалуйсто как исправить этот косяк??
Я тут маленько догадался дело в том что если последний камент был оставлен в теме с длинным названием то этого косяка нет а если с коротким то есть...но как сделать чтобы всегда небыло косяка пока загадка...
Отредактировано VitalyX (2010-09-10 12:58:16)
Блин Nixone ты куда пропал ??? Нужна срочно твоя помощь!! Ребят может кто нидь ещё знает как это устранить??
Отредактировано VitalyX (2010-09-13 17:40:41)
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>
если окажется, что я прав - проблема в этом скрипте, то попробуем изменить этот скрипт
mkusher я пробовал его убрать из низа - эффекта ноль!!
Отредактировано VitalyX (2010-09-14 10:17:23)
Кароче я в этом скрипте нашёл 2 косяка:
1-й косяк : когда я сижу Гостем скрипт отказывается работать?? т.е. пока не Войдёшь пользователем он не работает!!
2-й : я привёл выше т.е. всё кудато скукоживается если название тем раздела маленькое?? и как эти косяки устранить пока непойму!!
Может ктонидь знает нормальный скрипт?? где этих косяков нет!!
Отредактировано VitalyX (2010-09-20 10:00:44)
А есть ли ещё варианты??
есть
Сворачивание категорий по нажатию на иконку (© 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
баловство всё это конечно, но забавно
пример можно испытать ЗДЕСЬ
А еще лучше сделать так, что бы видны были одни категории и после нажатия на категорию открываются в другом окне подфорумы в которых темы. Так можно?
так тоже можно
Нужна помощь! Разделы сдвинулись! | Архив тем | 2010-11-17 |
Навигатор по скриптам | Галерея скриптов | 2010-10-29 |
Информационный блок | Галерея скриптов | 2011-08-06 |
Свернуть Категорию | Архив тем | 2010-11-30 |
вопрос про скрытые форумы. | Архив тем | 2011-02-05 |
Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Сворачивание разделов