Solved

Hiding tabs pannels when a page is uploaded

Posted on 2009-07-10
2
152 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
Comment Utility
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
Comment Utility
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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Problem to detect 19 62
Image Checkboxes 1 60
XMLHttpRequest .status  = 404. File Upload not working 5 33
Ajax not working properly 2 74
Today I am discussing AJAX problems in IE7 and I bet this will helps many guys out here who have problems with AJAX work. Lets start with the discovery of problem and then we will talk about its different solutions. My last two projects included …
OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…

762 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

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now