23 Comments
- whalesalad, on 10/12/2007, -0/+13Web2.0 guys are really running out of names. Biscuit? wtf?
- miken32, on 10/12/2007, -0/+5I see [a href="#"] and I'm reminded of 1997. Come on, are there really people who don't know about unobtrusive Javascript yet?
How about this: http://phrogz.net/JS/Tabtastic/index.html Sorry no Ajax or biscuits there. Just accessible content, enhanced with CSS and Javascript.
Sure it's old, but it works! - ChadBurggraf, on 10/12/2007, -0/+4This is a perfect example of technology getting in the way of solving the actual problem.
You're focusing so much on the fact that you want it to be Ajax that you fail to realize that the thing isn't event usable. Refreshing the page in that kind of situation would be totally sensible; the user is prevented from performing other tasks while the tabs load anyway.
My advice: Get a usable work-flow up and running first. After that if you notice areas where the user should be able to perform another task while the server updates a data store or something then implement some Ajax. - richardiscool, on 10/12/2007, -1/+5Ah, that'll teach me for taking a glancing look... it's not PHP
- wallyson, on 10/12/2007, -0/+4Ready for how to do it, in all browers without having to purchase a thing!
Basic ajax tabs are easy to find (think => http://www.dynamicdrive.com)
then for a nice php based excel spreadsheet (like the one shown) type feel; simply go to:
http://openrico.org/
rico has a bunch of really nice ajax web 2.0 widgets/functionality gizmos to make your pages look sweet, including an accordion style menu, and there trademark livegrid.
it also uses scrupulous (haha), and the prototype.js include which is also very nice in creating anything ajax based.
get to the choppa! - tinkafoo, on 10/12/2007, -0/+3One thing's for sure, that striped background royally sucks. It flickers the hell out of my LCD monitor when scrolling.
- richardiscool, on 10/12/2007, -2/+4Eurgh, that guys PHP code makes me cry.
- D4r7h3v1l, on 10/12/2007, -0/+2I would tend to agree. For my site ( http://highring.com ), I just used some javascript, having the contents preloaded, and it has a similar effect (could be the same with a little design modification).
- rhyno2000, on 10/12/2007, -0/+2Bah.
THIS is the way to do AJAX tabs!
http://stilbuero.de/jquery/tabs/
Using the fantabulous jQuery, of course:
http://jquery.com - oceanmajk, on 10/12/2007, -0/+2funny... we've got a much nicer implementation of this on ebyte.com (launching within the next few weeks). It's a great way to display a lot of content on one page without having to hassle with going from page to page, but as pebble suggest above, if you don't have much to display, it's a lot faster and easier to just pre-load it and do a quick javascript switch of the content.
- scottc, on 10/12/2007, -0/+1never mind, I read that comment too fast
- inactive, on 10/12/2007, -2/+2A tad overkill, don't you think?
- pebble, on 10/12/2007, -2/+2Nice tutorial, but AJAX tabs seem to me to have limited practical value. If you're loading large sets of data into a tab, what's the point of using AJAX when reloading the page is probably nearly as quick and 100x easier to implement? And if you're loading small amounts of data, why not just have it pre-loaded?
This kind of thing makes a lot of sense if the tabs intersected with the same data (i.e. one tab updates the data and the second tab contains a report based on the data), but I can't see any logical arguments for implementing this besides the above or the mere coolness factor. - pablasso, on 10/12/2007, -0/+0thanks for the link, your solution is plain beautiful
- Drull, on 10/12/2007, -1/+1Ie 6 works fine.
- gaoshan, on 10/12/2007, -0/+0Ahhhh... a nice refreshing dose of constructive criticism. Good job tybris! Way to contribute to the conversation.
Maybe something like this would have been better: Using all of this code just to produce tabs is overkill. Check out miken32's link above for a much more reasonable way to do this. The ajax enabled table is nice, however. Though I'd say using some scriptaculous etc. based solution would be more efficient. - rhyno2000, on 10/12/2007, -1/+1Apples to oranges here.
Tabtastic cannot pull in content from external files. That's where the AJAX comes in. - megabassjosh, on 10/12/2007, -0/+0Not to mention that this technique is a poor excuse to break the back button. AJAX solely for the sake of AJAX is a bad idea.
- Chmarr, on 10/12/2007, -1/+0works in bash, too... don't need no steenkin php or python or perl or pruby
- stockjones, on 10/12/2007, -1/+0Works in IE just fine? Im on IE7 so maybe its 6? It is a tad overkill though, their are tons of methods to do this with javascript and layers.
- tybris, on 10/12/2007, -4/+1pathetic
- inactive, on 10/12/2007, -9/+3Too bad it doesn't work in IE.
There's a tweaked version of it available here that's compatible with IE
http://torsearch.com/search.aspx?q=bla


What is Digg?
Digg is coming to a city (and computer) near you! Check out all the details on our