UBB.Developers Forums Community Development Programming HTML, CSS, and JavaScript Experiments in tab-ular design

http://solareclipse.net/

Whipped this up tonight. It's based on the general table-as-tabs concept that the 6.6+ control panel uses, though with a few giant implementation differences.

First, view the HTML for the tabs. Just ids and a few classes. That's it. No onclicks, no nested anchors.

All the behavior for the tabs and the styles are added when the page loads.

The main advantage with this approach is that it's very easy to add a new tab - just two new cells with the right ids.

The 800 pound gorilla of DHTML has free reign in the 6.6 control panel. Because everything's generated by a script, there was never any need to keep the code light and agile.

Feel free to examine the code and implement something similar. Post here with questions/comments.

Very nice... so clean and simple. Great stuff CC!

Thanks.

For comparison's sake, I've updated the Etc tab to include links to the past five Solareclipse designs.

I like it too.. works well I like seeing the design change over the years... there's some scary stuff in my way-back machine

That has plenty of uses CC. I'm actually tying to figure out a way that i would be able to use it...

You already know how it inspired me, Charles. Just how every solareclipse splash page does.

I've always been fascinated by your work though. Ever since I first visited Flare and pleh.net a couple of years ago, I knew whatever you did would never be paralleled.

Brilliant job.