| |
|
|
| | Ситуация такова:
Есть страничка с наполнением в котором присутствует форма с 2 дивами. Координат положения div-ов мы не знаем. С помощью драг энд дропа я собираюсь перетаскивать в их область объекты типа <img>. Эти самые объекты типа <img> заданы абсолютным положением.
Задача в том чтобы установить по какому либо событию (отпусканию мыши) положение объектов-картинок над одним из дивов. То есть нужно знать находятся ли объекты именно на этом диве? | |
| |
|
|
| |
|
|
| |
для: Buru
(15.12.2008 в 13:09)
| | | Может быть поможет быть ) | |
| |
|
|
| |
|
|
| |
для: Valick
(15.12.2008 в 15:28)
| | | Valick, спасибо, интересный сайт.
PAT,GeorgeIV спасибо, есть пища для размышлений. | |
| |
|
|
| |
|
|
| |
для: Buru
(15.12.2008 в 13:09)
| | | >Координат положения div-ов мы не знаем.
Так возьмите и узнайте. По окончании загрузки страницы определите абсолютные координаты левых верхних углов обоих дивов, а также их ширину и высоту:
var absleft = abstop = 0;
var obj = document.getElementById ('id_одного_дива');
while (obj.offsetParent)
{
absleft += obj.offsetLeft;
abstop += obj.offsetTop;
obj = obj.offsetParent;
}
alert ('Координаты - ' + absleft + '; ' + abstop + '\nширина - ' + document.getElementById ('id_одного_дива').offsetWidth + '\nвысота - ' + document.getElementById ('id_одного_дива').offsetHeight);
|
>нужно знать находятся ли объекты именно на этом диве?
Перемещение двигаемых объектов делайте изменением их style.left и style.top.
В момент onmouseup проверьте - входит ли перемещаемый объект в область какого-либо из дивов. | |
| |
|
|
| |
|
|
| |
для: PAT
(15.12.2008 в 15:51)
| | | Этот код выдает координаты относительно начала страницы, а отнсительно начала окна по нему не определить, нужно еще знать скроллинг. | |
| |
|
|
