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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Drag & drop, кроссбраузерное обращение к объектам. 
:(
    Опции темы
IQ40
Дата 28.4.2008, 11:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Всем здрасти.

Подскажите мне пожалуйста как правильно обращаться к нужному слою в разных браузерах, для реализации Drag & Drop?
JS только начинаю осваивать и много проблем с кросбраузерностью. У меня сейчас такой код... работатет только в IE :(

Код

<script>
function drag(obj){
    cx = obj.style.pixelLeft;
    cy = obj.style.pixelTop;
    
    mx = event.clientX;
    my = event.clientY;
    
    zold = obj.style.zIndex;
    obj.style.zIndex = '200';
    
    block = obj;
    document.onmousemove = move;
    
    function move(){
        block.style.left = cx + (event.clientX - mx);
        block.style.top = cy + (event.clientY - my);
    }
}

function drop(){
    block.style.zIndex = zold;
    document.onmousemove = null;
    document.onmouseup = null;

}
</script> 

<body>
      <div id='layer1' onmousedown="drag(this)" onmouseup="drop(this)" name="layer1" style="position:absolute;z-index:20; left:10px; top:80px; width:200px; height:100px; border: 2px solid; padding:5; text-align:left; background-color:#acac1c">
           òåêñò!
      </div>
</body> 
PM MAIL   Вверх
bars80080
Дата 28.4.2008, 12:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
через id самое то, при условии, что он уникальный
document.getElementById('id_lement')
PM MAIL WWW   Вверх
SelenIT
Дата 28.4.2008, 13:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 7
Всего: 401
Тут не в обращении к элементу проблема, а в pixelLeft/pixelTop, а также в необходимости явно передавать объект event в обработчик. На форуме масса кроссбраузерных примеров. 


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


Новичок



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

Репутация: нет
Всего: нет
спасибо и на том... Буду искать
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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