Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Собственный спойлер на страницах сайта
Собственный спойлер на страницах сайта
workman
Дата: Среда, 24.09.2014, 04:36 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


JavaScript код ставим в нижнюю часть сайта
Код
<script type="text/javascript">
function open_close(id_spol) {
var obj = "";
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;

if (obj.display == "") obj.display = "none";
else if (obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>

Далее, в том месте Вашей странички, где Вы планируете использовать спойлер, необходимо добавить следующий код:
Код
<div class="spoiler_style" onClick="open_close('spoiler1')">Название спойлера</div>
<div id="spoiler1" style="display:none;">
        Здесь содержится все то, что должен скрывать спойлер.
        Под спойлером может содержаться не только текст, но и картинки,
        таблицы и другие элементы. например изображение.
        <img src="ссылка" alt="Изображение под спойлером" width="250">
</div>

Данный код мы ставим в стили css в самый низ:
Код
.spoiler_style {cursor:pointer;}
Вот и все. В результате у Вас должен получиться простой спойлер, который поможет Вам сэкономить немало места на сайте.

P.S.
Часто спрашивают, как можно за мудрить на одной странице сразу два спойлера или больше?
Объяснения просты:
Просто в функции для открытия второго спойлера необходимо заменить onClick="open_close('spoiler1')" на onClick="open_close('spoiler2')".
Так же второму спойлеру необходимо дать новое имя - id="spoiler2"

Если кто сделал что-то не так как я пояснил, то я не виноват...

Прикрепления: 9310531.jpg(14Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
kredit-oformi
Дата: Среда, 24.09.2014, 08:12 | Сообщение # 2
Vip
Сообщений:1953
Награды: 5


workman, изображение бы увидеть для наглядности
Kosten
Дата: Среда, 24.09.2014, 13:38 | Сообщение # 3
Администраторы
Сообщений:12668
Награды: 39


workman, если не трудно скинь картинку wink

Slavik
Дата: Среда, 24.09.2014, 13:38 | Сообщение # 4
Проверенные
Сообщений:1439
Награды: 1


Цитата kredit-oformi ()
workman, изображение бы увидеть для наглядности

Согласен)).
workman, Можешь хотя бы скрин кинуть?)))))


MIR-HACK.RU - Добро пожаловать в мир читов!
workman
Дата: Среда, 24.09.2014, 16:15 | Сообщение # 5
Vip
Сообщений:1576
Награды: 7


Сейчас сделаю скрин gif и скину

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Среда, 24.09.2014, 16:29 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


НУ ВОТ СМОТРИТЕ САМИ DEMO ПРИМЕР

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Среда, 24.09.2014, 16:31
Kosten
Дата: Среда, 24.09.2014, 16:36 | Сообщение # 7
Администраторы
Сообщений:12668
Награды: 39


workman, реально оригинальные сполер wink

workman
Дата: Среда, 24.09.2014, 16:38 | Сообщение # 8
Vip
Сообщений:1576
Награды: 7


отредактировал страницу с сполером. Поставил на одном скрипте второй

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
kredit-oformi
Дата: Среда, 24.09.2014, 16:38 | Сообщение # 9
Vip
Сообщений:1953
Награды: 5


workman, прикольный спойлер наверное бывает нужен wink
workman
Дата: Среда, 24.09.2014, 16:41 | Сообщение # 10
Vip
Сообщений:1576
Награды: 7


Цитата kredit-oformi ()
прикольный спойлер наверное бывает нужен

в основном нужен для того чтобы прятать длинный текст или новость на сайте.
Например: Основной текст составляет до 40 000 знаков, из которых можно показать только 1000 слов а остальные спрятать, например под название - читать дальше ....


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
kredit-oformi
Дата: Среда, 24.09.2014, 16:51 | Сообщение # 11
Vip
Сообщений:1953
Награды: 5


Цитата workman ()
спрятать, например под название - читать дальше
пончтно будут если что знать где его теперь найти
Slavik
Дата: Среда, 24.09.2014, 17:09 | Сообщение # 12
Проверенные
Сообщений:1439
Награды: 1


Правда спойлер классный)).

MIR-HACK.RU - Добро пожаловать в мир читов!
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Собственный спойлер на страницах сайта
Страница 1 из 11
Поиск: