VPF::Карта и Drag&Drop - Форум программистов

InfMag

Дата 28.11.2007, 13:35 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

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

Очень странно, вроде все правильно написал, но когда пытаюсь таскать картинку, то получается своеобразная игра в кошки-мышки... Можете сами попробовать. Не могу понять где я ошибся.

Код


<html>
<head>
<title>Karta</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">

body
{
    background-color: #ffffff;
    color: #555555;
}

body, td
{
    font-family: Arial, sans-serif;
    font-size: 16px;
}

</style>
<script type="text/javascript" language="javascript">

var mapX = 800;
var mapY = 600;

var dotXs = 16;
var dotYs = 16;

var maxDragX = mapX - dotXs;
var maxDragY = mapY - dotYs;

var mX = 0;
var mY = 0;
var mXs = 0;
var mYs = 0;

var mXmap = 0;
var mYmap = 0;

function update_coordinates()
{
    mX = event.clientX;
    mY = event.clientY;
    mXs = mX + document.body.scrollLeft;
    mYs = mY + document.body.scrollTop;
}

drag_g1 = false;
drag_g2 = false;

</script>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" rightmargin="0" bottommargin="0" onmousemove="update_coordinates();">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left" width="800" height="600">
<img src="karta.jpg" border="0" width="800" height="600" style="z-index:0;position:absolute;">
<div style="z-index:1;position:absolute;left:50;top:50;" id="g1"><img src="dot.gif" border="0" width="16" height="16" align="absmiddle" onmousedown="drag_g1=true;" onmouseup="drag_g1=false;" onmousemove="if(drag_g1==true){g1.style.top=mXs;g1.style.left=mYs;}"><span style="font-size:9px;"> <b>Мой город</b></span></div>
<img src="dot.gif" border="0" width="16" height="16" style="z-index:2;position:absolute;left:50;top:100;" id="g2" onmousedown="drag_g2=true;" onmouseup="drag_g2=false;" onmousemove="if(drag_g2==true){g2.style.top=mXs;g2.style.left=mYs;}">
</td>
<td valign="top" align="left" width="300">
<p align="center"><b>Меню</b></p>
<p><i>Тут будут находиться элементы управления</i></p>
</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

InfMag

Дата 28.11.2007, 14:18 (ссылка)

(нет голосов)

Загрузка ...

…

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

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

Вопрос решен, тему лучше удалить...

vintyara

Дата 15.2.2008, 12:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

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

не удалить а лучше верный код дать! =)

--------------------

Мой блог !
Общение "про это" ;)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »