Solved

Hiding tabs pannels when a page is uploaded

Posted on 2009-07-10
2
155 Views
Last Modified: 2012-05-07
Hi!

I am trying to integrate a spry tabbed panels module on a webpage but when the page is loading, all panels are temporarily displayed. I'd like to hide non default panels until the tab is clicked or hovered upon. I tried preloading images but it didn't help. http://www.defense-update.com/homepage_spry.html with
0
Comment
Question by:tamireshel
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 125 total points
ID: 24829021
Hi tamireshel,

It's a flaw in the design of web pages when you see that.  The HTML loads first, then the javascript changes the CSS to hide all but the default panel.  If you have enough stuff in the panels, the delay on a slower connection will result in what you noticed.
0
 

Author Closing Comment

by:tamireshel
ID: 31602163
Thank you Jason1178. What do you recommend for the page I asked about? I tried preloading images. Should I also preload the javascripts? (js?) How?

Thanks - Tamireshel
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question