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#a9381472
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
