links opening in same div, instead of using iframe (CSS)

[sirichmond]

Afternoon all,

Is this possible, a list of links and when you click one it opens the relvant info in a div on the same page. Like using iframes but using CSS. Any help appreciated.

Hope I have made this make sense.

Cheers
Simon

 

[gord]

Like this: http://css-tricks.com/functional-css-tabs-revisited/

 

[sirichmond]

http://www.shinehairsalon.net/ATGNI/team.html

This is the layout I need to work with, links down left hand side and content to appear on the right. Its rough in nature at mo

 

[gord]

That's fine, what I linked is still applicable, just drop the float from the tab class and use the left attribute on the content class to move the content panes inwards.

 

[sadbuttrue]

Place at top of site:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Place at bottom of site:

<script>
$("#teamnames a").click(function(e){
    e.preventDefault();
    $("#teamcontent").load(this.href);
});
</script>

Each link will contain the url in its href, ie:

	<a href="link1.html">Link 1</a><br />

You are of course limited to files on your own server due to ajax security.