Xpoint
   [напомнить пароль]

popup-окно (блок) относительно родительского блока на DOM

Метки: [без меток]
2007-06-16 18:10:50 [обр] 3zor[досье]

Столкнулся с задачей: необходимо, чтобы при нажатии на мини-изображение выскакивал popup-блок спозиционированный относительно родительского элемента, допустим блока с мини-изображением. Я попробовал реализовать эту задачу, но наткнулся на подводный камень:
http://brevio.com.kaven.neoloc......ortfolio/strekoza/gallery.html
В FireFox и Опере, когда кликаю на мини-изображение выскакивает popup-блок, но он сдвигает все последующие мини-изображения галлереи,
а в IE не нажимая на первое изображение, сдвигаются все последующие.
Не знаю, доступно ли объяснил, проще зайти на страницу и попробовать.

css: http://brevio.com.kaven.neoloc......tfolio/strekoza/css/global.css
js: http://brevio.com.kaven.neolocation.net/portfolio/strekoza/js/popup.js

Если кто знает как это реализовать, подскажите, пожалуйста, я в тупиковой ситуации.

спустя 2 часа 21 минуту [обр] Евгений[досье]

если вы хотите расположить элемент так, чтобы он не влиял на другие, то нужно задать ему в CSS свойство position:absolute; и его координаты(left,top);
Координаты родительского обьекта можно узнать с помощью свойств offsetTop и offsetLeft.
Вроде этого:

onclick = "javascript:myFunc(this)";

А потом в самой функции:

popupObject.style.marginLeft = this.style.offsetLeft;

Вот ссылка на описание этих свойств: Find Position

спустя 10 часов [обр] Алексей В. Иванов(197/2861)[досье]

3zor[досье] зашёл, но у меня в FF не заработало ничего. Кликал безрезультатно.

Евгений[досье] протокол "javascript" пишется только в url'ах. В обработчиках это ошибка.
Для рассчёта координат на xpoint есть "народная" функция: Полезные функции (Определение координат элемента на странице)

Ещё можно использовать решение с общим контейнером position:relative, в которой завёрнута картинка + увеличенное изображение с position:absolute. Тогда ничего рассчитывать не придётся.

спустя 3 дня [обр] 3zor[досье]
сделал как Вы советовали, в опере и ФФ все ок, только в IE теперь попа-окно подкладывается под другие изображения, я задал z-index: 1000 для попапа, но оно все равно не перекрывает остальные превьюшки, кроме своего родителя. Как быть с этим не подскажите? можете глянуть сейчас по той же ссылке
спустя 6 минут [обр] Евгений Петров(172/1055)[досье]
3zor[досье] Уменьшите код до минимально возможного и дайте ссылку. Ковыряться в портянках совсем не улыбается.
спустя 9 минут [обр] 3zor[досье]
упростил, вот ссылочка http://brevio.com.kaven.neoloc......tfolio/strekoza/4/gallery.html
Powered by POEM™ Engine Copyright © 2002-2005