Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Открывающая/закрывающая ссылка

30K
30 июня 2010 года
Morphling
74 / / 17.01.2010
Люди плз помогите! Как можно в html создать ссылку на которую когда нажимаешь, открывается то что находится внутри этой ссылки. Например, сайт с видео, я хотел каждое видео засунуть под такую ссылку, когда нажал, видео появилось, когда обратно нажал, видео свернулось. Вот как можно это реализовать?
399
30 июня 2010 года
KIV
432 / / 20.01.2009
 
Код:
<a href="#" &#111;&#110;click="if (document.all.txt.style.display != 'none') { document.all.txt.style.display = 'none'; } else { document.all.txt.style.display = 'block'; }">Показать/скрыть</a>
<div id="txt" style="display: none;">
Тут что-то есть
</div>

А вообще то учитесь пользоваться Google...
13
30 июня 2010 года
RussianSpy
3.0K / / 04.07.2006
Вместо document.all.txt надо использовать document.getElementById('txt')
30K
30 июня 2010 года
Morphling
74 / / 17.01.2010
RussianSpy, т.е. как? (document.getElementById('txt') != 'none') ? так. или как?
13
01 июля 2010 года
RussianSpy
3.0K / / 04.07.2006
 
Код:
<a href="#" &#111;&#110;click="if (document.getElementById('txt').style.display != 'none') { document.getElementById('txt').style.display = 'none'; } else { document.getElementById('txt').style.display = 'block'; }">Показать/скрыть</a>
<div id="txt" style="display: none;">
Тут что-то есть
</div>
339
01 июля 2010 года
verybadbug
619 / / 12.09.2005
а лучше так
 
Код:
<a href="#" &#111;&#110;click="var o=document.getElementById('txt');o.style.display=o.style.display=='none'?'block':'none';return false;">Показать/скрыть</a>
<div id="txt" style="display:none">
Тут что-то есть
</div>
339
01 июля 2010 года
verybadbug
619 / / 12.09.2005
если таких ссылок будет довольно много, то можно использовать jquery
Код:
<style type="text/css">
  div#gallery div {display:none}
</style>
<div id="gallery">
  <a href="#">Показать/скрыть1</a><div>Тут что-то есть1</div>
  <a href="#">Показать/скрыть2</a><div>Тут что-то есть2</div>
  <a href="#">Показать/скрыть3</a><div>Тут что-то есть3</div>
  <a href="#">Показать/скрыть4</a><div>Тут что-то есть4</div>
  <a href="#">Показать/скрыть5</a><div>Тут что-то есть5</div>
  <a href="#">Показать/скрыть6</a><div>Тут что-то есть6</div>
  <a href="#">Показать/скрыть7</a><div>Тут что-то есть7</div>
  <a href="#">Показать/скрыть8</a><div>Тут что-то есть8</div>
  <a href="#">Показать/скрыть9</a><div>Тут что-то есть9</div>
  <a href="#">Показать/скрыть10</a><div>Тут что-то есть10</div>
</div>
<script src="js/jquery.js"></script>
<script>
$('div#gallery a').click(function(){
  var div = $(this).next();
  var s = div.attr('display') == 'none') ? 'block' : 'none';
  div.attr('display', s);
  return false;
});
</script>


при добавлении ссылок и блоков, javascript менять НЕ НУЖНО

ps писал в форум, возможны ошибки
30K
01 июля 2010 года
Morphling
74 / / 17.01.2010
Слушайте, вот я недавно начал изучать С++, заметил их схожесть (да и название С++ смахивает на ява, читал в ява учебнике что ++ увеличивает переменную на один), ява и С++ это как Дельфи и Паскаль?
274
01 июля 2010 года
Lone Wolf
1.3K / / 26.11.2006
Цитата: Morphling
Слушайте, вот я недавно начал изучать С++, заметил их схожесть (да и название С++ смахивает на ява, читал в ява учебнике что ++ увеличивает переменную на один), ява и С++ это как Дельфи и Паскаль?


В гугл заглянуть не побывали? Почитать про историю языка Java? Да и вобще при чем тут Java к этой теме? JavaScript - это не Java

13
01 июля 2010 года
RussianSpy
3.0K / / 04.07.2006
Цитата: verybadbug
если таких ссылок будет довольно много, то можно использовать jquery


jquery тут не обязателен - можно и обычными средствами не менее успешно сделать. Судя по вопросам автора топика до jQuery ему еще **ать и **ать.

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог