Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Перемещение рисунка за пределы скроллбокса 
:(
    Опции темы
quiz
Дата 21.6.2007, 16:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Задача - дать пользователю IE возможность перетаскивать каринки из набора в нужное ему место на странице.
Все работает нормально (картинки просто загружены в ряд, при клике position делается абсолютным и объект перемещается за курсором), но когда картинок становится слишком много и появляются скроллбары - свойства obj.style.left и obj.style.top начинают распологать рисунок внутри этого окошка со скроллбаром и соответственно вытащить за пределы этого блока объект невозможно.

Как позиционировать картинку относительно краев экрана, а не относительно краев блока с полосами прокрутки? smile 

Все картинки хранятся в блоке <DIV> со свойствами "width: 100px; height: 400px;overflow: scroll;"

Спасибо!
PM MAIL   Вверх
ksnk
Дата 21.6.2007, 19:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Нужно склонировать (cloneNode) эту картинку и вставить ее клон непосредственно в body. таскать за мышкой уже именно его.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
12345c
Дата 22.6.2007, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



Они и без того будут таскаться по всему окну. Когда position:absolute, объект уже не принадлежит структуре, хотя формально он в том же диве структуры. obj.style.left и obj.style.top считаются при этом от body. Ошибка - в коде, например, не допускаются координаты больше размеров дива.  Можно попробовать обойти проблему, просто переместив рисунок по дереву DOM.
PM WWW   Вверх
SelenIT
Дата 22.6.2007, 16:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



12345c, странно, в FF у меня все так и есть (div начинает ограничивать "тягание" только при явном указании position: relative), а вот в IE само по себе указание overflow, отличного от visible, приводит к ограничению (и прокрутке, если значение scroll/auto)...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
quiz
Дата 22.6.2007, 22:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



12345c, c кодом все окей. Видимо это особенность IE.
Даже если сделать
Код

<DIV style='overflow:scroll;width:10;height:10;'><img src='test.gif' style='position:absolute;left:10;top:10;'></div>

то все-равно рисунок позиционируется от краев ДИВа, а не от body.

P.S. А как переместить рисунок по дереву DOM? smile 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0457 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.