Monday, May 22nd, 2006
DynamicDrive.com has provided yet another helpful script today in the form of this download – an “Ajax tabs content script”. The script makes it simple to grab content from extern files (in the same domain, of course) and pull them into a simple tabbed interface right there on the page.
We got our inspiration for this script from Yahoo’s new homepage, which employs such a concept to show news in an organized fashion.
As you can see, this Ajax Tabs Content script was designed to be much more than look pretty, but usable. FYI its CSS tabs interface is plucked directly from Shade Image Tabs Menu, which is easily swappable with another CSS menu of your choice. See how it all comes together like that?
They show an example of the script in action and give you complete details on how to implement it, including the download with all of the files (including sample pages and images) that you’ll need. The tutorial portion covers both the use of a single tab and multiple tabs on the page, depending on your needs.
Posted by Chris Cornutt at 7:43 am