Below is the code I am using and the file contents:
Menu from where file is being loaded on being clicked:
<div class="menu_r"><a href="javascript:loadContent('html/
batala.htm')" title="Batala">Batala</a></div>
Include file and javascript:
<link href="css/tabs.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/tabs-ie.css" type="text/css"
media="projection, screen">
<![endif]-->
<script src="script/jquery-1.2.1.min.js" type="text/javascript" ></
script>
<script src="script/tabs.js" type="text/javascript" ></script>
<script type="text/javascript">
function loadContent(filename) {
$("#contentbox").load(""+filename+"");
$("#contentbox #citytabs ul").tabs();
}
</script>
Content place holder:
<div id="contentbox"></div>
Dynamically called file contents:
<div id="citytabs">
<ul>
<li><a href="#Introduction"><span>Introduction</span></
a></li>
<li><a href="#history"><span>history</span></a></li>
<li><a href="#location"><span>location</span></a></li>
<li><a
href="#festivals"><span>festivals</span></a></li>
<li><a
href="#personalities"><span>personalities</span></a></li>
<li><a
href="#tourism"><span>tourism</span></a></li>
</ul>
<DIV id="Introduction"><H2>Introduction</H2>
<P>One of the oldest towns in the province of...............
and so on... rest of the file.
Does this makes any sense?
Thanks Guys.
On Oct 12, 8:23 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> On 12 Okt., 14:47, sukhminder <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > Hi All,
>
> > I am loading an .html file using ajax and then trying to do: $
> > ('#tabholder > ul').tabs();
>
> > to apply tabbing but am unable to do it.
>
> > I am loading content is the div like: <div id="showcontent"></div>
>
> > and my .html file looks somewhat like:
>
> > <div id="citytabs" class="flora">
> > <ul>
> > <li><a href="tabcontent.htm" title="Tab
> > one"><span>One</span></a></li>
> > <li><a href="tabcontent2.htm" title="Tab
> > two"><span>Two</span></a></li>
> > <li><a href="ahah_3.html"><span>Three</span></a></li>
> > </ul> ............
> > </div>
>
> > How to get hold of the dynamic content and apply tab style ? ... any
> > help!!!
>
> > Thanks
> > Sukhminder
>
> Looks like you're using the wrong id to set up tabs: tabholder !=
> citytabs
>
> --Klaus- Hide quoted text -
>
> - Show quoted text -
