Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как открыть DIV прямо под ссылкой? / 6 сообщений из 6, страница 1 из 1
20.12.2008, 17:26
    #35726013
armix2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
Есть ссылка, есть невидимый слой absolute, который надо открыть после клика на ссылку, причем где-бы не была в документе эта ссылка, под ней нужно открыть этот слой?

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

Как узнавать top,left ссылки, чтобы под ней открыть этот слой?
...
Рейтинг: 0 / 0
20.12.2008, 18:20
    #35726037
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
Может, сделать табличку (1 колонка, 2 строки, без бордеров), в верхней ячейке - ссылко, в нижнюю класть див
...
Рейтинг: 0 / 0
20.12.2008, 18:41
    #35726050
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
Суммировать, пока не нулл эл=эл.оффсетПарент, оффсетЛефт и оффсетТоп.
...
Рейтинг: 0 / 0
20.12.2008, 19:43
    #35726077
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
мб как то так?
Код: 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, 21:30
    #35726142
Ksnk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
А зачем вообще чего-то вычислять?
Код: 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:40
    #35726147
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как открыть DIV прямо под ссылкой?
Эх, ламеры, ёлки-палки. Можно было бы и на форуме найти наша модератор где-то писала. Я маленько код ухудшил, зато - вот работающий примерчик:
Код: 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
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как открыть DIV прямо под ссылкой? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]