Drag and drop - element.onmousedown
Сразу говорю, в js я новичок.
Из статьи про Drag and drop: http://javascript.ru/ui/draganddrop element.onmousedown = function(e){ // запомнить переносимый объект // в переменной dragObject dragObject = this // остановить обработку события return false } не работает; если вместо element.onmousedown написать document.onmousedown то всё нормально. Вообще что такое element в данном коде? Ключевое слово или предполагается, что вместо element надо что-то подставить? И где про это можно прочитать? |
Предполагается что это тот елемент (картинка, блок и т.д.) над которым совершаются какие либо действия, в данном случае его собираются перетаскивать.
|
element - это переменная:)
|
Цитата:
document.getElementById('b_2').onmousedown = function(e){ // запомнить переносимый объект // в переменной dragObject dragObject = this // остановить обработку события return false } <img id="b_2" src="torrent.png"> Так тоже пытался, не работает. ---------------------------------------------------------- Цитата:
var dragObject = null; var element = null; element.onmousedown = function(e){ // запомнить переносимый объект // в переменной dragObject dragObject = this // остановить обработку события return false } И так тоже не работает. Где ещё можно прочитать про Drag and drop? |
var element = null; element.onmousedown... Очевидно же, что работать не будет:) Цитата:
|
Знчит element это указатель на картинку, блок и т.д.
var dragObject = null; var element = document.getElementById('b_2'); element.onmousedown = function(e){ // запомнить переносимый объект // в переменной dragObject dragObject = this // остановить обработку события return false } <img id="b_2" src="torrent.png"> Но код всёравно не работает. В общем я так понял, что лучше использовать jQuery ... |
Все там работает. Если хочется разобраться в этом вопросе то продолжай читать мануалы, спрашивать на форуме, а так да JQuery.
<img id="b_2" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"> <script> document.getElementById('b_2').onmousedown = function(e){ alert('сработало событие OnMouseDown') } </script> |
Цитата:
var dragObjects = document.getElementById('dragObjects').getElementsByTagName('img') for(var i=0; i<dragObjects.length; i++) { new DragObject(dragObjects[i]) } new DropTarget(document.getElementById('trash')) зачем вы полезли в исходный код? ваш пример будет примерно так звучать на букавках var element = document.getElementById("b_2") new DragObject( element ) не убедил? живой пример : <style> div { padding: 2px; border: 1px red solid; position: absolute; } </style> <div id="b_2"> my el. lol </div> <script src="http://javascript.ru/files/dnd/final/DragObject.js"></script> <script src="http://javascript.ru/files/dnd/final/DropTarget.js"></script> <script src="http://javascript.ru/files/dnd/final/dragMaster.js"></script> <script src="http://javascript.ru/files/dnd/final/helpers.js"></script> <script> var element = document.getElementById("b_2") new DragObject( element ) </script> PS. то, что он возвращается на свою позицию, можно убрать. сейчас спешу, но вечером поправлю пост. удачи :) Цитата:
зачем тогда программировать на JS, если можно индуса в рабство взять? он будет писать код, код будет работать, но расширяемость кода и его качество останется в параше. |
Цитата:
|
На самом деле я никуда не тороплюсь. Думаю лучше знать и библиотеку jquery, и в тоже время, как можно без неё обойтись.
|
Часовой пояс GMT +3, время: 04:17. |