[tutorial] Displaying tabbed items with javascript

[victor_rambo]

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

 

[Gigacore]

^ nice, will try

 

[sachin_kothari]

was looking for something like that.
will surely try.

 

[ThinkFree]

Good work

 

[gaurav_indian]

Good one.Javascript is powerful for these things.

 

[Lucky_star]

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

 

[blackpearl]

Thanks mate!!

 

[almighty]

realy cook thanks

 

[Faun]

thats a nice one

 

[victor_rambo]

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.

 

[QwertyManiac]

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

 

[victor_rambo]

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!

 

[krates]

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

 

[victor_rambo]

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

yeah sure!

 

[krates]

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

 

[victor_rambo]

Format the elements as per your needs.

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