page load indicator

[pixelsoul]

I have been trying to figure out a way to have an indicator that shows when you go to a page on a web site that takes a little longer to load then other pages because of a script that is being executed or something else.

I have found a lot of different ideas for using Java Script to do this but none of them really seemed that simple or were a little buggy.

Does anyone have any recommendations on what I might use that works well? I don't have a lot of experience with Java Script so that is a small set back for me.

Thanks for any help provided.

[bpat1434]

On every page, call a <div> element to show the loading thing.... then when the page is finally rendered, go ahead and send another call to that same function that shows the function, and hide it.

function showLoading(state) {
  if (state == true) {
    document.getElementById('loader').style.visibility = visible;
  }
  else {
    document.getElementById('loader').style.visiblity = hidden;
  }
}

window.onload = function() {
  showLoading(true);

  /* Do some other stuff in here... the long part... */

  showLoading(false);
}

Of course, that's a very simplifed answer.... and it works cross-browser/platform since it's a w3c style code....

[pixelsoul]

thanks alot,

I will try this and see how it works for me. Exacltly what I was trying to do.