Форум АНТИЧАТ
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Нужен пример... (https://forum.antichat.xyz/showthread.php?t=201915)

z0mbyak 05.05.2010 20:11
Нужен пример...
 
Доброго времени суток, господа форумчане...

Мне требуется пример PHP или JS не важно, где реализована такая фишка как Спойлер, то есть нажимаешь на + и вываливается полная инфа (как на трекерах, например)

Буду очень признателен за исходник :-)

P.S. Только начинаю знакомиться с интернет-технологиями и языками...

Flenat 05.05.2010 20:33
<script type="text/javascript">
function ShowOrHide(d1){if(d1!='')DoDiv(d1);}function ShowHide(d1){if(d1!='')DoDiv(d1);}function DoDiv(id){var item=null;if(document.getElementById){item=documen t.getElementById(id);}else if(document.all){item=document.all[id];}else if(document.layers){item=document.layers[id];}if(!item){}else if(item.style){if(item.style.display=="none"){item .style.display="";}else{item.style.display="none"; }}else{item.visibility="show";}}
</script>



<a href="javascript:ShowOrHide('ID_1')">Показа ь / Скрыть текст ID_1</a>

<div id="ID_1" style="display:none;">Тут текст который будет показываться (спойлер)</div>

И так далее, сколько угодно ID

diGriz 05.05.2010 20:41
Можно еще так сделать:
Код:
<script type="text/javascript">
function sh() {
    obj = document.getElementById("spoiler");
    if( obj.style.display == "none" ) {
                obj.style.display = "block";
        } else {
                obj.style.display = "none";
        }
}
</script>
<a href="#" onclick="sh()">show/hide</a>
<div id="spoiler" style="display:none">text</div>
Ну, а лучше и проще сделать с jQuery:
Код:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<a href="#" id="showSpoiler">show/hide</a>
<div id="spoiler" style="display:none">spoiler text</div>
<script>
$("#showSpoiler").click(function () {
        if($("#spoiler").is(":hidden")) {
                $("#spoiler").show("slow");
        } else {
                $("#spoiler").hide("slow");
        }
});
</script>

z0mbyak 05.05.2010 20:42
Спасибо за внимание к моей просьбе, но
засунуть код Flenat в Кандидат-CMS не получилось (точнее получилось, но не пашет)

Спасибо, diGriz, все замечательно работает!

Еще раз огромное спасибо всем откликнувшимся.

GreenBear 05.05.2010 21:02
на форумах обычно подгрузка идет через ajax, да и правильная это идея я считаю, тк там они весьма объемные бывают. хотя там реализовать и это не сложно - добавить еще одну функцию в онклик, а примеров работы аякса выше крыши.

z0mbyak 05.05.2010 21:13
Как я понял из http://ru.wikipedia.org/wiki/AJAX контент, заключенный в этом спойлере не будет виден поисковикам, а в случае с примером diGriz будет (так как это просто контейнер) или я чего-то не понял?

Adio 05.05.2010 21:32
Попробуй засунуть между тегами
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

В шапке сайта

z0mbyak 05.05.2010 21:45
Облом с вариантом Adio так как нет возможности редактировать голову, добавлять метатеги и тд, работа идет только с боди (вот такая она суровая Кандидат CMS)

diGriz 05.05.2010 21:53
Цитата:
Сообщение от z0mbyak
Как я понял из http://ru.wikipedia.org/wiki/AJAX контент, заключенный в этом спойлере не будет виден поисковикам, а в случае с примером diGriz будет (так как это просто контейнер) или я чего-то не понял?
Да, если с помощью аякса будешь динамически подгружать контент в спойлер, то содержимое не будет видно ПС. Но, если ты выводишь в спойлер данные с помощью php, то все содержимое спойлера будет индексироваться.

z0mbyak 05.05.2010 21:59
Цитата:
Да, если с помощью аякса будешь динамически подгружать контент в спойлер, то содержимое не будет видно ПС. Но, если ты выводишь в спойлер данные с помощью php, то все содержимое спойлера будет индексироваться.
блин, как все сложно.....
А можно пример данной схемы? Просто ajax, как я посмотрел в примерах, очень симпотичен глазу...
Хотелось бы узнать все точней...

Спасибо...


Время: 17:06
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице