Помощник
|
Спойлер |
PPA-pavel
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#3
|
|
Да, только наоборот, скрыть текст показать тизер! :rolleyes:
|
|
|
ottaviano |
7.6.2010, 20:33;
Ответить: ottaviano
Сообщение
#4
|
|
|
|
|
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 |
22.6.2010, 13:32;
Ответить: ottaviano
Сообщение
#6
|
|
xantor, работает если убрать здесь пробелы:
style.displ ay в будущем подсвечивайте код, так лучше видно (инструкция написана синим прям под всеми сообщениями)
|
|
|
xantor |
22.6.2010, 13:36;
Ответить: xantor
Сообщение
#7
|
|
Прошу прощения, поправил
|
|
|
ottaviano |
22.6.2010, 13:43;
Ответить: ottaviano
Сообщение
#8
|
|
Прошу прощения, поправил молодец :rjunimagu::goodpost: [CODE]Сообщение: рекомендуется: составлять сообщение без грамматических и стилистических ошибок; для публикации кода использовать теги [html](), [php]() или [coe]() [/COE] при добавлении кода в сообщение, его нужно выделить и нажать на значок кода (эти три правые последние кнопки, прям над смайлами) P.s. у тебя все заработало? |
|
|
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 |
22.6.2010, 13:45;
Ответить: xantor
Сообщение
#10
|
|
молодец :rjunimagu::goodpost: [CODE]Сообщение: рекомендуется: составлять сообщение без грамматических и стилистических ошибок; для публикации кода использовать теги [html](), [php]() или [coe]() [/COE] при добавлении кода в сообщение, его нужно выделить и нажать на значок кода (эти три правые последние кнопки, прям над смайлами) P.s. у тебя все заработало? У меня ничего не заработало, т.к. я просил помочь со скриптом для сайта, а не для того, чтобы здесь на форуме (или на любом другом форуме) спрятать текст под спойлер. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
спойлер, как сделать кнопку "скрыть"? | 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 |
Текстовая версия | Сейчас: 18.4.2024, 9:01 |