Link to home
Start Free TrialLog in
Avatar of birwin
birwinFlag for Canada

asked on

Hide HTML navigation bar for 20 seconds

I need a Javascript to hide an HTML navigation bar for about 20 seconds. I have found code to fade in an image or a single link, but nothing to handle a block of code.

I have a script for a training program. It creates a standard "Google like" Prev 1 2 3 4 5 Next navigation.
The HTML code has links and images (for the Prev and Next buttons). The page has several other Javascripts on it for the menu and a scroller.

The training is rewarded and the user's viewing of the pages is tracked. The pages use scrolling divs, so to read the page takes about 30 seconds. Some staff just quickly click the next button repeatedly, without taking the time to read the pages. I want to hide the navigation bar until they have taken the time to read the content.

The best solution would be if I could put the HTML in a container (div or span) and have that container fade in after x seconds. I am using PHP and Javascript.


ASKER CERTIFIED SOLUTION
Avatar of hernst42
hernst42
Flag of Germany image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of birwin

ASKER

Dear hernst42.

That was PERFECT. It does exactly what I wanted it to do with no messy onload event. It installed easily, even with a large block of code.

I love compact code. Your solution was tight and elegant. I can see why you are rated master.