Как открыть DIV прямо под ссылкой? / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как открыть DIV прямо под ссылкой?

6 сообщений из 6, страница 1 из 1

Как открыть DIV прямо под ссылкой?

#35726013

armix2000

Участник

Сообщения: 1 169

Рейтинг: 0 / 0

Есть ссылка, есть невидимый слой absolute, который надо открыть после клика на ссылку, причем где-бы не была в документе эта ссылка, под ней нужно открыть этот слой?

Т.е типа окна подсказки, которое появитс после клика на ссылку?

Как узнавать top,left ссылки, чтобы под ней открыть этот слой?

...

Рейтинг:

0 / 0

20.12.2008, 17:26

| Ответить | Цитировать | Написать

Как открыть DIV прямо под ссылкой?

#35726037

Яростный Меч

Участник

Откуда: здесь была правда.<br /><br />Слоган: Делфи жив!!!

Сообщения: 30 377

Рейтинг: 0 / 0

Может, сделать табличку (1 колонка, 2 строки, без бордеров), в верхней ячейке - ссылко, в нижнюю класть див

...

Рейтинг:

0 / 0

20.12.2008, 18:20

| Ответить | Цитировать | Написать

Как открыть DIV прямо под ссылкой?

#35726050

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Суммировать, пока не нулл эл=эл.оффсетПарент, оффсетЛефт и оффсетТоп.

...

Рейтинг:

0 / 0

20.12.2008, 18:41

| Ответить | Цитировать | Написать

Как открыть DIV прямо под ссылкой?

#35726077

Ренат

Участник

Откуда: Елабуга & Казань & Москва & Набережные челны

Сообщения: 4 025

Рейтинг: 0 / 0

мб как то так?

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.

<script>
function show_form(event){
	var d3=document.getElementById("scrollMove");
	if (document.attachEvent != null) { // Internet Explorer & Opera
		y = window.event.clientY;
		x = window.event.clientX;
		} else if (!document.attachEvent && document.addEventListener) { // Gecko
		y = event.clientY;
		x = event.clientX;
		}
	var el=d3;
	while(el=d3.offsetParent){
		x+=el.offsetLeft;
		x+=el.offsetTop;
		}
	d3.offsetLeft=x;
	d3.offsetTop=y;
	d3.style.display="";
	return false;
	}
</script>
...
<div style="display:none;position:absolute" id="scrollMove">
bla bla bla
</div>
...
<a href="#" onclick="return show_form(event)">it is link</a>

...

Рейтинг:

0 / 0

20.12.2008, 19:43

| Ответить | Цитировать | Написать

Как открыть DIV прямо под ссылкой?

#35726142

Ksnk

Гость

А зачем вообще чего-то вычислять?

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

<script>
function show_form(_id,el){
    el.style.position='relative';
    el.appendChild(document.getElementById(_id)).style.display='block'
    return false;
}
</script>
...
<div style="padding:5px; background:white; border:1px solid gray;display:none;position:absolute;top:1.5em;left:0;" id="scrollMove">
bla bla bla
</div>
...
<a href="#" onclick="return show_form('scrollMove',this);">it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>it is link</a> madjhxfkerc кепсквыскепс кес <a href="#" onclick="return show_form('scrollMove',this);">it is link</a>

...

Рейтинг:

0 / 0

20.12.2008, 21:30

| Ответить | Цитировать | Написать

Как открыть DIV прямо под ссылкой?

#35726147

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Эх, ламеры, ёлки-палки. Можно было бы и на форуме найти наша модератор где-то писала. Я маленько код ухудшил, зато - вот работающий примерчик:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.

<html>
<head>
<title>Title</title>
<script>
function ovr(e,el){
var obj=e;
var leftPos= 0 ;
var topPos=obj.offsetHeight;
while(obj!=null)
{
      leftPos += obj.offsetLeft;
      topPos += obj.offsetTop;
      obj = obj.offsetParent;

}

el.style.left=leftPos+"px";
el.style.top=topPos+"px";
el.style.display=el.style.display=="none"?"block":"none";
}

</script>
</head>
<body>
У попа была собака<br />
qqqqqqqqqqqqqqqq
qqqqqqqqqqqq<a id="a" style="background-color:pink" href="javascript:ovr(document.getElementById('a'),document.getElementById('d'))">Клик!</a>
<div id="d" style="position:absolute;top:0px;left:0px;height:100px;width:100px;background-color:yellow;display:none">Хе-хе!</div>
</body>
</html>

...

Рейтинг:

0 / 0

20.12.2008, 21:40

| Ответить | Цитировать | Написать

6 сообщений из 6, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как открыть DIV прямо под ссылкой?

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=308&tid=1455398]:	0ms
get settings:	6ms
get forum list:	11ms
check forum access:	2ms
check topic access:	2ms
track hit:	51ms
get topic data:	8ms
get forum data:	2ms
get page messages:	33ms
get tp. blocked users:	1ms
others:	195ms

total:	311ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы