Форум "Web-мастер"

Технологии web-програмирования

#0 DrewBlin © 03.03.08 15:03:54 - 04.03.08 18:36:11

Курсоры и JavaScript

Привет всем. Помоги, пожалуйста, решить проблему.
Мне надо по определенному событию мыши (курсор попал в заданную область div) поменять курсор. Если пишу:


...
<div id=a onmousemove='aaaa();'>
...

function aaaa() {
  var x = event.clientX, y = event.clientY;
  if ( (x <= sq[1]) && (x >= sq[2]) )
    document.getElementById('a').style.cursor='pointer';
  else
    document.getElementById('a').style.cursor='default';
}

то эффект не такой как надо - курсор меняется, но для этого надо:
1. завести мышь в область
2. вывести ее за пределы div из этой области
3. завести в div сразу в эту область

Вот... А как сделать, чтобы курсор сразу менялся, т.е. не надо было покидать и заходить в div (и не делать его невидимым-видимым, что тоже решает проблему)

#1 Deep © 03.03.08 16:17:59

если не ошибаюсь, у документа есть событие onload

<body onload="StyleSetup()">

вот на него и повешай обработку:

function StyleSetup() {
    document.getElementById('a').style.cursor='pointer';
}

#2 DrewBlin © 03.03.08 18:17:17

Так это у всего элемента курсор таким будет. А мне надо только чтоб в заданой области этого элемента

#3 Deep © 03.03.08 22:56:29

а что мешает сделать вложеный <div> ? Или вложенная область еще и непрямоугольная?

#4 Nikolay © 04.03.08 12:43:05


<script>
function first(div_id){
     document.getElementById('div1').style.cursor='pointer';
}
function seconf(div_id){
     document.getElementById('div1').style.cursor='default';
}

</script>
<div style="width:400px; height:200px; background:#386b1f;" id="div1" onMouseOver="first();" onMouseOut="second();">
</div>

А делать эту область вложенными <div> - сумашествие!

Написать ответ