style.cursor on IE

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • datvong@gmail.com
    #1

    style.cursor on IE

    IE does not change the cursor immediately after a style.cursor is
    set. In the following sample, I have 2 divs, one inside another. The
    inner has a cursor of crosshair, outer a hand.
    If I click on the inner div, causing it to disappear, the mouse would
    be over the outer div, but the cursor is still a crosshair. The
    cursor will change to the correct cursor when I move the mouse.

    <div style='cursor:h and;width:300;h eight:300'>
    <div id='inner' style='cursor:c rosshair;width: 300;height:50'
    onclick="this.s tyle.display='n one'">
    Click to make this div disappear
    </div>
    </div>


    Is there any way to force the cursor to change? On work-around is
    doing a resizeBy(-1,0); resizeBy(1,0), but that is impractical for my
    application.


    Thansk,
    Dat.
    Tags: None
    • datvong@gmail.com
      #2
      Re: style.cursor on IE

      On Oct 27, 3:45 pm, "datv...@gmail. com" <datv...@gmail. comwrote:
      IE does not change the cursor immediately after a style.cursor is
      set.  In the following sample, I have 2 divs, one inside another.  The
      inner has a cursor of crosshair, outer a hand.
      If I click on the inner div, causing it to disappear, the mouse would
      be over the outer div, but the cursor is still a crosshair.  The
      cursor will change to the correct cursor when I move the mouse.
      >
      <div style='cursor:h and;width:300;h eight:300'>
         <div id='inner' style='cursor:c rosshair;width: 300;height:50'
      onclick="this.s tyle.display='n one'">
          Click to make this div disappear
         </div>
      </div>
      >
      Is there any way to force the cursor to change?  On work-around is
      doing a resizeBy(-1,0); resizeBy(1,0), but that is impractical for my
      application.
      >
      Thansk,
      Dat.
      resizeBy also does not work if there are multiple tabs in IE.
      and an access exception occurs if the mouse is down.

        Comment

        • David Mark
          #3
          Re: style.cursor on IE

          On Oct 27, 6:45 pm, "datv...@gmail. com" <datv...@gmail. comwrote:
          IE does not change the cursor immediately after a style.cursor is
          set.  In the following sample, I have 2 divs, one inside another.  The
          inner has a cursor of crosshair, outer a hand.
          If I click on the inner div, causing it to disappear, the mouse would
          be over the outer div, but the cursor is still a crosshair.  The
          cursor will change to the correct cursor when I move the mouse.
          >
          <div style='cursor:h and;width:300;h eight:300'>
          The "hand" style is not standard. Use it only as a fallback for
          "pointer." And 300 what?
             <div id='inner' style='cursor:c rosshair;width: 300;height:50'
          onclick="this.s tyle.display='n one'">
              Click to make this div disappear
             </div>
          </div>
          >
          Is there any way to force the cursor to change?  On work-around is
          Only hacks. I wouldn't worry about it.
          doing a resizeBy(-1,0); resizeBy(1,0), but that is impractical for my
          application.
          Or any application.

            Comment

            • datvong@gmail.com
              #4
              Re: style.cursor on IE

              Donale Anadell wrote this in the microsoft.inter netexplorer forum...

              >You might try making the following change to your "onclick" event:
              >>
              >onclick="this. style.display=' none';this.styl e.cursor='hand' ">
              >>
              >Good luck,
              >>
              >Donald Anadell

              I tried it and it inexplicably works!


              On Oct 28, 1:49 pm, "datv...@gmail. com" <datv...@gmail. comwrote:
              On Oct 27, 3:45 pm, "datv...@gmail. com" <datv...@gmail. comwrote:
              >
              >
              >
              IE does not change the cursor immediately after a style.cursor is
              set.  In the following sample, I have 2 divs, one inside another.  The
              inner has a cursor of crosshair, outer a hand.
              If I click on the inner div, causing it to disappear, the mouse would
              be over the outer div, but the cursor is still a crosshair.  The
              cursor will change to the correct cursor when I move the mouse.
              >
              <div style='cursor:h and;width:300;h eight:300'>
                 <div id='inner' style='cursor:c rosshair;width: 300;height:50'
              onclick="this.s tyle.display='n one'">
                  Click to make this div disappear
                 </div>
              </div>
              >
              Is there any way to force the cursor to change?  On work-around is
              doing a resizeBy(-1,0); resizeBy(1,0), but that is impractical for my
              application.
              >
              Thansk,
              Dat.
              >
              resizeBy also does not work if there are multiple tabs in IE.
              and an access exception occurs if the mouse is down.

                Comment

                • David Mark
                  #5
                  Re: style.cursor on IE

                  On Oct 28, 7:17 pm, "datv...@gmail. com" <datv...@gmail. comwrote:
                  Donale Anadell wrote this in the microsoft.inter netexplorer forum...
                  >
                  You might try making the following change to your "onclick" event:
                  >
                  onclick="this.s tyle.display='n one';this.style .cursor='hand'" >
                  >
                  Good luck,
                  >
                  Donald Anadell
                  >
                  I tried it and it inexplicably works!
                  >
                  It isn't hard to explain at all if you think about it. IE was
                  momentarily showing the cursor for the wrong element. You changed
                  that cursor. Unfortunately, you changed it to "hand."

                    Comment

                    Previous template Next
                    Working...