« Firebug, The Future of Javascript debugging with Firefox | Main | Cenzic Further Strengthens Its Security Assessment Solutions by Extending Support for AJAX Applications »

Ajax Tabs Content script

Ajax Tabs Content script is a DHTML tab content script that combines Ajax and CSS to let you display a selection of external content on the page, inside a DIV and via CSS tabs. For each tab, you can also dynamically load external .css and .js files associated with the external page if desired. The script is very simple and could be easily integrated and personalized. Fully unobtrusive, search engine friendly, the tabs are simply list based links. For search engines or browsers with JavaScript disabled, the contents will just load as actual pages (instead of inline via Ajax). Demo and download are available on the Ajax Tabs's page.

http://ajax.phpmagazine.net/upload/2006/05/ajax-tabs-thumb.png

If you are interested to personalize the script or looking for a great CSS resources, you have to check the new Dynamic Drive CSS Library. A collection of CSS codes and examples such as CSS menus, breadcrumbs, image galleries to enhance a site visually. Thanks John !

Bookmark this article at these sites
Comments
1

scripts loads the tab content every time new.
caching the content once loaded in an hidden div
ist much better.

2

Ok foo,
but what if you have dynamic content, that its fully different every time, its benefits not for static html. :)

3

Regarding caching the requested external files, there is a variable inside the script (ajaxtabs.js) that enables this:

var bustcachevar=1 //set it to 0 to cache files

4

Ok...
this works great but I have two problems.

1. How do you load xml content that has an xsl transformation?

2. I tried putting a link into one of the dynamic pages (i.e. "external.htm"). However, it does not load into the content div. What modifications do you have to make to the code to make that happen.

5

Ok...
this works great but I have two problems.

1. How do you load xml content that has an xsl transformation?

2. I tried putting a link into one of the dynamic pages (i.e. "external.htm"). However, it does not load into the content div. What modifications do you have to make to the code to make that happen.

6

for more info on ajax tabs check out http://www.searchjerk.com

7

Ok, I'm a newby to the world of scripting and design. I am putting together a coldfusion page in Dreamweaver, and I want to use the tab content script for my page. How do I implement the tab content script onto the page? Should I simply do a cfinclude after I have saved the files in my root folder? Or are there more complex steps that I have to take?

"G"

8

I apologize for not having a demo public, but here is my question. On my Tab 1 I have an Iframe pull content with links. If someone clicks a link in that frame it loads perfectly. But, if I go to tab 2 and then back to tab 1, I want the page on tab 1 to go back to where it was previously, not reset to the original page. Any help?

Post a comment





(Email will remain hidden)





Please enter the security code you see here




Related entries
Email to a friend
Email this article to:


Your email address:


Message (optional):