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



 

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

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

Открыть тему
Тема закрыта
> Вопрос про скрытые divы
ivnitskiy
ivnitskiy
Topic Starter сообщение 31.8.2010, 0:27; Ответить: ivnitskiy
Сообщение #1


<html><head>

<script type="text/javascript">
function f(x){
var e = x.style.display;
if( e == 'none' ){
x.style.display = 'block';
}
else x.style.display = 'none';
}
</script>

</head><body>

<div>

<a href="#" onClick="f(x1)">ссылка 1</a><br/>
<div id="x1" style="display:none">текст 1</div>

<a href="#" onClick="f(x2)">ссылка 2</a><br/>
<div id="x2" style="display:none">текст 2</div>

<a href="#" onClick="f(x3)">ссылка 3</a><br/>
<div id="x3" style="display:none">текст 3</div>

</div>

</body></html>


Пример
Я нажимаю на ссылку 1 — открывается текст 1, нажимаю на ссылку 2 — открывается текст 2. А как сделать, чтобы в этот момент (когда я нажимаю на ссылку 2) текст 1 закрывался? Чтобы нельзя было открыть одновременно несколько текстов?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 31.8.2010, 0:35; Ответить: RayOfLight
Сообщение #2


Закрывай все дивы в начале функции, а потом открывай нужный тебе.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MyRusakov
MyRusakov
сообщение 1.9.2010, 18:02; Ответить: MyRusakov
Сообщение #3


<html><head>

<script type="text/javascript">

function allclose() {
document.getElementById("x1").style.display = 'none';
document.getElementById("x2").style.display = 'none';
document.getElementById("x3").style.display = 'none';
}

function f(x){
allclose();
var e = x.style.display;
if( e == 'none' ){
x.style.display = 'block';
}
else x.style.display = 'none';
}
</script>

</head><body>

<div>

<a href="#" onClick="f(x1)">ссылка 1</a><br/>
<div id="x1" style="display:none">текст 1</div>

<a href="#" onClick="f(x2)">ссылка 2</a><br/>
<div id="x2" style="display:none">текст 2</div>

<a href="#" onClick="f(x3)">ссылка 3</a><br/>
<div id="x3" style="display:none">текст 3</div>

</div>

</body></html>


Конечно, кривовато, но это первое, что приходит в голову.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 1.9.2010, 18:13; Ответить: MetSerp
Сообщение #4


MyRusakov, лучше в теги код закрывать, чем мучаться выделяя их цветами:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MyRusakov
MyRusakov
сообщение 1.9.2010, 18:47; Ответить: MyRusakov
Сообщение #5


(MetSerp @ 1.9.2010, 21:13) *
MyRusakov, лучше в теги код закрывать, чем мучаться выделяя их цветами:goodpost:

Я bb коды вообще не трогал.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Форум про уток - на новом домене
Форум про уток на новом домене - utkamir.ru
0 artmeteor 580 13.4.2024, 18:26
автор: artmeteor
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1243 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3184 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16053 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43323 9.11.2019, 17:59
автор: heks


 



RSS Текстовая версия Сейчас: 20.4.2024, 17:51
Дизайн