Solved

Hiding tabs pannels when a page is uploaded

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
AJAX to call a method 3 55
Ajax Return 6 58
Can JavaScript be used in a PDF? 5 81
ajax form sumbit 3 55
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
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…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

932 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

11 Experts available now in Live!

Get 1:1 Help Now