Способы сделать спойлер на сайте - Форум об интернет-маркетинге
Этот сайт существует на доходы от рекламы.
Пожалуйста, выключите AdBlock.
Вернуться   Форум об интернет-маркетинге > >
Ответ
 
Опции темы
Старый 05.04.2010, 14:00   #1
Студент
 
Аватар для trend
 
Регистрация: 05.04.2010
Сообщений: 27
Репутация: -27
Отправить сообщение для trend с помощью ICQ Отправить сообщение для trend с помощью Skype™
Социальные сети

По умолчанию Способы сделать спойлер на сайте

Суть такова

нужно сделать спойлер

например ссылка , после нажатия на неё появляется скрытая картинка или большой текст без переходов и обновления страницы, подскажите способы реализации
trend вне форума   Ответить с цитированием

Реклама
Старый 05.04.2010, 14:27   #2
T.R.O.N
истина в вине...
 
Аватар для T.R.O.N
 
Регистрация: 18.05.2004
Адрес: Луганск/Москва
Сообщений: 4,832
Репутация: 180041
Отправить сообщение для T.R.O.N с помощью ICQ
Социальные сети

По умолчанию Ответ: Способы сделать спойлер на сайте

Спо***769;йлер, от англ. to spoil — «гадить», «портить»

говорите русским языком - это называется, обновление страницы без перезагрузки. Для х..вого сайта - просто скрыть/показать див. Для хорошего - курите тему "AJAX"
__________________
От воздержания пока никто не умер. Хотя никто и не родился!
Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
T.R.O.N вне форума   Ответить с цитированием
Старый 05.04.2010, 15:01   #3
trend
Студент
 
Аватар для trend
 
Регистрация: 05.04.2010
Сообщений: 27
Репутация: -27
Отправить сообщение для trend с помощью ICQ Отправить сообщение для trend с помощью Skype™
Социальные сети

ТопикСтартер Ответ: Способы сделать спойлер на сайте

спойлер в переводе с английского - прерыватель потока

Ну так как всё таки скрыть показать этот див? Дайте пример кода пожалуйста

Последний раз редактировалось trend; 05.04.2010 в 15:16..
trend вне форума   Ответить с цитированием
Старый 05.04.2010, 15:26   #4
T.R.O.N
истина в вине...
 
Аватар для T.R.O.N
 
Регистрация: 18.05.2004
Адрес: Луганск/Москва
Сообщений: 4,832
Репутация: 180041
Отправить сообщение для T.R.O.N с помощью ICQ
Социальные сети

По умолчанию Ответ: Способы сделать спойлер на сайте

Цитата:
Сообщение от trend
спойлер в переводе с английского - прерыватель потока
покажите где такое взяли?
Код:
<script>
function a(){document.getElementById("c").style.visibility = 'visible'; return false;}
function b(){document.getElementById("c").style.visibility = 'hidden'; return false;}
</script>

<a href="#" onclick="return a();">показать</a> <a href="#" onclick="return b();">скрыть</a>
<div id="c" style="visibility:hidden;"> спойлер спойлер спойлер спойлер спойлер </div>
T.R.O.N вне форума   Ответить с цитированием
Старый 05.04.2010, 15:47   #5
stiliar
MADE IN USSR
 
Аватар для stiliar
 
Регистрация: 04.03.2008
Адрес: Novosibirsk
Сообщений: 122
Репутация: 6283
Отправить сообщение для stiliar с помощью Skype™

По умолчанию Ответ: Способы сделать спойлер на сайте

Еще способ. Здесь будет только одна ссылка, при клике на которую будет открывать/прятать содержимое.
[HTML]<html><head>
<title>Spoiler HTML code</title>
<style type="text/css">
.onner {color: blue}
.spoiler {border:0px solid #ddd; padding:3px;}
.spoiler .inner {border:0px solid #eee; padding:3px;margin:3px;}
</style>

<script type="text/javascript">
function showSpoiler(obj) {var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; }
</script>

</head>
<body>

<div class="spoiler">
<span class="onner" onclick="showSpoiler(this);">Показать/Скрыть</span>
<div class="inner" style="display:none;">Скрытое содержимое</div></div>

</body></html>[/HTML]
stiliar вне форума   Ответить с цитированием
Старый 05.04.2010, 15:52   #6
bearman
Banned
 
Регистрация: 11.03.2008
Адрес: Коробка из под холодильника
Сообщений: 4,444
Репутация: 200640
Отправить сообщение для bearman с помощью ICQ Отправить сообщение для bearman с помощью Skype™
Социальные сети Профиль на Хабрахабре

По умолчанию Ответ: Способы сделать спойлер на сайте

http://clear.helldude.ru/2009/06/17/...E%D0%B4%D0%B0/
bearman вне форума   Ответить с цитированием
Старый 05.04.2010, 16:00   #7
SAG
Аспирант
 
Регистрация: 22.04.2008
Сообщений: 156
Репутация: 9826

По умолчанию Ответ: Способы сделать спойлер на сайте

http://api.jquery.com/slideToggle/
__________________
Портфолио. Верстаю. Програмлю. Последние отзывы.
Контакты: ICQ: 31377144пять;E-mail: andrschwartz<собако>gmail.com
SAG вне форума   Ответить с цитированием
Старый 05.04.2010, 16:14   #8
T.R.O.N
истина в вине...
 
Аватар для T.R.O.N
 
Регистрация: 18.05.2004
Адрес: Луганск/Москва
Сообщений: 4,832
Репутация: 180041
Отправить сообщение для T.R.O.N с помощью ICQ
Социальные сети

По умолчанию Ответ: Способы сделать спойлер на сайте

SAG, вместо 3 строк, 40К говнокода... очень классно
T.R.O.N вне форума   Ответить с цитированием
Старый 05.04.2010, 17:02   #9
trend
Студент
 
Аватар для trend
 
Регистрация: 05.04.2010
Сообщений: 27
Репутация: -27
Отправить сообщение для trend с помощью ICQ Отправить сообщение для trend с помощью Skype™
Социальные сети

ТопикСтартер Ответ: Способы сделать спойлер на сайте

Цитата:
Сообщение от T.R.O.N Посмотреть сообщение
покажите где такое взяли?
в гугл переводчике
trend вне форума   Ответить с цитированием
Старый 05.04.2010, 20:08   #10
Smile8979
Кандидат наук
 
Регистрация: 26.09.2008
Сообщений: 450
Репутация: 13266
Отправить сообщение для Smile8979 с помощью ICQ Отправить сообщение для Smile8979 с помощью Skype™

По умолчанию Ответ: Способы сделать спойлер на сайте

Цитата:
Сообщение от T.R.O.N
Спо***769;йлер, от англ. to spoil — «гадить», «портить»
Таки если мне память не изменяет то spoil - глагол а spoiler - существительное и переводиться как "помеха".
Smile8979 вне форума   Ответить с цитированием
Ответ




Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 05:17. Часовой пояс GMT +3.

Регистрация Справка Календарь Поддержка Все разделы прочитаны