VPF::drag & drop - Форум программистов

BSOD

Дата 8.12.2004, 21:22 (ссылка)

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

Загрузка ...

Опытный

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

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

Как сделать перетаскиваемую картинку?

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

как корабль назовешь - то на нем и напишешь

Alx

Дата 8.12.2004, 23:23 (ссылка)

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

Загрузка ...

Ajaxy

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

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

Цитата(maximum @ 8.12.2004, 21:22)

Ламер - это вскипевший чайник.....

Код


<html>
<head>
<title>Преретаскивание картинок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.dragimg {background:#6699cc;position:absolute;}
</style>
<script>
function dragImages(obj)
{if (obj.taskaem == "da")
{obj.style.pixelLeft = window.event.x - obj.style.pixelWidth / 2;
obj.style.pixelTop = window.event.y - obj.style.pixelHeight / 2;
}
}
function putortakeImage(obj)
{if (obj.taskaem == "net")
obj.taskaem = "da";
else
if (obj.taskaem == "da")
obj.taskaem = "net";
}
</script>
</head>
<body id="tborder">
<img src="my_image" id="div1" class="dragimg" style="top:20;left:20;width:105;height:105;" taskaem="net" id="1" onmousemove="dragImages(this)" onclick="putortakeImage(this)" onmouseout="this.taskaem='net'">
</p>
</body>
</html>

к сожалению для Мозиллы не получилось... smile

но зато для Оперы любой работает smile

у меня правда самая низкая - 5.12 (работает), но, надеюсь, этого хватит smile

Это сообщение отредактировал(а) sergej.z - 9.12.2004, 00:23

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

Sardar

Дата 9.12.2004, 17:24 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Зачем же IE only, скрипт на самом деле очень простой:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<style type="text/css">
.dragimg {background:#6699cc;position:absolute;}
</style>
<script language="Javascript" type="text/javascript">
<!--
function moveMe(obj, ev) {
  if(!obj.moving) return;
  obj.style.left=(window.event? window.event.x: ev.clientX)-obj.mouseX;
  obj.style.top=(window.event? window.event.y: ev.clientY)-obj.mouseY;
}
function initMoving(obj, ev) {
  obj.moving=true;
  var ox=0, oy=0, tgt=obj;
  while(tgt) {
    ox+=tgt.offsetLeft;
    oy+=tgt.offsetTop;
    tgt=tgt.offsetParent;
  }
  obj.mouseX=(window.event? window.event.x: ev.clientX)-ox;
  obj.mouseY=(window.event? window.event.y: ev.clientY)-oy;
}
//-->
</script>
</head>
<body>
<div class="dragimg" style="width: 200px; height:100px" onMouseUp="this.moving=false;" onMouseDown="initMoving(this, event)" onMouseMove="moveMe(this, event)"></div>
</body></html>

"

За место слоя ставим картинку.

P.S. достает подсветка, убивает скрипт после тега script...

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

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Alx

Дата 9.12.2004, 17:27 (ссылка)

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

Загрузка ...

Ajaxy

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

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

Sardar
ну прям уж only.. smile

Цитата(ALEXANDRO @ 8.12.2004, 23:23)

для Оперы любой работает у меня правда самая низкая - 5.12 (работает)

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

Sardar

Дата 9.12.2004, 17:32 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

ALEXANDRO ладно, не плохо вышло, ворчать не буду smile

Правда скритпы отличаются, у меня drag&drop каким я его представляю, нажал мышью и веди, отупистил, картинка встала.

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

sergejzr

Дата 9.12.2004, 17:39 (ссылка)

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

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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

Цитата(Sardar @ 9.12.2004, 16:24)

P.S. достает подсветка, убивает скрипт после тега script...

Это ведь HTML, а не javascript smile

Хотя конечно ты прав ...

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

Me.
FB.
LinkedIn.
ORCID.
YT.

Alx

Дата 9.12.2004, 17:58 (ссылка)

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

Загрузка ...

Ajaxy

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

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

Цитата(Sardar @ 9.12.2004, 17:32)

Правда скритпы отличаются

лучше всего, когда есть выбор. когда есть выбор - это счастье. а мы за что боремся? за счастье юзверей!
Добавлено @ 18:01

Цитата(Sardar @ 9.12.2004, 17:32)

не плохо вышло

да ладно тебе, скрипт - пустячный. две с половиной строки...

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

BSOD

Дата 9.12.2004, 21:07 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата

к сожалению для Мозиллы не получилось...

Да мне хватит и для explorer-а......... smile

Спасибо за помощь!

Это сообщение отредактировал(а) maximum - 9.12.2004, 21:11

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

как корабль назовешь - то на нем и напишешь

Alx

Дата 9.12.2004, 21:55 (ссылка)

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

Загрузка ...

Ajaxy

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

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

maximum
паажалуйста smile

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

Aliance

Дата 11.12.2004, 20:55 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

maximum
http://forum.vingrad.ru/index.php?showtopi...=0&#entry217088

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

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

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