VPF::Можно ли получить координаты объекта на экране

BloodWizard

Дата 18.7.2011, 15:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 40
Регистрация: 26.10.2010

Репутация: нет
Всего: нет

МОжно ли получить координаты объекта в окне, если да, то как?
Вообще задача стоит такая: есть несколько списков товаров, среди них список товаров и при нажатии на специальные ссылки(или кнопочки) нужно чтобы дубликат фото товара улетало контейнер, а точнее в ту сторону просто что бы казалось как будто он добавился к списку в этом контейнере...

Guedda

Дата 18.7.2011, 15:44 (ссылка)

(голосов:1)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

Свойства объекта offsetX и offsetY

--------------------

Ll 2

BloodWizard

Дата 19.7.2011, 06:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 40
Регистрация: 26.10.2010

Репутация: нет
Всего: нет

Цитата(Guedda @ 18.7.2011, 15:44)

Свойства объекта offsetX и offsetY

Не работает! Значение "undefined"... пробовал по всякому:

Код


alert(document.getElementById("obj").offsetX);

Код


alert($("#obj").offsetX);

Это сообщение отредактировал(а) BloodWizard - 19.7.2011, 08:46

CruorVult

Дата 19.7.2011, 10:06 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

Цитата(Guedda @ 18.7.2011, 15:44

)

Свойства объекта offsetX и offsetY

Может offsetLeft, offsetTop

Muerto

Дата 19.7.2011, 12:36 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1207
Регистрация: 23.9.2006

Репутация: нет
Всего: 4

Код


var position = $(element).offset();

Это сообщение отредактировал(а) Muerto - 19.7.2011, 12:39

--------------------

Guedda

Дата 19.7.2011, 13:14 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: нет
Всего: 78

Цитата(CruorVult @ 19.7.2011, 11:06

)

Может offsetLeft, offsetTop

Извиняюсь. Запарился.

--------------------

Ll 2

BloodWizard

Дата 20.7.2011, 04:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 40
Регистрация: 26.10.2010

Репутация: нет
Всего: нет

Получилось! Сделал так:

Код


var img = $("."+id+"").children(".photo").children("img"); // получаем оригинал картинки
var img_clone = img.clone(); // клонируем объект картинку
$(".item."+id).children(".photo").append(img_clone); // вставляем клон в документ


var to_compare_link_coords = $("#to_compare_link").offset(); // получаем объекта направления анимации картинки
to_compare_link_coords.left = to_compare_link_coords.left.toFixed(0);
to_compare_link_coords.top = to_compare_link_coords.top.toFixed(0);

var img_clone_coords = img_clone.offset(); // получаем координаты клона
img_clone_coords.left = img_clone_coords.left.toFixed(0);
img_clone_coords.top = img_clone_coords.top.toFixed(0);

var doc_scrol_x = $(document).scrollLeft(); //координаты скрола Х
var doc_scrol_y = $(document).scrollTop();  //координаты скрола Y
var win_width_w = $(window).width();   //Ширина окна
var win_height_h = $(window).height(); //Высота окна
var coords_to_anim = Array(to_compare_link_coords.left-img_clone_coords.left+50, to_compare_link_coords.top-img_clone_coords.top+150)

img_clone.addClass("anim_photo");
img_clone.css({top:'0', display: "block", position:"absolute", border:"0px solid red", "z-index": "999"});
img_clone.animate({left: coords_to_anim[0], top:coords_to_anim[1], width: "10%", height: "10%"}, "fast", function(){img_clone.remove();});

Но возникла друга проблема, скрипт выполняется один раз, а потом ошибка:

Код


Ошибка: img_clone_coords is null

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »