white flash in menu bar when page loading - XSL - XML

#1 (**permalink**) 12-04-2008, 03:34 PM

Hi,
Not sure if I'm in the right area as I don't know if I'm using "Ajax" or not.
Maybe someone could point me to the right spot? All of a sudden my menu bar is
flashing white when a new page loads. The site is www.IS_CKATGOLF.NET (the
missing letter is a "U" ) It was working fine forever now when I click the menu
bar the last three tabs flash white as the page loads. Just for a second. I
also have an issue with two pages/tabs. (the tab marked "Instruction", and the
one under 'Ask the experts".."Barry Goldstein". The page loads below the header
as if there is an anchor, but there is none. Any help would be GREATLY
appreciated! I'll even send whoever can figure it out one of our IS_CKATGOLF
gift boxes. (worth $75 and would take one of your golfers Christmas presents
out of the way!) I have a backup of the site. Should I try to delete the spry
assets and put in the backup one? I've been doing this only about a year. So
I'm stuck. Thanks so much!

#2 (**permalink**) 12-04-2008, 04:41 PM

Hello Yankeestonk,

I'm currently in a hotel, so my internet connection really sucks so I couldn't
notice any flash and the whole page took like 5 min to load for me..

So I took a little peek at source and will give you some advice on that.
In the header of your page structure it this way:

<head>
<title>
<meta>
<style type's> (all your styles and conditional comment thingys)
<links> (than all your stylesheets)
and when you have all those in place.. start with your scripts
<script>
</head>

This way, your styles will get loaded before any heavy loading will take in
place.

I also see that you have the constructor of SpryMenubar at the bottom of the
page, I would suggest to place it directly under your menu.

I also see that you are currently using Spry 1.4. There a version 1.6.1
available on the http://labs.adobe.com/technologies/spry/

So i would suggest to upgrade that as well.

(didn't have time to check at your other page, but I hope this tips will
resolve some of those errors as well)

#3 (**permalink**) 12-04-2008, 04:41 PM

Hi Arnout,
Thanks so much for checking it out. Unfortunatley I've been doing this about a
year, and the above is way out of my realm of expertise! ;0(

To use spry 1.6.1 , what would that entail? Is that just something I copy and
paste or is that deleting the whole menu bar and starting over? I'll check it
out to see if they give any tutorials at your link.

Do you have any idea why this would start happening out of the blue? It's been
formatted like this for 8 months or more with no issues. The two pages that
"jump" to the middle as if there was an anchor never did this before. One is
pretty long, and one is very short.

Is there anything you can think of that I might have inadvertantly changed
somewhere to start this problem? The only thing I did change in the main
template was to add the LLC in the footer about 3 days ago. Other than that
it's just been adding content.

Lastly, is it possible this is being caused by an update download from
Microsoft for internet explorer 7 ? It seems some people see it and some don't.

I greatly appreciate your help. Too bad your not on your regular computer!
Thanks,
ken

#4 (**permalink**) 12-05-2008, 09:18 PM

Well I have no clue how your template system looks like and how you edit pages,
I just told you my findings based on a quick check of your source code.

It just seems to me that your constructer of your is placed in your footer
file or at the bottom of your content template, so if you keep adding more
content to the site, the page needs to load more content before it reaches your
menu bar constructor.. Especially Images take a while to load.

I haven't test your page in IE7 yet as I work and code on my macbook I would
have to check it out at work. As I got a windows machine there.

About updating there a couple of ways to do it.

1 copy paste the new source to the old source javascript
and update the css file, and than change the old colors back to its positions.

or to... download the Spry Updater file (can be found on labs.adobe.com)
and run the updater. This will update site, and uses the latest version..

But this will move your old css file to a backup directory.. so again.. You
would have to reapply styling again.