Задача состоит в том, чтобы при наведении курсором мыши на слой div он передвигался. Я не пойму, что у меня не так. Я отслеживаю координаты мышиной стрелки, и если ее координаты совпадают с координатами слоя, то он двигается (то есть его (слоиные) координаты меняются). Это все я записал в функцию, а ее поставил на событие onMouseMove.
Вот оригинальный код. Подскажите, пожалуйста, что я делаю не так.

Код

<html>  <head>  <title>Move</title>  <script language="JavaScript">  function mov(){  var tx= document.getElementById("tab").style.left;  var ty= document.getElementById("tab").style.top;  mx= event.x;  my= event.y;  document.getElementById("txt").value= "mx:"+mx+" my:"+my+" tx:"+tx+" ty:"+ty;  while (my>=ty & my<=ty+50 & mx>=tx & mx<=tx+50)  {document.getElementById("tab").style.top+=50; document.getElementById("tab").style.left+=50}  }  </script>  </head>  <body onMouseMove="mov()">  <div id="tab" style="position: absolute; left: tx; top: ty; background-color: buttonface; width: 50; height: 50; border-style: outset"></div>  <textarea id="txt" cols="50" rows="1">  </textarea>  </body>  </html>

И еще. Раз уж пишу. Помогите вылечить. Скопируйте код, запустите, там станет все понятно.

Код

<html>  <head>  <title>Untitled</title>  <script language="JavaScript">  function les(obj){  obj.hren.value-=1;  }  function mor(obj) {  obj.hren.value+=1;  }  </script>  </head>  <body>  <strong>Интересный факт: когда нажимаешь Less, то число уменьшается на 1, а когда нажимаешь на More, то вместо того, чтобы прибавить 1, единица дописывается. Хотя разница в коде лишь в "+" и "-". В чем дело?</strong>  <form name="form1">  <input type="button" name="less" value="Less" onClick="les(form1)">  <input type="button" name="more" value="More" onClick="mor(form1)"><br>  <input type="text" name="hren" value="10" readonly>  </form>  </body>  </html>

Заранее благодарю.

Насчет второго - лечится заменой

Код

obj.hren.value+=1;

на

Код

obj.hren.value = parseInt(obj.hren.value)+1;

Насчет первого - ждем кого поумнее

2Lance:
Попробуй это:

Код

<html> <head> <title>Move</title> <script language="JavaScript"> function mov(evt){ var tab = document.getElementById("tab"); var tx = parseInt(tab.style.left); var ty = parseInt(tab.style.top); var mx = evt.x; var my = evt.y;   document.getElementById("txt").value = "mx: "+mx+"; my: "+my+"; tx: "+tx+"px; ty: "+ty+"px";   if ( (my >= ty) && (my <= ty+50) && (mx >= tx) && (mx <= tx+50) ) {     tab.style.top = ty+(my-ty)-25;     tab.style.left = tx+(mx-tx)-25;   } } </script> </head> <body onMouseMove="mov(event)"> <div id="tab" style='position: absolute; left: 50px; top: 50px; width: 50px; height: 50px; background-color: buttonface; border-style: outset'></div> <input id="txt" type=text size=40> </body> </html>

а в твоём примере были такие ошибки:
1) оператор while -- надо if
2) в условии, вместо одного & нужно два &&
3) зачем по 100 раз обращаться к document.getElementById(), когда можно один раз записать результат в переменную и в дальнейшем юзать эту переменную
4) style.left и style.top имеют строковый тип, поэтому нужно сначала преобразовать в цифирь, а потом уже манипулировать этими свойствами

Это сообщение отредактировал(а) Ciber SLasH - 5.6.2005, 00:31

А если ещё понять что конкретно нужно, то наверное решим ловить mousemove на самом квадаратике а не на всём документе

И я бы координаты читал по совместимее бы...
Пример можно взять отсюда.

2Lamer George
А я эту проблему решил так. Я не

Код

obj.hren.value = parseInt(obj.hren.value)+1;

использовал, а вот так:

Код

x=obj.hren.value; x= Math.pow(x,1)+1; obj.hren.value=x;

Помудреней немного, но тоже работает

2Ciber SLasH
Большое спасибо за такой подробный ответ. Все работает, все свои ошибки я осознал. А что, всегда надо ставить две штуки &&? И еще: разве нельзя написать эту строчку:

Код

if ( (my >= ty) && (my <= ty+50) && (mx >= tx) && (mx <= tx+50) )

Вот так:

Код

if (my>-ty && my<=ty+50 && my>-tx && mx<=tx+50)

?
Чтобы со скобками не париться. Ну и опять же все тот же вопрос: обязательно две штуки & ставить? Я писал одну и все работало.

Ну и последний вопрос у меня на сегодня.
Что такое в JavaScript "?" (знак вопроса)? Что он заменяет и как им пользоваться? Кажется, там что-то с if'ами связано. Подскажите.

Цитата(Guest @ 6.6.2005, 11:42)

Что такое в JavaScript "?" (знак вопроса)? Что он заменяет и как им пользоваться? Кажется, там что-то с if'ами связано. Подскажите.

Если не ошибаюсь, в JS, как и в Java, есть тернарный оператор проверки условия. Пример:

Код

x = ( y>0 ? 1 : 0 )

Соответственно, если y>0, то х получит значение 1, иначе - ноль.

Цитата(Guest @ 6.6.2005, 11:42)

Что такое в JavaScript "?" (знак вопроса)? Что он заменяет и как им пользоваться? Кажется, там что-то с if'ами связано. Подскажите.

Lamer George все правельно сказал, немного по-понятнее объясню

Код

var color = (temperature > 100) ? "red" : "blue"; // аналогично такому: var color; if (temperature > 100) {    color = "red"; } else {    color = "blue"; }

Кстати, этот оператор называется “ ? : ”

Цитата(Guest @ 6.6.2005, 11:42)

А что, всегда надо ставить две штуки &&?

&& - Логический оператор AND. Этот оператор проверяет два Boolean выражения на истинность.
& - Поразрядный оператор AND. Этот оператор выполняет бинарную математику на двух операндах (на их двоичных значениях).

Цитата(Guest @ 6.6.2005, 11:42)

Чтобы со скобками не париться.

Можно их не ставить в данном случае, просто мне так удобно (со скобками).

Немного раскрою пошире:

Цитата(Ciber @ 6.6.2005, 18:24)

Этот оператор проверяет два Boolean выражения на истинность.

Если быть точным, то этот оператор проверяет левый операнд, если тот равен (или может быть преобразован) false - то оператор возвращает его значение, в противном случае значение правого операнда.

Цитата(Ciber @ 6.6.2005, 18:24)

Этот оператор выполняет бинарную математику на двух операндах (на их двоичных значениях).

А этот оператор сравнивает два операнда по каждому биту. Бит результата равен 1, только если равны 1 соответствующие биты обоих операндов.

Цитата(Guest @ 6.6.2005, 09:42)

использовал, а вот так:

Так лучше не делать, это всё равно что забивать гвозди цифровой камерой

По логическому складыванию верно описал Aliance, очень удобный оборот:

Код

//аргумент arg2 опционален function func(arg1, arg2) {   arg2=arg2||"дефолтовое значение";   alert(arg2); }

Если второй аргумент не задан, то берём значение по дефолту. Хорошо бы взять учебник, всего 2 часа времени займёт

Уф, я даже и не ожидал такого потока ответов и так быстро. Надо этот форум в Favorites кинуть.
Всем большое спасибо за столь исчерпывающие ответы.
Теперь буду пользоваться оператором "? :"

Ради вам помочь. Привыкайте, у нас всегда так - быстро и качественно
Не забывайте регистрироваться

Следующий вопрос может показаться глупым: как сделать проверку на тип и версию браузера. Итак, код

Код

<html> <head>     <title>Untitled</title> <META http-equiv=content-type content="text/html; charset=windows-1251"> <script language="JavaScript"> if (window.navigator.appName=="Microsoft Internet Explorer") alert('Хороший браузер');  else if (window.navigator.appName!="Microsoft Internet Explorer") alert(window.navigator.appName+" не подходит для этой игры") </script> </head> <body> </body> </html>

якобы демонстрирует проверку браузера (надеюсь, в этой части я все правильно сделал), но тут всплывают две проблемы:

• Когда я открываю этот файл Оперой, то он мне спокойно так говорит, что у меня IE. Кхм, нехорошо получается. Этого мне совсем не надо.
• Как сделать проверку именно на версию браузера? То есть мне нужно пропустить юзера, только если у него IE 5.5 и выше. Как такое можно сделать?

А можно узнать, куда мой оффтопик переместили?
Заранее благодарю.

Проверка на IE5+

Код

isMSIE5 = window.clipboardData && document.all && document.getElementById; if (isMSIE5) alert('IE5+') else alert('Это не IE5+')

Lance
Тему закрываю. Прочти правила форума:
Модератор: Пожалуйста, один топик - один вопрос.