Strict Standards: Resource ID#33 used as offset, casting to integer (33) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#35 used as offset, casting to integer (35) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#36 used as offset, casting to integer (36) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Show-Hide text
ТвойWeb » WebMaster класс » JavaScript » Show-Hide text

Страниц (1): [1]
 

1. Alfa - 30 Декабря, 2004 - 02:32:48 - перейти к сообщению
CODE:

<html>
<head>
<script language=JavaScript type=text/javascript>
function rules()
{
document.getElementById('divx').style.display="block"

}

</SCRIPT>
<body>

<buton onClick="rules()">Show <div></button>

<div style="display:none;" id="divx">
<a href="#">Link</a> TEXT
</div>
</body>

Что делает этот скрипт понятно - при нажатии на кнопку "Show <div>" поевляется часть документа.
Вопрос: как сделать что бы при повторном нажатии на эту кнопку данная часть документа исчезала?
2. TvoyWeb - 30 Декабря, 2004 - 05:37:10 - перейти к сообщению
CODE:
<script language='javascript' type='text/javascript'>
<!--
function ShowHide(id)
{
if (document.getElementById(id).style.display == "none"||document.all[id].visibility == "hidden"){
Show(id);
} else{
Hide(id);
}
}
function Show(id)
{
if (document.getElementById) {
itm = document.getElementById(id)
itm.style.display = "block"
}
if (document.all){
itm = document.all[id];
itm.visibility = "show"
}
}
function Hide(id) {
if (document.getElementById) {
itm = document.getElementById(id)
itm.style.display = "none"
}
if (document.all){
itm = document.all[id];
itm.visibility = "hidden"
}
}
//-->
</script>

Здесь функция скрытия и показа. В онклик вставляешь функцию ShowHide()
3. Alfa - 30 Декабря, 2004 - 09:48:04 - перейти к сообщению
И как я понял зааменить везде "id" на тот id который мне нужен, в моём случяее на "divx"?\n\n(Добавление)
О, работает, Спасибо TvoyWeb!
4. SviMik - 31 Декабря, 2004 - 07:32:59 - перейти к сообщению
А у меня второй скрипт не пашет. И чего я только не перепробовал. Выложите плиз готовую к употреблению версию скрипта.
5. TvoyWeb - 31 Декабря, 2004 - 07:42:34 - перейти к сообщению
SviMik пишет:
Выложите плиз готовую к употреблению версию скрипта.

А это и есть готовая к употреблению функция.
6. Alfa - 31 Декабря, 2004 - 08:33:05 - перейти к сообщению
У меня этот скрипт ипользуется сдесь, и всё там работает.
Хм! Что у тебя там не работает я не понимаю!?\n\n(Добавление)
нажми на "Правила обмена ссылками" и увидешь как работает
7. SviMik - 31 Декабря, 2004 - 09:13:14 - перейти к сообщению
IE жаловался на пятую строку скрипта. Просто я не туда id слоя вставил. Теперь работает! Очень полезный скрипт!
8. ETC - 31 Декабря, 2004 - 16:52:02 - перейти к сообщению
Alfa
Теб тока выделил как бы, что на это нажимать надо....

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0343]     [ Gzipped ]



Notice: ob_end_flush(): failed to send buffer of ob_gzhandler (1) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/page_tail.php on line 33