Thankssssssssss! I used this for test =D
<html> <head> <title>My page</title> <style type='text/css'> #content { display: none } #loading { background-color: #000066; color: #FFFFFF; display: block; font-family: Verdana, Helvetica, sans-serif; font-size: 0.95em; font-weight: bold; padding: 3px 3px; width: 200px; } </style> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready( function() { $("#loading").hide(); $("#content").show(); }); </script> </head> <body> <div id="loading">Loading...</div> <div id="content"> .. content here <? for($i=0;$i<100000;$i++){ echo $i." ushohdoy3809yh!<br />"; } ?> </div> </body> </html> On 5/25/07, Sam Collett <[EMAIL PROTECTED]> wrote:
How about: <html> <head> <title>My page</title> <script type="text/javascript"> document.write("<style type='text/css'>#content { display: none } #loading { display: block } <\/style>"); $( function() { $("#loading").hide(); $("#content").show(); }); </script> </head> <body> <div id="loading">Loading...</div> <div id="content"> .. content here </div> </body> </html> On May 24, 7:45 pm, "Jean Nascimento" <[EMAIL PROTECTED]> wrote: > I´ve tried add some code before the $(document).ready but its dont > work, so i wanna know how the best way to show some Loading div before > all docuemnt be ready? > > -- > > []´s Jeanwww.suissa.info > > Ethereal Agencywww.etherealagency.com
-- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com