Собственный спойлер на страницах сайта
|
|
workman |
Среда, 24 Сентября 2014, 04:36 | Сообщение 1 |
|
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"
Если кто сделал что-то не так как я пояснил, то я не виноват...
|
[ RU ] |
|
|
kredit-oformi |
Среда, 24 Сентября 2014, 08:12 | Сообщение 2 |
|
workman, изображение бы увидеть для наглядности
|
[ RU ] |
|
|
Kosten |
Среда, 24 Сентября 2014, 13:38 | Сообщение 3 |
|
workman, если не трудно скинь картинку
|
[ RU ] |
|
|
Slavik |
Среда, 24 Сентября 2014, 13:38 | Сообщение 4 |
|
Цитата kredit-oformi (  ) workman, изображение бы увидеть для наглядности Согласен)). workman, Можешь хотя бы скрин кинуть?)))))
Kentos311.uCoz.com - Добро пожаловать в мир читов!
|
[ RU ] |
|
|
workman |
Среда, 24 Сентября 2014, 16:15 | Сообщение 5 |
|
Сейчас сделаю скрин gif и скину
|
[ RU ] |
|
|
workman |
Среда, 24 Сентября 2014, 16:29 | Сообщение 6 |
|
НУ ВОТ СМОТРИТЕ САМИ DEMO ПРИМЕР
Сообщение отредактировал workman - Среда, 24 Сентября 2014, 16:31
|
[ RU ] |
|
|
Kosten |
Среда, 24 Сентября 2014, 16:36 | Сообщение 7 |
|
workman, реально оригинальные сполер
|
[ RU ] |
|
|
workman |
Среда, 24 Сентября 2014, 16:38 | Сообщение 8 |
|
отредактировал страницу с сполером. Поставил на одном скрипте второй
|
[ RU ] |
|
|
kredit-oformi |
Среда, 24 Сентября 2014, 16:38 | Сообщение 9 |
|
workman, прикольный спойлер наверное бывает нужен
|
[ RU ] |
|
|
workman |
Среда, 24 Сентября 2014, 16:41 | Сообщение 10 |
|
Цитата kredit-oformi (  ) прикольный спойлер наверное бывает нужен в основном нужен для того чтобы прятать длинный текст или новость на сайте. Например: Основной текст составляет до 40 000 знаков, из которых можно показать только 1000 слов а остальные спрятать, например под название - читать дальше ....
|
[ RU ] |
|
|
kredit-oformi |
Среда, 24 Сентября 2014, 16:51 | Сообщение 11 |
|
Цитата workman (  ) спрятать, например под название - читать дальше пончтно будут если что знать где его теперь найти
|
[ RU ] |
|
|
Slavik |
Среда, 24 Сентября 2014, 17:09 | Сообщение 12 |
|
Правда спойлер классный)).
Kentos311.uCoz.com - Добро пожаловать в мир читов!
|
[ RU ] |
|
|