[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Расположение рисунка, и вставка дива на его месте.
inpost
Добрый день. Делаю галерею, пытаюсь сделать своими силами модальные окна. При нажатии на рисунок, передается id, ajax из базы данных загружает описание, и выставляет его в конкретное модальное окно, которое становится видимым. Модальное окно я расположил на уровне top-400px, вообщем, если галерея всего из 3-х строчек - можно разместить модальное окно в центре, но если более - все становится криво.
Подскажите, как правильно реализовать, чтоб div (position:absolute) двигался и располагался именно рядом с РИСУНКОМ, на который я нажал. Поэтому у меня 2 таких вопроса:
1. Как узнать расположение определённого рисунка на экране по высоте? Весь сайт находится в див (position:relative), тоесть внутри есть другие дивы, таблицы, и где-то посередине находится рисунок. Как узнать точные его координаты на странице?
2. Как изменить расположение дива (хотя этот вопрос не главный, на него ответ, я думаю, смогу найти в том же гугле, но если Вам не сложно, подскажите и тут).

Помогите, пожалуйста, как найти расположение рисунка, или как поставить определённый див над рисунком, если учесть, что этот див будет больше по размерам, чем рисунок! Надеюсь на вашу помощь...



Спустя 1 час, 9 минут, 7 секунд (10.02.2010 - 22:41) Romms написал(а):
Цитата
Как узнать расположение определённого рисунка на экране по высоте?
    var elem = document.getElementById(elemId);

var w = elem.offsetWidth;
var h = elem.offsetHeight;
Цитата
2. Как изменить расположение дива

document.getElementById("elementID").style.position='absolute';
document.getElementById("elementID").style.top='100px';
document.getElementById("elementID").style.left='100px';


то что надо?

Спустя 30 минут, 43 секунды (10.02.2010 - 23:12) inpost написал(а):

Всё работает, большое-большое спасибо!

Спустя 59 минут, 14 секунд (11.02.2010 - 00:11) inpost написал(а):
Единственное, ты указал ширину и высоту картинки, а правильно так:

    var mamon = document.getElementById(type);

var l = 0;
var t = 0;

while (mamon)
{
l += mamon.offsetLeft;
t += mamon.offsetTop;
mamon = mamon.offsetParent;
}


_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.