ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ищу простой метод перетаскивания рисунков или обьектов мышкой
16 сообщений из 16, страница 1 из 1
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38204940
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
По какой причине код не работает в хроме ?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Перемещение изображения мышью</title> 
<style> 
<!-- 
.drag{position:relative;cursor:move} 
--> 
</style> 
<script type="text/javascript"> 

var flag=false //перемещать нельзя 
var z,x,y 
function move(){ 
if (event.button==1&&flag){ 
z.style.pixelLeft= temp1+event.clientX-x 
z.style.pixelTop= temp2+event.clientY-y 
return false 
} 
} 
function drags(){ 
if (!document.all) 
return 
if (event.srcElement.className=="drag"){ 
flag=true 
z=event.srcElement 
temp1=z.style.pixelLeft 
temp2=z.style.pixelTop 
x=event.clientX 
y=event.clientY 
document.onmousemove=move 
} 
} 
document.onmousedown=drags 
document.onmouseup=new Function("flag=false") 
//--> 
</script> 

</head> 

<body bgcolor="#CCFFFF"> 
<h2>Перемещение изображения мышью</h2> 
<img src="../images/foto15.gif" class="drag"> 
</html>



Взято из сайта http://sevidi.ru/javascript/test/227.html] http://sevidi.ru/javascript/test/227.html . Можно протестить.
Это самый простой метод перетаскивания, но почему-то не работает в Хроме.

Есть яркие примеры, к приру на http://www.xiper.net/examples/jquery/drag/drag.html] http://www.xiper.net/examples/jquery/drag/drag.html
но там функции такие хитрожопые с использованием EVAL и куча шифровок, что нафиг они пошли делать что-то у меня за спиной
...
Рейтинг: 0 / 0
29.03.2013, 19:44
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38204943
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
В любой среде разработчика есть события.
1. нажатия кнопки мышки
2. перетаскивания
3. отпускания кнопки мышки
Я программирую на VB6, а тут я не знаю просто синтаксис точно как пишется
...
Рейтинг: 0 / 0
29.03.2013, 19:47
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38204947
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
или если есть пример самого простого перетаскивания, дайте ссилку
...
Рейтинг: 0 / 0
29.03.2013, 19:48
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38204955
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
http://javascript.ru/ui/draganddrop
...
Рейтинг: 0 / 0
29.03.2013, 19:54
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38204958
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
ага.. вот тут какой механизм "<button onMouseMove='Мое событие'>"
ну все.. дальше разберусь. спасибо
...
Рейтинг: 0 / 0
29.03.2013, 19:58
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38208483
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
А почему не Jquery UI?
Там же вроде просто.
...
Рейтинг: 0 / 0
02.04.2013, 10:43
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38208543
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Андрей159но там функции такие хитрожопые с использованием EVAL и куча шифровок, что нафиг они пошли делать что-то у меня за спиной
 
Перемещать div мышью. Очень простой вариант (без сторонних библиотек)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<head>
<script language="JavaScript">
function $(v) { 
  return(document.getElementById(v));
}

function agent(v) { 
  return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0));
}

function xy(e,v) { 
  return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX));
}

function dragOBJ(d,e) {

  function drag(e) {
    if(!stop) {
      d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px');
    }
  }

  var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;

  document.onmousemove=drag;
 
  document.onmouseup=function() {
    stop=1; document.onmousemove=''; document.onmouseup='';
  };
}
</script>
<head>

<body>
  <div style="position:absolute; padding:5px; top:10; left:70; border:solid 1px;" onmousedown="dragOBJ(this,event); return false;">test</div>
</body>

...
Рейтинг: 0 / 0
02.04.2013, 11:07
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38208588
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Вы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта.
Примерчик не буду писать, потому что уже хрен знает сколько раз писал.
Короче, .
...
Рейтинг: 0 / 0
02.04.2013, 11:20
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209168
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ShSergeВы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта. Не верю!

Яростный Меч дал ссылку на статью Ильи Кантора, там всё разжёвано. И примеры есть.
...
Рейтинг: 0 / 0
02.04.2013, 14:35
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209174
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Также "учебник" стоит почитать:
- Основы Drag'n'Drop
- Drag'n'Drop объектов
...
Рейтинг: 0 / 0
02.04.2013, 14:37
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209230
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
skyANAShSergeВы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта. Не верю! <толсто>
Бросайте javascript, на jQuery это всего одна строчка: $( "#draggable" ).draggable();
</толсто>
:)
...
Рейтинг: 0 / 0
02.04.2013, 14:57
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209255
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
skyANAShSergeВы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта. Не верю!

Яростный Меч дал ссылку на статью Ильи Кантора, там всё разжёвано. И примеры есть.
Не надо верить. Одна строчка на моуседовн и на маусеуп, забить фальсом селектстарт и моуседовн на боди, и обрабатывать моусемове. Я разве не выкладывал ссылок на пасьянсы?
Вот этот я написал больше лет 10-и лет назад. Ещё под 5-й эксплорер. Щас под всеми браузерами работает.
...
Рейтинг: 0 / 0
02.04.2013, 15:04
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209341
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ShSergeskyANAпропущено...
Не верю!

Яростный Меч дал ссылку на статью Ильи Кантора, там всё разжёвано. И примеры есть.
Не надо верить. Одна строчка на моуседовн и на маусеуп, забить фальсом селектстарт и моуседовн на боди, и обрабатывать моусемове. Я разве не выкладывал ссылок на пасьянсы?
Вот этот я написал больше лет 10-и лет назад. Ещё под 5-й эксплорер. Щас под всеми браузерами работает.Я насчита 316 строк кода не лучшего качества. Методы dwn(), mv() и up() содержат больше, чем по две строки кода.
Вообщем, Серж, твой пример для объяснения того, как реализовать Drag'n'Drop на JavaScript, не годится. Так что пусть студенты читают Кантора.
...
Рейтинг: 0 / 0
02.04.2013, 15:43
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209367
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
user89, Ваш пример кстати тоже не раболает. Проверял на jsfiddle.net и learn.javascript.ru/play.
...
Рейтинг: 0 / 0
02.04.2013, 15:49
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209416
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
skyANAuser89, Ваш пример кстати тоже не раболает. Проверял на jsfiddle.net и learn.javascript.ru/play. Я сейчас скопировал мой текст в отдельный файл с расширением .html Двигать можно за любую точку DIV-a.
Работает. Этот файл прикладываю.
...
Рейтинг: 0 / 0
02.04.2013, 16:03
| Ответить | Цитировать | Написать  
Ищу простой метод перетаскивания рисунков или обьектов мышкой
    #38209504
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
user89, понятно. Если указать DOCTYPE: к примеру <!DOCTYPE html>, - то не работает
...
Рейтинг: 0 / 0
02.04.2013, 16:25
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ищу простой метод перетаскивания рисунков или обьектов мышкой
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38209504&tid=1448503]:
 0ms
get settings:
 11ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 157ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 209ms
total:  429ms
созд. / загр.: 429ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]