jQuery has the easiest way to do what you need, first add this to the
header:

<!-- Lets add the jquery script first-->
<script language='JavaScript' src='jquery.js'></script>
<!-- And create the function to do this (assuming your div is like
<div id="content">):-->
<script type='text/javascript'>
                function getDiv(contentName) {
                        $("#content").html("<b>Loading content...</b>");
                        $("#content").load(contentName);
                }
</script>


Then in your body you can call the function like this:

<a href="javascript:getDiv('a.htm');">Content A </a>
<a href="javascript:getDiv('b.htm');">Content B </a>
<a href="javascript:getDiv('c.htm');">Content C </a>

and of course the div of the content:

<div id="content">
Click on a link to display text
</div>

cheers

On Jun 7, 11:58 am, Sharique <[EMAIL PROTECTED]> wrote:
> I have a 3 links on a page index.htm. Links are 'A', 'B' and 'C'. I
> have a div to display contents.
> I have 3 more pages a.htm, b.htm and c.htm.
> What I'm trying to do is :
> When i click A link a.htm content of a.htm will appear in div.
> When i click B link b.htm content of b.htm will appear in div.
> and soon. How I can do this?
> ----
> Sharique

Reply via email to