Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   drag & drop, mouseup (https://javascript.ru/forum/events/29438-drag-drop-mouseup.html)

cyber 01.07.2012 18:43

жесть...
после добавление события
Event.addListener(document,"selectstart",drag.select_st,false);

перестает работать mouseup =)

cyber 01.07.2012 19:42

решено=)
http://cyberua.16mb.com/drag&drop/
кстати такой баг только в опере=)

Deff 01.07.2012 20:13

Цитата:

Сообщение от cyber
решено=)
http://cyberua.16mb.com/drag&drop/
кстати такой баг только в опере=)

:victory: Пока всё Отлично Работает!

cyber 01.07.2012 20:23

осталось анимацию допилить=)

Deff 01.07.2012 20:35

Цитата:

Сообщение от cyber
осталось анимацию допилить=)

В принципе давно мечта допилить у себя мягкую посадку в корзину чмокo/чмопокующим звуком (Пока не нашел прилично-короткий звукоряд) есть мелодийка - но какая то ни бе - ни ме

cyber 01.07.2012 20:40

блин вроде какае то анимация а напрягу=)
если использовать css3 анмацию нужно писать проверку на поддержку браузером (свои нюансы), а js не хочу(не то что лень писать, просто не хочу)

cyber 01.07.2012 20:55

бред какой , анимации не работает не в чем кроме хрома
.animate_for_old_postion{
	-webkit-transition-property:left,top;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:ease;
	
   -moz-transition-property:left,top;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease;
	
	transition-property:left,top;
	transition-duration:1s;
	transition-timing-function:ease;
	
	-o-transition-property:left,top;
	-o-transition-duration:1s;
	-o-transition-timing-function:ease;
	}

devote 01.07.2012 21:18

Цитата:

Сообщение от cyber
бред какой , анимации не работает не в чем кроме хрома

у меня все работает:
<!doctype hrml>
<html>
<head>
<style type="text/css">
.animate_for_old_postion{
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    position: fixed;

    -webkit-transition-property:left,top;
    -webkit-transition-duration:1s;
    -webkit-transition-timing-function:ease;
     
    -moz-transition-property:left,top;
    -moz-transition-duration:1s;
    -moz-transition-timing-function:ease;

    -o-transition-property: left,top;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease;

    transition-property:left,top;
    transition-duration:1s;
    transition-timing-function:ease;
}
.animate_for_old_postion:hover {
    left: 100px;
    top: 100px;
}
</style>
</head>
<body>
<div class="animate_for_old_postion"></div>
</body>
</html>

cyber 01.07.2012 21:21

Цитата:

Сообщение от devote (Сообщение 185723)
у меня все работает:
<!doctype hrml>
<html>
<head>
<style type="text/css">
.animate_for_old_postion{
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    position: fixed;

    -webkit-transition-property:left,top;
    -webkit-transition-duration:1s;
    -webkit-transition-timing-function:ease;
     
    -moz-transition-property:left,top;
    -moz-transition-duration:1s;
    -moz-transition-timing-function:ease;

    -o-transition-property: left,top;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease;

    transition-property:left,top;
    transition-duration:1s;
    transition-timing-function:ease;
}
.animate_for_old_postion:hover {
    left: 100px;
    top: 100px;
}
</style>
</head>
<body>
<div class="animate_for_old_postion"></div>
</body>
</html>

я этот код взял из своего color picker он там тоже работает=)
а вот в этом скрипте нет=)
тут можно глянуть http://cyberua.16mb.com/drag&drop/

Deff 01.07.2012 21:28

cyber,
ну есть воть от Гвоздь => http://javascript.ru/forum/job/28764...tml#post183237
Или так
Цитата:

<style type="text/css">
img[unselectable]{
transition-property:left,top;
-webkit-transition-property:left,top;
-moz-transition-property:left,top;
-o-transition-property:left,top;
-ms-transition-property:left,top;

transition-duration: 0.06s;
-webkit-transition-duration: 0.06s;
-moz-transition-duration: 0.06s;
-o-transition-duration: 0.06s;
-ms-transition-duration: 0.06s; /* IE9+ */
}
</style>


Часовой пояс GMT +3, время: 15:12.