X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Спойлер
PPA-pavel
PPA-pavel
Topic Starter сообщение 7.6.2010, 20:01; Ответить: PPA-pavel
Сообщение #1


Есть такой код:
<script language="javascript">
function spoiler_toggle(spoiler) {
var sp_head_img = spoiler.parentNode.getElementsByTagName('div')[0].getElementsByTagName('img')[0];
var sp_body = spoiler.parentNode.getElementsByTagName('div')[1];

if (sp_body.style.display == 'none') {
sp_body.style.display = 'block';
sp_head_img.src =
'http://xinit.ru/wp-includes/images/icon_minus.gif';
} else {
sp_body.style.display = 'none';
sp_head_img.src =
'http://xinit.ru/wp-includes/images/icon_plus.gif';
}
}
edButtons[edButtons.length] =
new edButton('ed_spoiler'
,'spoiler'
,'<div style="border-left:#c3cbd1 1px solid;padding:0px;width:95%;margin:10px auto;">' +
'<div style="background:#e9e9e6; border: #c3cbd1 1px solid;padding:2px;cursor:pointer;font-size:12px" onclick="spoiler_toggle(this);">'+
'<img style="margin:0px 3px;" src="http://xinit.ru/wp-includes/images/icon_plus.gif" alt="" width="9" height="9">'+
'</div>'+
'<div style="display:none;background:#f5f5f5;border:#c3cbd1 1px solid;border-top:0;padding:2px;">'
,'</div></div>'
,''
);
</script>
<div style="border-left: #c3cbd1 1px solid; padding:0px; width: 55%; margin: 10px auto;">
<div style="background: #e9e9e6; border: #c3cbd1 1px solid; padding: 2px; cursor: pointer; font-size: 12px" onClick="spoiler_toggle(this);">
<center>Вот тут показаная часть текста</center>
<div style="display: none; background: #f5f5f5; border: #c3cbd1 1px solid; border-top: 0; padding:2px;">
<center>Вот тут скрытя часть текста</center>
</div>
</div>

Вот суть в том что при нажатии выскакивает вторая часть сполера (<center>Вот тут скрытя часть текста</center>) И вроде работает, но
И есть код рекламного тизера
<center>
<script type="text/javascript">
teasernet_blockid = 85646;
teasernet_padid = 30665;
</script>
<script type="text/javascript" src="http://attivertura.com/block.js"></script>
</center>

Вот если вместо - <center>Вот тут показаная часть текста</center> поставить Код тизера работать не будет, почему? И вот что если на сам этот тизер нажимаешь то тоже должна появляться надпись.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 7.6.2010, 20:26; Ответить: ottaviano
Сообщение #2


<script language="javascript">
function spoiler_toggle(spoiler) {
var sp_head_img = spoiler.parentNode.getElementsByTagName('div')[0].getElementsByTagName('img')[0];
var sp_body = spoiler.parentNode.getElementsByTagName('div')[1];

if (sp_body.style.display == 'none') {
sp_body.style.display = 'block';
sp_head_img.src ='http://xinit.ru/wp-includes/images/icon_minus.gif';
} else {
sp_body.style.display = 'none';
sp_head_img.src = 'http://xinit.ru/wp-includes/images/icon_plus.gif';
}
}

</script>
<div style="border-left: #c3cbd1 1px solid; padding:0px; width: 55%; margin: 10px auto;">
<div style="background: #e9e9e6; border: #c3cbd1 1px solid; padding: 2px; cursor: pointer; font-size: 12px" onClick="spoiler_toggle(this);">
<center>Вот тут показаная часть текста</center>
<div style="display: none; background: #f5f5f5; border: #c3cbd1 1px solid; border-top: 0; padding:2px;">
<center><script type="text/javascript">
teasernet_blockid = 85646;
teasernet_padid = 30665;
</script>
<script type="text/javascript" src="http://attivertura.com/block.js"></script></center>
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PPA-pavel
PPA-pavel
Topic Starter сообщение 7.6.2010, 20:29; Ответить: PPA-pavel
Сообщение #3


Да, только наоборот, скрыть текст показать тизер! :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 7.6.2010, 20:33; Ответить: ottaviano
Сообщение #4


(Yah @ 7.6.2010, 23:29) *
скрыть текст

это этот текст скрыть надо?
(Yah @ 7.6.2010, 23:29) *
Вот тут показаная часть текста
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xantor
xantor
сообщение 22.6.2010, 13:27; Ответить: xantor
Сообщение #5


Уважаемые форумчане!

Хочется несколько разгрузить страницы своего сайта от лишней информации и все лишнее спрятать под кат (чтобы видна была краткая информация и кнопка "Подробнее" нажимая на которую страница раздвигалась без обновления и появлялся скрытый текст, а внизу текста "Спрятать" чтобы все это обратно пряталось).

