Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    towards seamless "previous" and "next" navigation

    Hi all,

    Having done my darndest to find some solution to what I see as a bump in the css road, I refer you to the following:

    http://we04.com/gallery/index.cfm?StartRow=81

    In Mozilla 5 (Firefox 1.5 in my case), if you click on, for instance, the "previous" link, a new page will load rather quickly, with the "previous" and "next" links ending up in the same place as the previous page. If you have not moved the mouse during the page load, the link ends up under the pointer. Well, assuming you still have not moved the mouse, no mouse event has triggered the hover property on the freshly loaded link. Until you move the mouse by a pixel or more, of course. Then all is well with the world again. In IE6, once the page is fully loaded, the hover properties will replace the default appearance without assistance from a user initiated mouse event.

    Is there a workaround, either in javascript or some css trick that will give a more seamless visual cue?

  • #2
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    any thoughts?

    I don't know if the lack of response is because what I'm looking to accomplish is not clear, or we are all truly stumped. Is there any way I can help stimulate discussion?

  • #3
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    You might try window.scrollBy(0,20); window.scrollBy(0,-20);

    But that would be kind of annoying I think...

  • #4
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, JKD.

    I gave your solution a shot. The difficulty with using window.scrollBy is that it will only scroll if there is real estate to scroll. Am I correct? When I shortened the browser window to force right scrollbars, "window.scrollBy(0, 20)" associated with an onLoad event in the body tag worked. However, when the window was maximized and all elements were showing (therefore, no right scrollbar), it did not scroll by 20 pixels.

  • #5
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Upon second thought, 20px is quite a lot. Maybe even just using 1px would trigger the hover state.


  •  

    Posting Permissions

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