Solved

Hiding tabs pannels when a page is uploaded

Posted on 2009-07-10
2
154 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…
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…

770 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