PDA

Просмотр полной версии : Нужен пример...

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
Как я понял из http://ru.wikipedia.org/wiki/AJAX контент, заключенный в этом спойлере не будет виден поисковикам, а в случае с примером diGriz будет (так как это просто контейнер) или я чего-то не понял?

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

блин, как все сложно.....
А можно пример данной схемы? Просто ajax, как я посмотрел в примерах, очень симпотичен глазу...
Хотелось бы узнать все точней...

Спасибо...
diGriz
05.05.2010, 22:03
_http://api.jquery.com/jQuery.ajax/

Вот неплохой пример - http://2coders.ru/sistema-ocenok-na-jquery-i-php/
z0mbyak
05.05.2010, 22:13
То есть, как я понял, подредактировать http://2coders.ru/sistema-ocenok-na-jquery-i-php/ под мой случай (без MySQL) можно путем замены добавления данных не в мускул а в файл (или нужен обязательно мускул?)
diGriz
05.05.2010, 22:25
Что-то я не пойму чего именно ты хочешь. В том примере, просто наглядно показано как при событии onclick обработать передаваемые данные и вернуть их в див.

function setRate(id, operation) {
$.ajax({
type: "POST",
url: "rates.php",
data: "id=" + id + "&operation=" + operation,
success: function(html){
$("#rating" + id).html(html);
}
});
}


В строке: data: "id=" + id + "&operation=..., передается id дива в скрипт rates.php, в нем используются полученные данные для того, чтобы получить значение из БД. Можно работать и без бд. В rates.php просто обрабатываются данные и т. д. и возвращаются в див #rating.
z0mbyak
05.05.2010, 23:23
Аааа вот теперь я начинаю понимать....
Спасибо большое за пояснения!