Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.08.2008, 11:08   #1
tunyash
Пользователь
 
Регистрация: 03.05.2008
Сообщений: 25
По умолчанию Перемещение картинки на JS.

Перемещение картинки на JS. Есть большая картинка, на ней несколько маленьких. Пользователь кликает сначала на той маленькой картинке, которую хочет переместить, затем кликает на большой и картинка постепенно перемещается в точку куда пользователь кликнул.

Код HTML:
<img src=back.jpg onclick=drive()>
<div style="position:absolute; top:20px; left:50px" id=div1>
<img src=image1.jpg id=1 onclick=sel('1')>
</div>
<div style="position:absolute; top:60px; left:50px" id=div2>
<img src=image2.jpg id=2 onclick=sel('2')>>
</div>
<div style="position:absolute; top:100px; left:50px" id=div3>
<img src=image3.jpg id=3 onclick=sel('3')>>
</div>
<form name=info>
<input type=hidden name=selected>
</form>
<script>
function sel(id) {
document.info.selected.value = id
document.getElementByID(id).src = 'selimage'+id+'.jpg'
}
function drive() {
document.getElementByID('div'+document.info.selected.value).style.top = event.y
document.getElementByID('div'+document.info.selected.value).style.left = event.x
}
</script>
к сожалению я плохо знаю JS и кот не работает. в чем ошибки?
tunyash вне форума Ответить с цитированием
Старый 25.03.2009, 17:15   #2
Алекс Ялта
Пользователь
 
Аватар для Алекс Ялта
 
Регистрация: 27.01.2009
Сообщений: 97
По умолчанию

Цитата:
Сообщение от tunyash Посмотреть сообщение
и кот не работает. в чем ошибки?
Коты вообще животные ленивые
Алекс Ялта вне форума Ответить с цитированием
Старый 27.03.2009, 20:41   #3
SkyM@n
Laravel/Vue expert
Старожил Подтвердите свой е-майл
 
Аватар для SkyM@n
 
Регистрация: 08.08.2007
Сообщений: 2,832
По умолчанию

http://interface.eyecon.ro/demos/drag.html
SkyM@n вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
перемещение формы Черничный Общие вопросы Delphi 11 10.12.2009 11:06
Перемещение кнопки? &RiU Общие вопросы Delphi 1 28.05.2008 18:13
Перемещение компонентов _SERGEYX_ Общие вопросы Delphi 2 10.04.2008 13:33
Автоматическое перемещение Kirik JavaScript, Ajax 4 16.11.2007 17:42
Перемещение файлов Nasya Microsoft Office Excel 2 13.10.2007 20:37