X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Перемещение объекта с помощью js
caps7
caps7
Topic Starter сообщение 23.6.2012, 20:13; Ответить: caps7
Сообщение #1


Здравствуйте, скажите как можно заставить swf плеер двигается с помощью JS? То есть чтобы я этот плеер мог перетягивать в любое место страницы курсором мыши
Пример плеера http://zagruzka-plus.ws/music/ и http://vk.com/audio
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 23.6.2012, 20:17; Ответить: sodik
Сообщение #2


http://jqueryui.com/demos/draggable/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 23.6.2012, 20:18; Ответить: cyber_ua
Сообщение #3


http://learn.javascript.ru/drag-and-drop
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
caps7
caps7
Topic Starter сообщение 23.6.2012, 20:30; Ответить: caps7
Сообщение #4


Дайте пожалуйста код готовый чтобы вставить его в html страницу. Просто я в js 0 :unsure:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 23.6.2012, 20:59; Ответить: cyber_ua
Сообщение #5


(caps7 @ 23.6.2012, 23:30) *
Дайте пожалуйста код готовый чтобы вставить его в html страницу. Просто я в js 0 :unsure:


тут есть
(cyber_ua @ 23.6.2012, 23:18) *
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
caps7
caps7
Topic Starter сообщение 23.6.2012, 21:17; Ответить: caps7
Сообщение #6


Как я понимаю это должно выглядеть так
<script type="text/javascript">
var ball = document.getElementById('ball3');

ball.onmousedown = function(e) {
var self = this;
e = fixEvent(e);

var coords = getCoords(this);
var shiftX = e.pageX - coords.left;
var shiftY = e.pageY - coords.top;

this.style.position = 'absolute';
document.body.appendChild(this);
moveAt(e);

this.style.zIndex = 1000; // ??? ??????? ??????????

function moveAt(e) {
self.style.left = e.pageX - shiftX + 'px';
self.style.top = e.pageY - shiftY+ 'px';
}

document.onmousemove = function(e) {
e = fixEvent(e);
moveAt(e);
};

this.onmouseup = function() {
document.onmousemove = self.onmouseup = null;
};

}

ball.ondragstart = function() {
return false;
};
</script>


<object style="cursor:pointer" id="ball" id="audioplayer1817" type="application/x-shockwave-flash" data="http://maxplay.info/video/pleer.swf" width="401" height="40">
<param name="bgcolor" value="#fff" />
<param name="allowScriptAccess" value="always" />
<param style="cursor:pointer" id="ball" name="movie" value="http://maxplay.info/video/pleer.swf" />
<param name="flashvars" value="uid=audioplayer1817&amp;comment=1&amp;st=81AEEAG889v5L0JYo7HxaT42MipskNnasQX6BGzJRfw692MWERfw3L2MDiQsNXHBUhIWb
5ntu0c9BMrs&amp;file=21AJAswSDZsQDL7SNDp30HhICwnRhWNyp2wk6hdGJp83wnzBMBcQWw6Ie2NvRFYGIAu
YLNzuObaxa8nasQX6i3QnaBQHhRdwbpem5cp3wrD=3w6zesNobWwEnYW5ntnu0c9BMrr
" />
</object>

Но плеер не передвигается
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 23.6.2012, 23:07; Ответить: cyber_ua
Сообщение #7


(caps7 @ 24.6.2012, 00:17) *
Как я понимаю это должно выглядеть так
<script type="text/javascript">
var ball = document.getElementById('ball3');

ball.onmousedown = function(e) {
var self = this;
e = fixEvent(e);

var coords = getCoords(this);
var shiftX = e.pageX - coords.left;
var shiftY = e.pageY - coords.top;

this.style.position = 'absolute';
document.body.appendChild(this);
moveAt(e);

this.style.zIndex = 1000; // ??? ??????? ??????????

function moveAt(e) {
self.style.left = e.pageX - shiftX + 'px';
self.style.top = e.pageY - shiftY+ 'px';
}

document.onmousemove = function(e) {
e = fixEvent(e);
moveAt(e);
};

this.onmouseup = function() {
document.onmousemove = self.onmouseup = null;
};

}

ball.ondragstart = function() {
return false;
};
</script>


<object style="cursor:pointer" id="ball" id="audioplayer1817" type="application/x-shockwave-flash" data="http://maxplay.info/video/pleer.swf" width="401" height="40">
<param name="bgcolor" value="#fff" />
<param name="allowScriptAccess" value="always" />
<param style="cursor:pointer" id="ball" name="movie" value="http://maxplay.info/video/pleer.swf" />
<param name="flashvars" value="uid=audioplayer1817&amp;comment=1&amp;st=81AEEAG889v5L0JYo7HxaT42MipskNnasQX6BGzJRfw692MWERfw3L2MDiQsNXHBUhIWb
5ntu0c9BMrs&amp;file=21AJAswSDZsQDL7SNDp30HhICwnRhWNyp2wk6hdGJp83wnzBMBcQWw6Ie2NvRFYGIAu
YLNzuObaxa8nasQX6i3QnaBQHhRdwbpem5cp3wrD=3w6zesNobWwEnYW5ntnu0c9BMrr
" />
</object>

Но плеер не передвигается


там нечего не двигается=)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cyber_ua
cyber_ua
сообщение 23.6.2012, 23:14; Ответить: cyber_ua
Сообщение #8


[JS]var ball = document.getElementById('show');

ball.onmousedown = function(e) {
var self = this;


this.style.position = 'absolute';
moveAt(e);
document.body.appendChild(this);

this.style.zIndex = 1000;

function moveAt(e) {
self.style.left = e.pageX-25+'px';
self.style.top = e.pageY-25+'px';
}

document.onmousemove = function(e) {

moveAt(e);
}

this.onmouseup = function() {
document.onmousemove = self.onmouseup = null;
}
}

ball.ondragstart = function() {
return false;
};
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
caps7
caps7
Topic Starter сообщение 24.6.2012, 4:19; Ответить: caps7
Сообщение #9


(cyber_ua @ 24.6.2012, 02:14) *

Дайте пожалуйста целый код, чтобы этот js был подключен к плееру
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
caps7
caps7
Topic Starter сообщение 25.6.2012, 13:45; Ответить: caps7
Сообщение #10


_up
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Раскройте свой потенциал заработка с помощью 2x2 Media Network — вашего пути к выгодным предложениям CPA!
Присоединяйтесь к 2x2 Media Network, вашему надежному партнеру в мире
11 2x2MediaLimited 3298 18.4.2024, 4:22
автор: 2x2MediaLimited
Горячая тема (нет новых ответов) Проверка позиций сайтов в поисковых системах с помощью Positon.ru
Мониторинг продвижения сайтов
183 Positon 179773 12.4.2024, 8:32
автор: Positon
Открытая тема (нет новых ответов) WEB и SMM дизайн — решение ваших бизнес задач с помощью дизайна
8 justburger 5342 6.7.2020, 9:18
автор: justburger
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЦелевой трафик +30% за 4 месяца с помощью SEO продвижения у Хачатура - отзывы и кейсы в топике
6 Mikejones 3460 9.7.2019, 10:47
автор: Mikejones
Открытая тема (нет новых ответов) Гарантированно привлечем от 1000 подписчиков за 1 месяц с помощью комплексного продвижения
8 masija_coke 3220 1.1.2019, 0:59
автор: masija_coke


 



RSS Текстовая версия Сейчас: 25.4.2024, 11:38
Дизайн