Advanced Search

Results 1 to 9 of 9

Thread: Giant cursor div gets lost when scrollbar is used

  1. #1
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Giant cursor div gets lost when scrollbar is used

    The floating, mouse-following div containing the giant cursor in the page linked below works fine in FF but in IE6 it gets lost off to the right if one uses the scroll bar, not reappearing unless you scroll back to the top of the page. I haven't tested it in later versions if ie - let me know what it does.

    Can anyone fix this so the div will realign with the cursor in the above situation when the pointer is back over the page?

    http://www.netpositivesolutions.com/cursordemo.htm

    As a second issue, I would also like the image and or div to change to a pointing hand image -really big - when the cursor is over a link. I don't know if this can be done. Anyone up to it?

  2. #2
    Join Date
    Jan 2008
    Posts
    4,158
    Thanks
    28
    Thanked 623 Times in 619 Posts
    Blog Entries
    1

    Default

    If you gave me a big hand to do it with, I'd be happy to do issue #2.
    Jeremy | jfein.net

  3. #3
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Clap, Clap, Clap, Clap, Clap, Clap, Clap, Clap, Clap, Clap, Clap..... lol

    Thanks for your offer. Here's what i have:



    http://www.netpositivesolutions.com/...whitelarge.gif

  4. #4
    Join Date
    Jan 2008
    Posts
    4,158
    Thanks
    28
    Thanked 623 Times in 619 Posts
    Blog Entries
    1

  5. #5
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    It's there now. sorry, beat me to the upload....

  6. #6
    Join Date
    Jan 2008
    Posts
    4,158
    Thanks
    28
    Thanked 623 Times in 619 Posts
    Blog Entries
    1

    Default

    Well, there's 2 ways that I know of on how to do this, and 1 way that works, but its time consuming.
    You go in everysingle link and add:
    Code:
    onMouseOver="document.getElementById('divCursor').innerHTML='<img src=\'http://www.netpositivesolutions.com/cursorhandwhitelarge.gif\' />';
    onMouseOut="document.getElementById('divCursor').innerHTML='<img src=\'http://www.netpositivesolutions.com/curbigblack.gif\' />';
    Jeremy | jfein.net

  7. The Following User Says Thank You to Nile For This Useful Post:

    erjati (05-14-2008)

  8. #7
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default a better hand image

    needed
    Last edited by erjati; 05-14-2008 at 01:03 AM.

  9. #8
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    That would work, but I'm using Joomla and the links are generated dynamically from a database, not hard coded into the page. I can't even insert those lines into the db.

    You haven't mentioned the second way yet.

    I'm wondering if somehow css can be used. I have one application of hiding a div but not conditionally. it reads:

    div.idnameofdiv { display:none; }

    I thought if i have both cursor divs following the mouse, one invisible and the other showing, then when on any thing that uses the link signifier "a" the visibility would switch on the two divs. I know with css I can change the cursor when the mouse is over a link. The trick will be to make it change the visibility of the div as well. Unfortunately, cursors can't be much bigger than they already are. I tried a large custom made cursor and it was shrunk back down by the browser.

    Is there a way in a pagewide javascript to have one mouse-following div disappear when the pointer is over a link, at the same time making the other visible?

  10. #9
    Join Date
    May 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks, but where in the code do I put it? I tried a few spots and it didn't work. The giant cursor div still gets lost off to the right if i use the right scroll bar.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •