hey thanks for the help.. its doesnt work , but im sure that im the idiot and i did worng can you please look at that url and check whats worng in my code?
http://www.oranuse.com/myhome/down.php thanks !:) amircx wrote: > > hey... i want to load content inside tab, and whille that to show > "loading" image... i saw the api and i dont success to do it > what i did worng in here? > > ?><link rel="stylesheet" href="<?=$rooturljs?>/tabs2/tabs.css" > type="text/css" media="print, projection, screen" /> > <!-- Additional IE/Win specific style sheet (Conditional Comments) > --> > <!--[if lte IE 7]> > <link rel="stylesheet" href="<?=$rooturljs?>/tabs2/tabs_ie.css" > type="text/css" media="projection, screen" /> > <![endif]--> > <script src="<?=$rooturljs?>/jquery-1.1.1.js" > type="text/javascript"></script> > <script src="<?=$rooturljs?>/history/jquery.history.pack.js" > type="text/javascript"></script> > <script src="<?=$rooturljs?>/tabs2/jquery.tabs.pack.js" > type="text/javascript"></script> > <script type="text/javascript">//<![CDATA[ > // Tabs - hide tabs before initialization to avoid flash of > content > // Add styles via JavaScript for graceful degradation... > document.write('<style type="text/css" media="projection, > screen">.fragment { display: none; }</style>'); > //]]></script> > > <style type="text/css" media="screen, projection"> > /* > just to make this demo look a bit better... > */ > * { > margin: 0; > padding: 0; > } > body { > padding: 10px; > line-height: 1.4; > font-size: 16px; /* @ EOMB */ > } > body * { > font-size: 87.5%; > font-family: "Trebuchet MS", Trebuchet, Verdana, > Helvetica, Arial, sans-serif; > } > body * * { > font-size: 100%; > } > h1 { > margin: 0 0 1em; > font-size: 143%; > } > h2 { > margin: 2em 0 1em; > } > h3 { > margin: 0 0 1em; > } > ul { > list-style: none; > } > p, pre { > margin: 1em 0 0; > } > code { > font-family: "Courier New", Courier, monospace; > } > div { > margin: 1.2em 0 0; > width: 50%; > } > div div { > margin: 0; > width: auto; > } > #container-10 div { > border: 1px solid #eaeaea; > background: transparent; > } > #container-10 div div { > border: 0; > } > #tested li { > display: inline; > } > #tested li:before { > content: ", "; > } > #tested li:first-child:before { > content: ""; > } > > > > </style> > <!-- Additional IE/Win specific style sheet (Conditional Comments) > --> > <!--[if lte IE 7]> > <style type="text/css" media="screen, projection"> > body { > font-size: 100%; /* resizable fonts */ > } > </style> > <![endif]--> > <script type="text/javascript">//<![CDATA[ > function createCallback(type) { > return function() { > alert('callback: ' + type); > } > } > > $(document).ready(function() { > > > $('#container-10').tabs({ remote: true, fxFade: true, > fxSpeed: 'fast', fxSlide: true, loadingClass: 'progress', spinner: > '/myhome/img/load1.gif'}); > > > > }); > //]]></script> > > </head> > > <body> <div id="container-10"> > <ul class="anchors"> > <li> tes1t.php Section 25 </li> > <li> tes2t.php Section 26 </li> > <li> test.php Section 27 </li> > </ul></div><div id='progress'></div> > </body> > </html> > > -- View this message in context: http://www.nabble.com/jquery-tabs-and-loader-div-tf3371416.html#a9391867 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
