Показать сообщение отдельно
  #3 (permalink)  
Старый 24.06.2011, 18:36
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от Sweet
А это по поводу drag'n'drop вообще.
на самом деле, там довольно сложно все описано для новичков (по крайней мере, так мне показалось).
Главное понять принцип, а уже потом допиливать решение.

zaytsewa, вот вам пример на скорую руку, разберите и переложите кроссбраузерно на JS без jQuery

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
    var element = $('#move');
    element.mousedown(function(event) {
        var offset =  element.offset(), _event = event;
		
		$(document).bind({
			 mousemove : function(event) {
					element.css({
						left : event.pageX - (_event.pageX - offset.left) + 'px', 
						top : event.pageY- (_event.pageY - offset.top) + 'px'
				});
			  },
			 mouseup : function() {
				$(this).unbind('mousemove');
			 }
		});
		
		event.preventDefault();
    });
});
</script>

<div id="move"></div>

<style type="text/css">
#move {
    background: blue;
    position: absolute;
    width: 60px;
    height: 60px;
}
</style>

Последний раз редактировалось monolithed, 05.09.2011 в 11:40.
Ответить с цитированием