Создать форум бесплатно: ixbb.ru :: Календарь на Май 2024 года: calendar2008.ru/2024/may/

Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Скипт 'Скрытия/Раскрытия'

, Скипт 'Скрытия/Раскрытия'
Подписка на тему | Сообщить другу | Версия для печати
Asid Storm
Отправлено: Nov 20 2007, 08:02 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 895
Пользователь №: 39
Регистрация:
27-August 06
Незнаю как его ещё можно назвать )
Вобщем нужен скриптец который будет
При нажатии на кнопку (Или ссылку) "+" / "-"
'Открывать/Скрывать' некий текст )) Может есть у кого? )
PMEmail PosterUsers WebsiteICQ
Top
Spartak
Отправлено: Nov 21 2007, 08:31 AM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 332
Пользователь №: 245
Регистрация:
19-January 07
А если сделать проще, по onClick изменить цвет фона под цвет шрифта, или наоборот? Так не пойдет?


--------------------
My Webpage
PMEmail PosterUsers Website
Top
Asid Storm
Отправлено: Nov 21 2007, 06:58 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 895
Пользователь №: 39
Регистрация:
27-August 06
Нет(
надо именно так как написано выше...
PMEmail PosterUsers WebsiteICQ
Top
Vader
Отправлено: Nov 22 2007, 02:37 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07
Очень легко сделать, кстати.
Скрытый текст пихаем в слой, скажем
CODE

<div id="primer">бла бла бла

В CSS для этого слоя прописываем
CODE

#primer {visibility:hidden; display:none}


Затем делаем ссылку вида
CODE

<a href="#" onclick="show(primer)">Показать</a>

Осталось только написать фукнцию show:
CODE

function show(object) { object.style.visibility="visible"; object.style.display="block";}

Сохраняем функцию в документе с раширением .js и прикрепляем js в head документа.


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
Роман
Отправлено: Nov 22 2007, 03:17 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 896
Пользователь №: 1160
Регистрация:
25-September 07
Обана, надо запомнить, пригодится. )
PMICQ
Top
Spartak
Отправлено: Nov 23 2007, 04:09 PM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 332
Пользователь №: 245
Регистрация:
19-January 07
Vader:А у меня что-то не получается:
CODE
<html>
<style type="text/css">

#primer {visibility:hidden; display:none}

</style>
<head>
<title></title>
</head>

<body>

<div id="primer">бла бла бла</div>

<a href="#" onclick="show(primer)">Показать</a>
</body>

</html>

поместил функцию
QUOTE
function show(object) { object.style.visibility="visible"; object.style.display="block";}
в файл primer.js и выдает ошибку.Что не правильно?


--------------------
My Webpage
PMEmail PosterUsers Website
Top
Vader
Отправлено: Nov 23 2007, 04:13 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07
А файл primer.js подключен хотя бы к html-ке ?


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
stranger
Отправлено: Nov 23 2007, 07:12 PM
Quote Post


  Майор
*

Группа: Members
Сообщений: 101
Пользователь №: 108
Регистрация:
24-November 06
Народ , вы вообще о чём , зачем что-то выносить в отдельный файл-то? huh.gif
зачем primer.js
Не проще его в страницу вставить?? huh.gif

CODE
<style>
#primer {visibility:hidden; display:none}
</style>

<script type="text/javascript">
function show(object) { object.style.visibility="visible"; object.style.display="block";}
</script>
<a href="#" onclick="show(primer)">Показать</a>
<div id="primer">бла бла бла</div>
PMEmail PosterUsers WebsiteICQ
Top
stranger
Отправлено: Nov 23 2007, 07:16 PM
Quote Post


  Майор
*

Группа: Members
Сообщений: 101
Пользователь №: 108
Регистрация:
24-November 06
Так-же вот ещё один врянт , без ява, нажал-открыл ещё раз нажал - закрыл
CODE
<span class=switch style="cursor:hand;" onClick="if(ubbSpl10.style.display == 'none') ubbSpl10.style.display = 'block'; else ubbSpl10.style.display = 'none';">Показать</a></span>
<span id=ubbSpl10 style="display:none;padding:10px;">
 бла бла
 бла бла
 бла бла
 бла бла
 бла бла
 бла бла
 бла бла
 бла бла
</span>

Что-бы зделать на станицы много таких штук , просто заменяем ubbSpl10 на другое например ubbSpl11 ubbSpl12 ...
PMEmail PosterUsers WebsiteICQ
Top
Vader
Отправлено: Nov 23 2007, 07:17 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07
У меня все JS в отдельном файле, там мне удобнее редактировать функции и добавлять новые. К тому же когда их много, и если они не вынесены, код становится нечитабельным. А это плохо с этической точки зрения.


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
« Предыдущая тема | Все о javascript | Следующая тема »

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0229 ]   [ 10 queries used ]   [ GZIP выключен ]

Powered by Invision Power Board 1.3 (U) © 2003  IPS, Inc.