Microsoft Windows Vista Community Forums - Vistaheads
Recommended Download



Welcome to the Microsoft Windows Vista Community Forums - Vistaheads, YOUR Largest Resource for Windows Vista related information.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so , join our community today!

If you have any problems with the registration process or your account login, please contact us.

Driver Scanner

style.cursor does not change cursor until after mouse move

microsoft.public.internetexplorer.general






Speedup My PC
Reply
  #1 (permalink)  
Old 10-28-2008
datvong@gmail.com
 

Posts: n/a
style.cursor does not change cursor until after mouse move
In the following example, I have 2 divs, one inside another, with two
different cursors.

<div id='outer' style='cursor:hand;width:300px;height:300px'>
<div id='inner' style='cursor:crosshair;width:100px; height:100px'
onclick="this.style.display='none'">
Click to remove this div.
</div>
</div>

When I click on the inner div, I would expect the cursor to change
from 'crosshair' to 'hand'. Instead, it stays as a 'crosshair' until
I move the mouse.
Is there anyway to get IE to change the cursor immediately after the
div is invisible?

One solution I googled is using window.resizeBy(1,0) and
window.resizeBy(-1,0).
This solution is not practical because
1. It doesn't work if the browser has multiple tabs. and
2. An access violation occurs if the mouse is down.
Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 10-28-2008
Donald Anadell
 

Posts: n/a
Re: style.cursor does not change cursor until after mouse move

<datvong@gmail.com> wrote in message
news:fa3ba1c2-f1cc-4ba5-a974-4759d21633b4@m36g2000hse.googlegroups.com...
> In the following example, I have 2 divs, one inside another, with two
> different cursors.
>
> <div id='outer' style='cursor:hand;width:300px;height:300px'>
> <div id='inner' style='cursor:crosshair;width:100px; height:100px'
> onclick="this.style.display='none'">
> Click to remove this div.
> </div>
> </div>
>
> When I click on the inner div, I would expect the cursor to change
> from 'crosshair' to 'hand'. Instead, it stays as a 'crosshair' until
> I move the mouse.


> Is there anyway to get IE to change the cursor immediately after the
> div is invisible?


You might try making the following change to your "onclick" event:

onclick="this.style.display='none';this.style.curs or='hand'">

Good luck,

Donald Anadell


>
> One solution I googled is using window.resizeBy(1,0) and
> window.resizeBy(-1,0).
> This solution is not practical because
> 1. It doesn't work if the browser has multiple tabs. and
> 2. An access violation occurs if the mouse is down.



Reply With Quote
  #3 (permalink)  
Old 10-28-2008
datvong@gmail.com
 

Posts: n/a
Re: style.cursor does not change cursor until after mouse move
Thank you Donald! I don't know why it works, but it does!!!
Thanks!!!


On Oct 28, 5:46*am, "Donald Anadell" <danad...@nospamersmikrotec.com>
wrote:
> <datv...@gmail.com> wrote in message
>
> news:fa3ba1c2-f1cc-4ba5-a974-4759d21633b4@m36g2000hse.googlegroups.com...
>
> > In the following example, I have 2 divs, one inside another, with two
> > different cursors.

>
> > <div id='outer' style='cursor:hand;width:300px;height:300px'>
> > *<div id='inner' style='cursor:crosshair;width:100px; height:100px'
> > onclick="this.style.display='none'">
> > * Click to remove this div.
> > *</div>
> > </div>

>
> > When I click on the inner div, I would expect the cursor to change
> > from 'crosshair' to 'hand'. *Instead, it stays as a 'crosshair' until
> > I move the mouse.
> > Is there anyway to get IE to change the cursor immediately after the
> > div is invisible?

>
> You might try making the following change to your "onclick" event:
>
> onclick="this.style.display='none';this.style.curs or='hand'">
>
> Good luck,
>
> Donald Anadell
>
>
>
> > One solution I googled is using window.resizeBy(1,0) and
> > window.resizeBy(-1,0).
> > This solution is not practical because
> > 1. It doesn't work if the browser has multiple tabs. *and
> > 2. An access violation occurs if the mouse is down.


Reply With Quote
  #4 (permalink)  
Old 10-28-2008
Donald Anadell
 

Posts: n/a
Re: style.cursor does not change cursor until after mouse move

<datvong@gmail.com> wrote in message
news:a20c17f9-e2d2-48a4-a796-77153bd85867@40g2000prx.googlegroups.com...
>Thank you Donald! I don't know why it works, but it does!!!
>Thanks!!!


You're welcome.

Good luck,

Donald Anadell




On Oct 28, 5:46 am, "Donald Anadell" <danad...@nospamersmikrotec.com>
wrote:
> <datv...@gmail.com> wrote in message
>
> news:fa3ba1c2-f1cc-4ba5-a974-4759d21633b4@m36g2000hse.googlegroups.com...
>
> > In the following example, I have 2 divs, one inside another, with two
> > different cursors.

>
> > <div id='outer' style='cursor:hand;width:300px;height:300px'>
> > <div id='inner' style='cursor:crosshair;width:100px; height:100px'
> > onclick="this.style.display='none'">
> > Click to remove this div.
> > </div>
> > </div>

>
> > When I click on the inner div, I would expect the cursor to change
> > from 'crosshair' to 'hand'. Instead, it stays as a 'crosshair' until
> > I move the mouse.
> > Is there anyway to get IE to change the cursor immediately after the
> > div is invisible?

>
> You might try making the following change to your "onclick" event:
>
> onclick="this.style.display='none';this.style.curs or='hand'">
>
> Good luck,
>
> Donald Anadell
>
>
>
> > One solution I googled is using window.resizeBy(1,0) and
> > window.resizeBy(-1,0).
> > This solution is not practical because
> > 1. It doesn't work if the browser has multiple tabs. and
> > 2. An access violation occurs if the mouse is down.



Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Re: mouse cursor move AB microsoft.public.internetexplorer.general 1 10-16-2008 04:36
cursor keyboard touch pad very sensitive and cursor bounces around petro microsoft.public.windows.vista.general 2 05-20-2008 05:09
crazy cursor - cursor keeps bouncing back form certain clickable a jordanly microsoft.public.windows.vista.performance maintenance 0 05-10-2008 10:46
The mouse cursor and the mouse hot spot are not the same location. Martin microsoft.public.windows.vista hardware devices 0 03-31-2008 15:34
NumLock issue. Numbers move the cursor TMTucker microsoft.public.windows.vista hardware devices 1 12-22-2007 23:01




All times are GMT +1. The time now is 02:25.




Driver Scanner - Free Scan Now

Vistaheads.com is part of the Heads Network. See also XPHeads.com , Win7Heads.com and Win8Heads.com.


Design by Vjacheslav Trushkin for phpBBStyles.com.
Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0 RC 2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120