Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Позиционирование элемента


Автор: rcdimon 17.7.2007, 17:48
Задача такая..

На странице есть куча разных элементов, например таблиц. Мне нужно зная id нужного элемента нарисовать около него div. Проще всего динамически добавить див в интересуемый элемент. Но мне нужно чтобы размеры дива и родительского элемента не зависели друг от друга (на практике див будет больше чем родительский элемент). И мне нужно чтобы див был не в интересуемом меня элементе, а точно под ним.


    +--------------------+
    |  Родительский  |
    +--------------------+
+----------------------------------------------------------------------+
|                                                                                         |
|                                                                                         |
|                      Это мой динамически созданный див       |
|                                                                                         |
|                                                                                         |
|                                                                                         |
|                                                                                         |
+----------------------------------------------------------------------+


Автор: rcdimon 17.7.2007, 18:25
Первое что пришло в голову- новый див присоединять к document.body, position : absolute; и задавать ему свойства top и left такие чтобы он встал как раз ровно под интересующим нас элементом.

Но как узнать координаты интересующего нас элемента? Если он тоже позиционируется абсолютно то у него есть свойства top и left... Но если нет, если это просто элемент td в обычной таблице, но как тогда узнать его координаты? top и left в таком случае у него по нулям

Автор: MisterCleric 18.7.2007, 15:58
посмтри в каком-нирбудь фреймворке взятие абсолютный координат любого ДОМ-элемента например в http://www.sergiopereira.com/articles/prototype.js.html#Position

Автор: Burrr 18.7.2007, 17:16
Лови нужные статьи:
http://fastcoder.org/javascript/1.html
http://fastcoder.org/javascript/22.html

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)