Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать залипание в drag&drop ? 
:(
    Опции темы
Sectoid
Дата 5.3.2010, 21:56 (ссылка)  | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 36
Регистрация: 18.2.2010

Репутация: нет
Всего: нет



<HTML>
<HEAD>
<TITLE></TITLE>
<script LANGUAGE="JavaScript">
<!--
var Block=new Array(0,0,0,0,0);
//Конец переменных
//document.all.text1.value=Block[2];
//document.all.text2.value=Block[3];
//document.all.text3.value=document.all.img0.width;
//if((Block[0]>)||(Block[0]<Block[0])){document.all.text3.value='Есть !'};
//-->
function MoveObject()
{
if(window.dragObj)
  {
  window.dragObj.style.left=event.x-window.dx;
  window.dragObj.style.top=event.y-window.dy;
  Block[0]=window.dragObj.style.left;
  Block[1]=window.dragObj.style.top;
  Block[2]=document.all.img0.style.left;
  Block[3]=document.all.img0.style.top;
  document.all.text1.value=Block[0];
  document.all.text2.value=Block[1];
  document.all.text3.value=Block[2];
  document.all.text4.value=Block[3];
//почему-то следующее условие не работает ...
  if((Block[0]>Block[2])&&(Block[0]<Block[2]+50)){Block[4]=1;document.all.text5.value='Есть !'}
  }
}
</SCRIPT>
<BODY
onmouseup="window.dragObj=null"
onmousemove="MoveObject()">

<INPUT type="text" name="text1" STYLE="position: absolute; left=5; top=5;">
<INPUT type="text" name="text2" STYLE="position: absolute; left=5; top=30;">
<INPUT type="text" name="text3" STYLE="position: absolute; left=5; top=55;">
<INPUT type="text" name="text4" STYLE="position: absolute; left=5; top=80;">
<INPUT type="text" name="text5" STYLE="position: absolute; left=5; top=105;">
<IMG name="img0" STYLE="position: absolute; cursor: hand; Left=400; Top=250" 
src='Images/Empty1.bmp' title='Пусто1'>
<IMG name="img1" STYLE="position: absolute; cursor: hand; Left=100; Top=200" 
src='Images/Block1.bmp' title='Блок1' onmousedown="window.dragObj=this;
window.dx=event.x-this.offsetLeft;
window.dy=event.y-this.offsetTop" ondragstart="return false">
<IMG name="img2" STYLE="position: absolute; cursor: hand; Left=300; Top=200" 
src='Images/Block2.bmp' title='Блок2' onmousedown="window.dragObj=this;
window.dx=event.x-this.offsetLeft;
window.dy=event.y-this.offsetTop" ondragstart="return false">
<IMG name="img3" STYLE="position: absolute; cursor: hand; Left=150; Top=300" 
src='Images/Block3.bmp' title='Блок3' onmousedown="window.dragObj=this;
window.dx=event.x-this.offsetLeft;
window.dy=event.y-this.offsetTop" ondragstart="return false">
</BODY>
</HTML>
PM MAIL   Вверх
12345c
Дата 5.3.2010, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



1. Оформите код в теги [code].
2. Это вопрос или ответ?


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0378 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.