Кто может подсказать, как правильно использовать этот скрипт в html на сайте (не в блоге, а именно на сайте).

Нашел вот такой скрипт:

function ShowText()
{
document.getElementById("second_text").style.display = "";
document.getElementById("more_link").style.display = "none";
}

function HideText()
{
document.getElementById("second_text").style.display = "none";
document.getElementById("more_link").style.display = "";
}

Но что-то не очень все понимаю, поэтому не получается сделать так, как нужно.

Пишу вот так:
<div align="justify"><b><font size="2">Регистрация <font color="#009900">участников</font> на сайте Кастинг-центра "Икона" бывает трех видов:</font></b></div>
<ol type="1">
<li>
<div align="justify"><font size="2"><strong>предварительная (бесплатная) регистрация в базе данных сроком на 7 дней.</strong>
<br>
<span> <a id='more_link' onclick='ShowText()' class='empty_link'>Подробнее</a></span><span id='second_text' style='display:none'><br>
<br>Предварительная регистрация не обязательно обуславливает собой создание и размещение
анкеты участника на сайте Кастинг-центра "Икона", приглашение на пробы и кастинги,
представление интересов участника перед заказчиками.
<br>По истечении 7 дней анкета удаляется с сайта без возможности участия в кастингах
и пробах.
<br></font></div></li>
</b></span></font> <a class='empty_link' onclick='HideText()'>Свернуть</a></span>

Но в итоге только появляются надписи "Подробее" и "Спрятать" а сам текст не прячется под кат.

Как нужно сделать правильно, кто может подсказать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 22.6.2010, 13:32; Ответить: ottaviano
Сообщение #6


xantor, работает если убрать здесь пробелы:
style.displ ay
в будущем подсвечивайте код, так лучше видно (инструкция написана синим прям под всеми сообщениями)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xantor
xantor
сообщение 22.6.2010, 13:36; Ответить: xantor
Сообщение #7


Прошу прощения, поправил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 22.6.2010, 13:43; Ответить: ottaviano
Сообщение #8


(xantor @ 22.6.2010, 16:36) *
Прошу прощения, поправил

молодец :rjunimagu::goodpost:
[CODE]Сообщение:
рекомендуется: составлять сообщение без грамматических и стилистических ошибок;
для публикации кода использовать теги [html](), [php]() или [coe]() [/COE]
при добавлении кода в сообщение, его нужно выделить и нажать на значок кода (эти три правые последние кнопки, прям над смайлами)

P.s. у тебя все заработало?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 22.6.2010, 13:44; Ответить: locky-yotu
Сообщение #9


Вот вам скрипт получше
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Show and Hide</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function showOrHide(id,d) {
var obj = document.getElementById(id);
d=d?d:'block';obj.style.display=(obj.style.display!='none')?'none':d;
}
</script>
<style type="text/css">
.item {width:500px;margin:0 auto;border:1px solid #000}
.name {height:30px;background:#3faf2b;font:bold 15px/30px Tahoma;color:#fff;padding:0 20px}
.name span {font:bold 13px/27px Tahoma;border-bottom:1px dashed #cf1932;cursor:pointer}
.name span:hover {border:0}
.content {padding:10px;font:13px/14px Arial}
</style>
</head>
<body>

<div class="item">
<div class="name">Some title placed here — <span onclick="showOrHide('cont01')">+/-</span></div>
<div class="content" id="cont01">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xantor
xantor
сообщение 22.6.2010, 13:45; Ответить: xantor
Сообщение #10


(ottaviano @ 22.6.2010, 16:43) *
молодец :rjunimagu::goodpost:
[CODE]Сообщение:
рекомендуется: составлять сообщение без грамматических и стилистических ошибок;
для публикации кода использовать теги [html](), [php]() или [coe]() [/COE]
при добавлении кода в сообщение, его нужно выделить и нажать на значок кода (эти три правые последние кнопки, прям над смайлами)

P.s. у тебя все заработало?


У меня ничего не заработало, т.к. я просил помочь со скриптом для сайта, а не для того, чтобы здесь на форуме (или на любом другом форуме) спрятать текст под спойлер.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) спойлер, как сделать кнопку "скрыть"?
 4 aleksmscw 16205 15.1.2018, 11:43
автор: -Degradator-
Открытая тема (нет новых ответов) не работает спойлер C FAQ
 2 rswreg 3180 2.9.2016, 15:01
автор: -rswreg-
Открытая тема (нет новых ответов) Аудио плеер и спойлер
 1 ekad 5808 19.4.2013, 12:25
автор: -Scaevus-
Открытая тема (нет новых ответов) Спойлер для DLE с запоминанием
 0 stoptest 1805 3.11.2012, 13:09
автор: stoptest
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСпойлер на joomla 1.5
Как сделать красивый, плавный спойлер?
 7 taoren 7556 25.3.2012, 18:24
автор: taoren


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 18.4.2024, 9:01

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet