Привет всем! Прошу о помощи... Столкнулась с проблемой: скрипт нормально работает в експлоуере, а в опере работает странным образом.
Задача состоит в том чтобы передвигать объект (в данном случае работаю из слоями) -- 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;
}
}
...............
Буду признательна если укажете возможные причины проблемы
