У меня есть таблица, которая будет все время выравниваться по центру, у меня есть <img> внутри <td> тега и мне нужно реализовать чтобы хватать и таскать этот <img> внутри <td>. Кто-нибудь может мне объяснить как это реализовать??

InfMag,

1. onmousedown на img - start drag
2. onmousemove - dragging
3. onmouseup на td - end drag, привязка img к td

dsCode, а как это реализовать кодом?

Как хотябы получить координаты мыши внутри таблицы?

http://www.walterzorn.com/dragdrop/dragdrop_e.htm - тут реализация ползунка
http://tool-man.org/examples/sorting.html - тут тоже умно и красиво

InfMag, координаты мыши абсолютны и не зависят от таблицы. Эмм... вернее, не абсолютны, все же отностительны, но - с учетом скролинга их надо брать. Вообще: это либо e.pageX (e.pageY), либо e.clientX (e.clientY) - в зависимости от браузера. Плюс к этому нужно учесть скроллинг - либо document.body.scrollLeft - горизотальный, document.body.scrollTop - вертикальный, либо document.documentElement.scrollTop (document.documentElement.scrollLeft) если стриктМод используется.

dstorm81, тоже первую ссылку хотел дать =)

Это сообщение отредактировал(а) dsCode - 23.11.2007, 14:19

Дык у меня таблица, которая по центру выравнивается и она постоянно будет по разным координатам находиться. Получается не вариант такое провернуть? Нужно таблицу к краям прибивать полюбому?

dsCode, Что за стриктМод ??

А какие значения к каким браузерам относятся??

Это сообщение отредактировал(а) InfMag - 28.11.2007, 12:31

dsCode, блин, странно... Вывожу скроллинг: document.body.scrollLeft и document.body.scrollTop - все нормально выводится, но координаты мыши никак не хочет отдавать. Я и e.pageX (e.pageY) и e.clientX (e.clientY) пробовал - не выводит - пишет ошибка на странице... Что это может быть??

Нашел выход: event.clientX и event.clientY

InfMag, 

ну поэкспериментируйте, я на вскидку сказал, не помню (проверять - влом, щас времени нет ;)) - что-то для Оперы (pageX [Y], если мне не изменяет память), что-то для IE и FF (clientX [Y]). Поставьте if'ы - посмотрите. 



ну естественно. Я думал, вы цепляете события, примерно так:

obj.onsomeevent = function(e) {
  e = e || window.event;
  ...
}

Конечно же, event надо использовать, а не неопределенное e.


Строгий режим документа, где, например, присутствует DOCTYPE.


все вариант. Можно вообще без координат ячеек таблицы обойтись. Координаты Вам нужны только для драг&дропа, когда вы тащите объект. Сделайте небольшое смещение курсора (чтобы он слегка выходил за пределы изображения, которое перетаскивается) - таким образом onMouseUp произойдет на ячейки таблицы, а там Вы его (маусАп) и обработаете, т.е. привяжете изображение к ячейке.

someTd.onmouseup = function(e) {
  e = e || window.event;
  this.привязатьОбъект(изображение_которое_перетаскивалось);
  ...
}


Это сообщение отредактировал(а) dsCode - 28.11.2007, 13:58

Остался вопрос, есть проблема когда я таскаю картинку в интернет эксплорере, я еще тащу пару пикселей и она тащится нормально, если дальше, то интернет эксплорер меняет мой курсор на курсор запрета и дальше не тащит. Как с ним бороться?

InfMag, потому что маус уезжает за пределы изображения (а для document'a маусМув не указан). Попробуйте привязать тот же код (и соответственно, удалить, когда произойдет drop) на document.

Нужно в функции таскания отменять дальнейшее событие


Это сообщение отредактировал(а) ksnk - 28.11.2007, 17:19