Hi,
I want to make tabs to show different parts of videos. For example...

Part 1 Part 2 Part 3

Each part would be clickable and when clicked it should show a little video.

I have tried this using the css tutorial on some website but I make the tabs but nothing happens when you click on them. I think javascript would be much easier to handle this.

Another thing is that I am potentially going to use this method for creating loads of tabs (repeat proccess). So I don't want to make a new piece of code every time.

So can anyone give me any javascript to create tabs. (Obviously I can use css to style them, right?)

The code must be strictly javascript, css or html (PHP or any other scripting is supported by my host)

Thank You.

You should consider using one of the many good JS libraries that provide tabs. I like ext-js. But jquery-ui will also have tabs, as will dojo, etc.

There's really no reason to do this yourself, when there's such a wealth of libraries available.

thanks for the info but i really like the satisfaction of dong something myself (if possible).

All you would need to do is write the markup in css and xhtml. Then, underneath the tabs, have a div layer which is the 'container' or area for the videos to load up. Assign the layer an ID like 'videoContainer' or something like that.

Finally, for each tab, you can assign an 'onclick' event that will run an ajax function to load up the specified video/content based on the parameter you pass it.

Personally, although I do use the Jquery library, I never use the tab libraries, as I prefer to build them myself. I have a few techniques and have gotten very fast at it. The first thing I do is put a class called "inviz" on every div that is an invisible tab. All "inviz" does is make the position absolute, and the left -9999px; By removing the class on one item at a time, the div will instantly snap back, and there will be no flicker, if there are images in it, as it has been positioned off screen, which allows it to preload.

I also build my own modal popups (lightbox style). I know, I am weird.

thanks but can you show me an example?

Here are 33 different tab scripts. You should be able to find one you can use.

thank you so much, virtuosimedia, that will do!