$20 to whoever can get my tabber.js to stop flashing

It lags behind on teh page load, you can see the problem here imwritingsports dot com

I just want to be able to copy and paste it back in and have it work, whoever can do this first, gets paid. I need this quick, not now, but right now, that's why the money is involvled. I know there is supposedly some easy fixes out there, but I don't understand java, and all the sites fail to spell it out for me, which is waht I need. They say add a hideme script and stuff, which I don't understand at all. So whoever gets this done, the fastest and functional, get's the money. just pm your paypal on completion, I'll try the code, if it works, tada easy 20.

 

http://www.barelyfitz.com/blog/archives/2006/03/09/232/

little hint, I was told this was the fix... I don't know if it is or isn't but it might help

 

no one knows how to do this?

 

can't see the problem
can you give more details?

 

Yeah, I don't see it either. Does that mean I fixed it? Can I have my $20?

 

Do you have some code or a link?

 

http://forums.digitalpoint.com/showthread.php?t=696716

all the information is in there, see when you load the page how it expands, then contracts... there are ways to hide it, in other words, make the code trigger on page load, instead of after the page loads

 

Sorry, it looks fine to me, and if I can't see anything wrong I can't fix it.

 

when you load the page, all three tabs load at teh same time, go to the bottom of the page and hit reload, you will see what I mean. they all load, and then contract into their respecitve tabs. Forget about what you see and what you don't, is there away to prevent a tab from loading until it clicks on, or to load before the page is finished? All Java scripts wait to load until the css is loaded.

 

Go to the link provided in the first post and you will see an example with a solution., that's why I provided it

 

find div with class="hptabber", change it tho this:
<div class="hptabber" id="tabsContainer" style="display:none;">

in the end of document right after the </body> add this code
<script>
var tabsContainer = document.getElementById('tabsContainer');
if(tabsContainer){
tabsContainer.style.display='block';
}
</script>

 

http://stilbuero.de/jquery/tabs_3/

Take a look at the AJAX tabs or whichever suits your needs.

 

I can see this effect only on FireFox but I'm not going to trawl through third-party code. If all else fails, I think a viable solution would be to hide the content until the page loads, meanwhile displaying a 'loading...' message.

Anywhere Outside your 'wrap' div create a div like this:

<div id='loadMsg' style="display:none">Loading...</div>

You can add further styling but don't change the ID.

This is my page preloader, which you add below the 'wrap' div (not inside it) and later than any other scripts. It will hide the content until either the page is fully loaded, or 4 seconds have elapsed. You can adjust this period at the bottom.

<script type='text/javascript'>

(function(a0,a1) 
{
 /*28432953637269707465726C617476652E636F6D*/  
 document.getElementById(a0).style.display='block';
 document.getElementById(a1).style.display='none';

 setTimeout( (function(a,b)
 {
  var prefix=window.attachEvent?'on':'';

  eventAdd=prefix?window.attachEvent:window.addEventListener;
  var  a=arguments[0], b=arguments[1];

  var showContent=function()
  {
   var A=a, B=b;
   document.getElementById(A).style.display='none';
   document.getElementById(B).style.display='block';
  }

  eventAdd(prefix+'load', showContent, false);

  return showContent;

 }(arguments[0],arguments[1])), arguments[2]);

}('loadMsg','wrap', 4000));

</script>

Code (markup):