Как сделать кнопку "больше"-"меньше"

[Clericos]

Здравствуйте.

На сайте [ссылку потер //модератор] есть описание фильма и "кнопка" /больше - меньше/.
Выглядит это вот так:

В общем текст добавляется/убавляется без перезагрузки страницы.

Я так понимаю там это сделано на ASP.
Я же пишу на PHP. Подскажите, как мне это прикрутить к сайту?
Хоть в какую сторону смотреть? Как это вообще делается?

Заранее спасибо.

прошу прощения если запостил не туда, просто не пойму как это делается ASP? CSS? js? ...

[SkyM@n]

Скриншот кнопки в студию!

[Clericos]

Выложил скриншот.

[wall66]

Сообщение от Clericos

как это делается ASP? CSS? js? ...

манипуляция DOM в частности

плюс ajax чтобы не грузить полный текст раньше времени

[Clericos]

Сообщение от wall66

манипуляция DOM в частности

плюс ajax чтобы не грузить полный текст раньше времени

Что почитать на эту тему? или на php не получится в любом случае? есть ли простые примеры?

В принципе текст можно сразу вгрузить на страницу "раньше времени".

может можно как-то этого добиться на js или CSS.

Мне надо как-то так:

ЗаголовокЗаголовокЗаголовокЗаголовок _больше_
<БлокПодробнее hidden=yes> 
   7 строк контента
   7 строк контента
   7 строк контента
   7 строк контента
   7 строк контента
   7 строк контента
   7 строк контента
</БлокПодробнее>

ну и как-то не перезагружая страницу показывать/скрывать текст с контентом.

[SkyM@n]

Сообщение от Clericos

В принципе текст можно сразу вгрузить на страницу "раньше времени".

Как уже было сказано, раньше времени - нерационально.

На счет почитать - читайте о аджаксе. Впрочем, могу выложить пример, но реализация с помощью библиотеки jQuery.

[Clericos]

Сообщение от SkyM@n

Впрочем, могу выложить пример, но реализация с помощью библиотеки jQuery.

Если не трудно. Спасибо.

[Clericos]

Собственно расковыривая то как это сделано на одном из сайтов вижу, что товарищи это как-то сделали "попростому". Вот мне как раз такое же чудо нужно.

<div class="more">
<div id="descrmore">

<p>Однажды люди научились создавать боевые машины и наделять их интеллектом. Но машины восстали против своих создателей, и в страшной войне человечество было уничтожено механическими монстрами. Перед тем, как погибнуть, профессор, придумавший умных машин, создал девять тряпичных кукол, вложив в каждую из них человеческую душу. Девять героев&hellip;

<a href="javascript:none();" class="red" onClick="viewDescr();">больше&nbsp;&raquo;</a></p></div>

<div id="descrfull" style="display:none;">

<p>Однажды люди научились создавать боевые машины и наделять их интеллектом. Но машины восстали против своих создателей, и в страшной войне человечество было уничтожено механическими монстрами. Перед тем, как погибнуть, профессор, придумавший умных машин, создал девять тряпичных кукол, вложив в каждую из них человеческую душу. Девять героев. Девять характеров. Только вместе, помогая друг другу, им суждено выжить. Выжить и выполнить свою миссию – возродить жизнь на Земле.
<a href="javascript:none();" class="red" onClick="hideDescr();">&laquo;&nbsp ;меньше</a></p></div></div>
</div>

Т.е. они сразу загружают и полную и сокращенную версию.
Осталось найти эти скрипты и разобраться.

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

[SkyM@n]

Сообщение от Clericos

Если не трудно. Спасибо.

Вот тут пример

Там в качестве серверного РНР-транспорта используется скрипт ipsum.php. Если это необходимо, могу привести его листинг, хотя, думаю, не понадобится.