Tab Pages

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
oldtimer
Forum Contributor
Posts: 204
Joined: Sun Nov 03, 2002 8:21 pm
Location: Washington State

Tab Pages

Post by oldtimer »

Anyone know a good place to look for a tutorial on how to build web pages where you have tabed interfaces/pages at the top.

For example if you looked at the internet options in IE how it has the tabs at the top. I am trying to figure out how to do this for a web design.

Key is I need to keep all information or changes while going from one tab to another and only one final apply. I am sure I can figure that part out just as soon as I figure out how to get the tabbed interface look.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Post by pickle »

That's a pretty simple thing to do (I think). Are you trying to do something like my website: http://www.dylananderson.ca ? If so, you can steal the CSS and just modify it to suit your needs.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Post by Ambush Commander »

I stumbled on this a while ago:

http://www.brainjar.com/css/tabs/

Great explanation.
oldtimer
Forum Contributor
Posts: 204
Joined: Sun Nov 03, 2002 8:21 pm
Location: Washington State

Post by oldtimer »

Ambush Commander wrote:I stumbled on this a while ago:

http://www.brainjar.com/css/tabs/

Great explanation.
Thank you. That is exactly what I was wanting.
User avatar
harrisonad
Forum Contributor
Posts: 288
Joined: Fri Oct 15, 2004 4:58 am
Location: Philippines
Contact:

Post by harrisonad »

creating a tabbed inteface is more challenging if you there's no need to load the page requested but rather, using css, hide and unhide each page, as fast as possible, loading all the pages at different DIV's for once. :twisted:
User avatar
Ambush Commander
DevNet Master
Posts: 3698
Joined: Mon Oct 25, 2004 9:29 pm
Location: New Jersey, US

Post by Ambush Commander »

Not really. It's just a little JavaScript editing CSS display property (even I can do it and I have no clue what I'm doing when it comes to JavaScript).
User avatar
nielsene
DevNet Resident
Posts: 1834
Joined: Fri Aug 16, 2002 8:57 am
Location: Watertown, MA

Post by nielsene »

I like this tutorial:
ALA's Sliding Doors &
Part II
Post Reply