Ajax Talk - Asynchronous javascript and xml discussion board
 FAQ   Search    Usergroups      Register   Profile   Check your messages   Log in 
Signup now to enjoy a range of free membership advantages !!
Ajax Talk - Moderators Wanted
loading like this ! ( important)

Post new topic   Reply to topic    Ajaxtalk.com Forum Index -> AJAX Help
View previous topic :: View next topic  
Author Message
New one
New one

Joined: 29 Aug 2006
Posts: 2

PostPosted: Fri Sep 15, 2006 3:29 pm    Post subject: loading like this ! ( important) Reply with quote

i want to design loading like this site :
how can i do it ? plz help me i relly want to know ... Question
Back to top
View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger
Forum Assistant
Forum Assistant

Joined: 20 Jun 2006
Posts: 87
Location: Zurich

PostPosted: Mon Oct 02, 2006 11:16 pm    Post subject: Reply with quote

A quick glimpse at the source code of the page tells me that this might be what you are looking for:
<script type="text/javascript">
   with (document.getElementById('shadow_layer').style) {
      var shadow_layer_timer = setInterval(function () {
         document.getElementById('preload_layer').style.top = document.documentElement.scrollTop + 'px';
         width = document.documentElement.scrollWidth + 'px';
         height = document.documentElement.scrollHeight + 'px';
         left = document.body.offsetLeft + 'px';
      }, 50);
        if (typeof(filter) != 'undefined') {
           filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadow.png,sizingMethod='scale')";
         document.styleSheets[0].addRule('img.trans', 'behavior: url("images\/pngbehavior.htc");');
         document.styleSheets[0].addRule('.trans img', 'behavior: url("images\/pngbehavior.htc");');
        } else {
           backgroundImage = 'url(images/shadow.png)';

Closes the loading message after loading:
<script type="text/javascript">
var htmlLoaded = false;
function checkLoadComplete(){
    if (typeof(loadComplete) == 'undefined') setTimeout(checkLoadComplete, 100);
    else loadComplete();
<body dir="rtl" onload="checkLoadComplete();">

The layer that contains the wait message:
<div id="preload_layer" style="z-index:998; position:absolute; top:0px; left:0px; height:100%; width:100%;">
<table cellpadding="0" cellspacing="0" dir="ltr" style="height: 100%; width: 100%;">
<td align="center">
   <div id="modal_layer">
   <table cellpadding="0" cellspacing="0" style="font-family:tahoma; font-size:11px; font-size:11px">
      <td><img alt="" width="6" src="templates/default/images/preload/preloading_left.png" /></td>
      <td style="padding:0px 10px 0px 10px;background-image: url(templates/default/images/preload/preloading_mid.png)"><img alt="" src="templates/default/images/indicator.gif" /></td>
      <td align="left" style="padding-right:10px; background-image: url(templates/default/images/preload/preloading_mid.png)"><span style="font-weight:bold" id="loading_msg">Loading<br /></span>Please wait . . .</td>

      <td><img alt="" width="6" src="templates/default/images/preload/preloading_right.png" /></td>

Hope this helps ^^


P.S.: Sorry for this late response.
[::[ Snyke.net ]::]
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    Ajaxtalk.com Forum Index -> AJAX Help All times are GMT
Page 1 of 1

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
 XML & Copyright Notice 

Powered by phpBB © 2001, 2005 phpBB Group

What is according to Wikipedia: Ajax Web2.0 XML E4X

Link to our site:


del.icio.us digg spurl wists simpy newsvine blinklist furl blogmarks yahoo! myweb smarking ma.gnolia segnalo reddit fark technorati cosmos

Normal Bookmark

Partner Button Links:
Codecrunch.com: Webmaster Tutorials    One Ajax

Partner Text Links:
quomon | web20log | ajaxmatters | tableless | 456bereastreet | music charts | gift ideas | competitions | free xbox 360 | link trade ?

it consultancy & project management lead generation zoekmachine optimalisatie steal these buttons seo expert