« База
Кто меня читает? »

Скрипт спойлера

 Сегодня понадобилось сделать спойлер, вроде такого:

Поискал в Интернете, немного изменил и вот что получилось:

Сам скрипт:

<script language="JavaScript" type="text/javascript">
<!--
function openClose(id)
{
var obj = "";

// Check browser compatibility
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;

// Do the magic :)
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
/->
</script>

Как использовать в коде:

<!--Шапка спойлера-->
<div class="spoilertop" onClick="openClose('1')">
<b>Рабочие моменты</b>
</div>
<!--Содержание спойлера-->
<div class="spoilerbox" id="1" style="display:none">
<br />Тут пишешь содержимое спойлера<br />
</div>
<!--Конец спойлера-->

 

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

This entry was posted on вторник, мая 27, 2008 at 15:09 and is filed under Разработка сайтов. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

8 Responses to “Скрипт спойлера”

  1. Grawl Says:
    июня 8, 2008 at 06:04

    спасибо за скрипт, пригодилось )

  2. Alex Says:
    июня 24, 2008 at 15:43

    Рабочие моменты
    Тут пишешь содержимое спойлера

  3. Николай Курков Says:
    июня 24, 2008 at 16:12

    И как это будет работать без классов, Алекс?

  4. Grawl Says:
    июля 1, 2008 at 19:41

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

  5. OnArs Says:
    ноября 26, 2008 at 18:23

    Чё непонятного то? Чё людей пуаете? Просто стили (я имею ввиду class'ы) в теге

    вообще указывать не нужно было. :!:

    Как заставить работать? :idea:
    1. Oepn your Front Page
    2. Copy и paste соурс, тот что выше
    3. Сохраняй как хтмл
    4. Открывай любым браузером.
    5. Радуемся

    Не Страдайте хернёй, товарищи! :grin:

  6. Grawl Says:
    ноября 26, 2008 at 20:14

    Вот тут я и нарисовал таблицу стилей

    пользуйтесь..

    а на то, что юзер - гик, рассчитывать не надо. глупо это и цинично.

  7. Nik Volkov Says:
    декабря 4, 2008 at 05:53

    Вопрос: у меня перед спойлером картинка (стрелочка вправо), когда спойлер разворачивается, стрелка должна поворачиваться вниз. Как заменить картинку стрелки?

  8. Grawl Says:
    декабря 5, 2008 at 09:23

    это в таблице стилей - plus.gif и minus.gif
    таблица стилей под ссылкой, что я дал выше.

Leave a Reply