Доброго времени суток, господа форумчане... Мне требуется пример PHP или JS не важно, где реализована такая фишка как Спойлер, то есть нажимаешь на + и вываливается полная инфа (как на трекерах, например) Буду очень признателен за исходник P.S. Только начинаю знакомиться с интернет-технологиями и языками...
<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=document.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
Можно еще так сделать: Code: <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: Code: <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>
Спасибо за внимание к моей просьбе, но засунуть код Flenat в Кандидат-CMS не получилось (точнее получилось, но не пашет) Спасибо, diGriz, все замечательно работает! Еще раз огромное спасибо всем откликнувшимся.
на форумах обычно подгрузка идет через ajax, да и правильная это идея я считаю, тк там они весьма объемные бывают. хотя там реализовать и это не сложно - добавить еще одну функцию в онклик, а примеров работы аякса выше крыши.
Как я понял из http://ru.wikipedia.org/wiki/AJAX контент, заключенный в этом спойлере не будет виден поисковикам, а в случае с примером diGriz будет (так как это просто контейнер) или я чего-то не понял?
Попробуй засунуть между тегами <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> В шапке сайта
Облом с вариантом Adio так как нет возможности редактировать голову, добавлять метатеги и тд, работа идет только с боди (вот такая она суровая Кандидат CMS)
Да, если с помощью аякса будешь динамически подгружать контент в спойлер, то содержимое не будет видно ПС. Но, если ты выводишь в спойлер данные с помощью php, то все содержимое спойлера будет индексироваться.
блин, как все сложно..... А можно пример данной схемы? Просто ajax, как я посмотрел в примерах, очень симпотичен глазу... Хотелось бы узнать все точней... Спасибо...
_http://api.jquery.com/jQuery.ajax/ Вот неплохой пример - http://2coders.ru/sistema-ocenok-na-jquery-i-php/
То есть, как я понял, подредактировать http://2coders.ru/sistema-ocenok-na-jquery-i-php/ под мой случай (без MySQL) можно путем замены добавления данных не в мускул а в файл (или нужен обязательно мускул?)
Что-то я не пойму чего именно ты хочешь. В том примере, просто наглядно показано как при событии onclick обработать передаваемые данные и вернуть их в див. Code: function setRate(id, operation) { $.ajax({ type: "POST", url: "rates.php", [B] data: "id=" + id + "&operation=" + operation[/B], success: function(html){ $("#rating" + id).html(html); } }); } В строке: data: "id=" + id + "&operation=..., передается id дива в скрипт rates.php, в нем используются полученные данные для того, чтобы получить значение из БД. Можно работать и без бд. В rates.php просто обрабатываются данные и т. д. и возвращаются в див #rating.
