Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.07.2008, 08:38
MikeJn
 
Сообщений: n/a

Java script drug & drop
Java script drug & drop
Есть такая задача написать ползунок при перемещении которого по игреку менялось положение картинки тоже по игреку.
Вот такие у меня наработки :
<HTML>
<HEAD></HEAD>
<body id = "mybody">

<IMG id="img1" SRC="21.jpg" BORDER="" ALT="" style = "position:absolute;top:50; left:270;">
<DIV  style = "position:absolute; top:30; left:270;background:#ccc; height:50;width:500;"></DIV>
<DIV style = "position:absolute;background:#ccc; height:50;width:500;top:480; left:270;"></DIV>
<IMG  ID="myimg" SRC = 'img/lines/toddler.gif' ondragstart = "drag()" onMouseOut="document.all.myimg.src='img/lines/toddler.gif'"  onMouseOver="document.all.myimg.src='img/lines/toddlerGold.gif'" style = "position:absolute; top:10; left:220;" >
</body>
<SCRIPT>
var al
flag = false // нельзя перемещать
var id_img = ""
function reg() {
   window.captureEvents(Event.MOUSEUP);
   document.all.myimg.onMouseUp = alert('некн');
  }

function drag() {
flag = true //mag
id_img = event.srcElement.id
}
function mybody.onmousemove(){
if (flag){ // если можно перемещать
if (event.clientY > 760) 
{
drag()
}
else
{
//window.captureEvents(Event.MOUSEup);
//window.onMOUSEup = alert("ffg");

 document.all.myimg.style.top = event.clientY
 document.all.img1.style.top = event.clientY - 200

 
}  
////summ=event.clientY
//document.all.id_2.value=summ
//document.all.myimg.style.left = event.clientX
}
}
function mybody.onmouseup(){
flag = false // нельзя перемещать
}
</SCRIPT>
</HTML>


Как из этого всего этого сделать так чтобы ползунок(img/lines/toddler.gif) перемещался по принципу "зажал клавишу,переместил,отжал" и перемещение шло только когда зажата левая кнопка мыши?

Последний раз редактировалось Андрей Параничев, 24.07.2008 в 10:40. Причина: Пользуйтесь, пожалуйста, bb-кодами для оформления листинга кода в сообщении!
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2008, 09:37
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от MikeJn
Как из этого всего этого сделать так чтобы ползунок(img/lines/toddler.gif) перемещался по принципу "зажал клавишу,переместил,отжал" и перемещение шло только когда зажата левая кнопка мыши?
Смахивает на вопрос "Как из букв о п ж а сложить слово вечность?".
Ответить с цитированием
  #3 (permalink)  
Старый 24.07.2008, 09:46
MikeJn
 
Сообщений: n/a

Что всё так безнадёжно?мне просто нужен скрипт с перемещением вверх-вниз картинки(только 1 картинки) я встречал много скриптов которые перемещают слои с параметром style а вот этот пример перемещает чётко установленную картинку...
Ответить с цитированием
  #4 (permalink)  
Старый 24.07.2008, 10:53
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Замените в этих скриптах слой на картинку. Разницы-то нет, что двигать. Ну в крайнем случае положите картинку в слой.
Ответить с цитированием
  #5 (permalink)  
Старый 24.07.2008, 17:25
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

и то этот код только под IE... Лучше сделать слой и фоновую картинку... а то лишнее перетаскивание картинки выскакивает
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #6 (permalink)  
Старый 15.08.2008, 13:11
Qaz
 
Сообщений: n/a

grug drop
Check it.
http://www.dynamicdrive.com/dynamicindex11/domdrag/
Ответить с цитированием
  #7 (permalink)  
Старый 15.08.2008, 13:29
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

Сообщение от Qaz Посмотреть сообщение
Check it.
http://www.dynamicdrive.com/dynamicindex11/domdrag/
1) з-индекс не проверяется (не смог затянуть след от помады на первый тестовый прямоегольник)
2) скроллбары - жалкая пародия (скроллинг мышью не работает и т.д.)

Но сам пользуюсь доработанной версией этой функции...
(скроллбары, естественно, делаю без неё).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
всплывающая java script подсказка ehevnlem Элементы интерфейса 2 16.12.2008 16:57
В IE java Script Error! Хелп! web64 Общие вопросы Javascript 5 04.09.2008 17:09
Вакансия: Java Script программист, Москва, з/п от 50000 руб. Pavel Работа 0 02.07.2008 17:37
HELP: Java Script Error: “text” is undefined Aram Khachaturyan Общие вопросы Javascript 2 11.04.2008 16:57