CSS Tabs for Beginners Support Product Page

This topic was archived

make the content change

Asked 28 Feb 2006 09:35:12
1
has this question
28 Feb 2006 09:35:12 Anton Sutterlueti posted:
could you add the code so the content changes when i click the item 1 | item 2 | item 3

so it shows Here content 1 | Here Content 2 | Here Content 3

i think i can figure out the rest from there...

Anton

p.s. thanks for this article really great <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

Replies

Replied 02 Mar 2006 00:56:59
02 Mar 2006 00:56:59 Matt Machell replied:
Hi Anton,

what do you mean by content change?

If you replace the # addresses with real page names, and then on each page change which list element is set to active, then the active tab will change when you move pages.

Or were you thinking of something more complex?

-Matt

DMX Zone Premium Content Author
Replied 02 Mar 2006 01:38:24
02 Mar 2006 01:38:24 Anton Sutterlueti replied:
ok thats one solution

i was thinking more along the lines where when i click the link the page doesnt refresh is that possible.

p.s. how would i set a tab active when i go to a diffrent page...
Replied 05 Mar 2006 00:15:33
05 Mar 2006 00:15:33 Matt Machell replied:
Yes it's possible without a page refresh. Say you have four tabs. You could have four divs for content, three hidden via a CSS class with display:none in , one visible by not having that class. Then set the links to call a javascript that hides all the content divs but the one your link refered to. The normal caveats about making the page degrade gracefully if JS isn't available apply.

For changing the active tab, just change which list item has the #active id in the code for the new page (you couldn't just have one library item for the menu).

-Matt

DMX Zone Premium Content Author
Replied 08 Mar 2006 09:09:52
08 Mar 2006 09:09:52 Anton Sutterlueti replied:
thanks for the info, would it be possible you code an example, so i can take it appart and look at it.

Anton
Replied 18 Mar 2006 04:07:07
18 Mar 2006 04:07:07 Anton Sutterlueti replied:
hey there, i dont know if you got my message before, you could you show me a example i can figure it out from there....

Reply to this topic