Показать сообщение отдельно
  #1 (permalink)  
Старый 04.02.2009, 17:55
Новичок на форуме
Отправить личное сообщение для Camomile Посмотреть профиль Найти все сообщения от Camomile
 
Регистрация: 04.02.2009
Сообщений: 1

Cкрипт в IE работает, а в Opera нет
Привет всем! Прошу о помощи... Столкнулась с проблемой: скрипт нормально работает в експлоуере, а в опере работает странным образом.
Задача состоит в том чтобы передвигать объект (в данном случае работаю из слоями) -- Drag & Drop. В опере передвигаемый слой при перетаскивании изменяет цвет фона, а именно закрашивает его в свой цвет! вот скрипт:


........................
<div id="form" style="position: absolute; left: 100px; top: 101px; font-size: 180%; background-color: #00FF66; width: 75%; height: 75%;">
<div id="button" style="position: relative; top: 102px; left: 65px; width: 100px; height: 100px; background-color: #CCCCCC; cursor: move; border: #000000 solid thin" ></div>
</div>  

</body>

<script type="text/javascript"> 
 var mX,mY; 
 var button =  document.getElementById('button');
 var form = document.getElementById('form');  
 var dragflag = false;
 
 var X, Y; 
 var riznX, riznY;
 
 button.onmousedown = function(event)
 {
   event = event || window.event;
   X = parseInt(button.style["left"]); 
   Y = parseInt(button.style["top"]);    
   x = parseInt(event.clientX)-form.offsetLeft;  
   y = parseInt(event.clientY)-form.offsetTop;  
   riznX = x-X;      
   riznY = y-Y;
   dragflag = true;
 }
 form.onmouseup = function (event)
 {  
   event = event || window.event;   
   dragflag = false;  
 }
 form.onmousemove = function (event)
 {
   event = event || window.event;   
   if (dragflag == true)
   {
   mX = event.clientX;
   mX -= form.offsetLeft; 
   mX -= riznX;  
   mY = event.clientY;
   mY -= form.offsetTop;   
   mY -= riznY;
   button.style.top = mY;
   button.style.left = mX;      
   }          
 }


...............

Буду признательна если укажете возможные причины проблемы

Последний раз редактировалось Андрей Параничев, 04.02.2009 в 18:09. Причина: Пользуйтесь bb-тегами [js] и [html] для оформления листингов кода в теле сообщения
Ответить с цитированием