Web Design Forum: Single-page Tab Switches - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Single-page Tab Switches I'm looking for a way to incorporate a frame-like content...

#1 User is offline   Warmics 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 12
  • Joined: 03-March 09
  • Reputation: 0
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 03 March 2009 - 05:22 AM

Hello,

I'm not sure how to explain this so I'll take my time.

Let's suppose I have a web page where I want to display news of three different categories. Let's say; sports, concerts and music. The news would be presented inside a 'box'. This 'box' would have three tabs; one for each category mentioned. I want the box to display one category at a time, so the user needs only to click one of the tabs to see the 'box' display the appropriate news.

I want only the box to refresh, so the rest of the page stays the same. Is there a way to do this without frames, flash or javascript?

Here's an example:

Attached File  Tabbed_Box.gif (12.82K)
Number of downloads: 0

Thanks in advance.
0

#2 User is offline   JohnNerush 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 55
  • Joined: 25-February 09
  • Reputation: 0
  • Location:Milton Keynes
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 03 March 2009 - 06:38 AM

Well you have a few choices, i would go for one of the following:

JQuery (or other js framework) ajax requests: NETTUTS- how-to-create-a-slick-tabbed-content-area

Using a simple javascript show/hide div script that changes the style of the dive to show and hide.

Using a pre made javascript like above with some nicer features: Dynamic Driver - animated slide

I would go for number one
0

#3 User is offline   Warmics 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 12
  • Joined: 03-March 09
  • Reputation: 0
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 27 June 2009 - 07:50 PM

View PostJohnNerush, on Mar 3 2009, 21:38, said:

Well you have a few choices, i would go for one of the following:

JQuery (or other js framework) ajax requests: NETTUTS- how-to-create-a-slick-tabbed-content-area



That's it! Thanks!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users