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, время: 13:06. |