Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ищу простой метод перетаскивания рисунков или обьектов мышкой / 16 сообщений из 16, страница 1 из 1
29.03.2013, 19:44
    #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:47
    #38204943
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
В любой среде разработчика есть события.
1. нажатия кнопки мышки
2. перетаскивания
3. отпускания кнопки мышки
Я программирую на VB6, а тут я не знаю просто синтаксис точно как пишется
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.03.2013, 19:48
    #38204947
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
или если есть пример самого простого перетаскивания, дайте ссилку
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.03.2013, 19:54
    #38204955
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
http://javascript.ru/ui/draganddrop
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.03.2013, 19:58
    #38204958
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
ага.. вот тут какой механизм "<button onMouseMove='Мое событие'>"
ну все.. дальше разберусь. спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2013, 10:43
    #38208483
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
А почему не Jquery UI?
Там же вроде просто.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2013, 11:07
    #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:20
    #38208588
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
Вы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта.
Примерчик не буду писать, потому что уже хрен знает сколько раз писал.
Короче, .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2013, 14:35
    #38209168
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ищу простой метод перетаскивания рисунков или обьектов мышкой
ShSergeВы ребята, похоже, все охренели. Это дело - всего несколько строк яваскрипта. Не верю!

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

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

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


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