вторник, 4 ноября 2014 г.

Осторожно, спойлеры! Или как добавить спойлер в сообщение.


Когда я начал вести блог, один из первых вопросов который у меня возник: как упаковать Flash в спойлер, чтоб он не грузился без надобности.
В общем оказалось всё просто. Немного HTML, немного JavaScript и вот спойлер готов. Конечно же код не авторский, а найден на просторах сети и не в одном источнике, но я всё же просто оставлю его здесь в качестве шпаргалки.






Сам код спойлера я спрятал опять таки под спойлер. Рекурсия =)
<div style="margin: 0px 0px 0px;">
    <div class="smallfont" style="margin-bottom: 0px;">
    <b>Daring Fighter</b>:
    <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {             this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
        this.innerText = '';
        this.value = 'Close';
        }
        else {
        this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
        this.innerText = '';
        this.value = 'Open';
        }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Показать" />
    </div>
  
    <div class="alt2" style="border: 1px inset; margin: 0px; padding: 1px;">

        <div style="display: none;">

          ТЕКСТ СПОЙЛЕРА

        </div>
        <br />
    </div>
</div>


Комментариев нет:

Отправить комментарий