[tutorial] Displaying tabbed items with javascript

Source: Myself written it.

Hey, have you ever been to a site like *www.rediff.com ? Did you observe the how you can display different items by clicking on the tabs? (see below illustrations)

Illustration 1: Clicking on 'Business' will display all the headlines

*i219.photobucket.com/albums/cc14/RohanShenoyThane/rediff3.jpg

Illustration 2: Clicking on 'news' will display news items

*i219.photobucket.com/albums/cc14/RohanShenoyThane/rediff2.jpg

Illustration 3: Clicking on 'Headlines' will display business items

*i219.photobucket.com/albums/cc14/RohanShenoyThane/rediff1.jpg

Want to have that on your site ? Download the HTML file linked below and follow the instructions in it. Format the elements as per your needs.

See the script in action and also download the source at *javascript.biologyformhtcet.com/display_tabbed_items.html

^ nice, will try

was looking for something like that.
will surely try.

T

Good work

Good one.Javascript is powerful for these things.

I was looking for something like that for my website too. Thanx !

Thanks mate!!

A

realy cook thanks

thats a nice one

HEy, guyz thanks for replies. Do use it if you need, and do acknowledge me and by blog(*www.rohanshenoy.blogspot.com) in the source.

Thread should be in Programming section perhaps. Not that HTML is a Programming language, but JS is :))

QwertyManiac said:
Thread should be in Programming section perhaps. Not that HTML is a Programming language, but JS is

Ya, i realize now that its in wrong section.Sorry, I had not realized earlier due to excitement

But I still prefer it remains here in Tutorial section.
Plz!

I have used this type of thing from dynamicdrive.com lemme check yours

kushagra_krates@yahoo.com said:
I have used this type of thing from dynamicdrive.com lemme check yours

yeah sure!

good one that one is from ajax and this one is from javasript
instead of using button i prefer image button to make it more attractive and make the table border 0 to make it look a little more good

by the way good work

rohan_shenoy said:
Format the elements as per your needs.

kushagra_krates@yahoo.com said:
good one that one is from ajax and this one is from javasript
instead of using button i prefer image button to make it more attractive and make the table border 0 to make it look a little more good

by the way good work