Switching Tabs

Hi. I am completely new to Ajax, and only know what it is. I have a little problem. I need to make a site, which will have 3 tabs. I need to be able to switch those tabs using ajax, but I have no clue how to do it. Can anyone help me? I attached an image showing what it would look like.

In each tab, there will be text links.

If anyone can help me, i would really appreciate it.

 

You can do it with AJAX, but I don't recommend because that way is not SEO friendly (Search Engines will not see your links)
But AJAX is not the only way, you can do it too using dynamic HTML only.
A way is with CSS + DOM functions to hide/display your three panels (or positioned DIVs).
Search engines can see your links because the content for three panels are there, you're only hidding 2 of 3 panels everytime.

 

Oh, really? I didn't know that. I definately need it to be SEO friendly. But what's dom? I have never heard of it before?

 

You can use the script explained on this page: Tab Content Script (v 2.0)

Check with "Demos" if it's what are you looking for.

BTW: DOM stands for Document Object Model, and is a way to refer to XML or HTML elements as objects. Look here for more info about DOM

 

THat seems to be exactly what I need, but it doesn't seem to work in a Wordpress post. Any ideas?

 

I need somethign like this that i can put inside of the post of wordpress. I only need it on the front page, and not anywhere else, so unless there is a way to make it appear only on the home page, I will need something else. Any idea?

 

Take a look at this page: http://www.usingjavascript.com/scripts/tabmenu.html
Has a lot of different solutions, probably some works for you.