Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как открыть DIV прямо под ссылкой? / 6 сообщений из 6, страница 1 из 1
20.12.2008, 17:26
    #35726013
armix2000
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
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
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
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):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 448ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455398]:
 0ms
get settings:
 7ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 185ms
get topic data:
 7ms
get forum data:
 3ms
get page messages:
 31ms
get tp. blocked users:
 1ms
others: 198ms
total:  448ms
x
x
Закрыть


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