Ajax Tabs Content Script

Category: JavaScript - Miscellaneous

This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more. Features: - Fetch and display an external page (from the same domain) inside a container when a tab is clicked on via Ajax. - Apart from Ajax, an external page can also be fetched and displayed via the IFRAME element instead. This is useful for external pages that either contain JavaScript/ CSS code that doesn't run properly when fetched via Ajax, or the page is from an outside domain. - Add a "default" content inside the container to either be shown while no tabs are selected, or to be associated with a specific tab. The default content is added inline on the page and not fetched via Ajax, to avoid unnecessary fetching of external pages. - Supports session only persistence, so the last tab user clicked on is remembered if he/she returns to the page within the same browser session. - Supports auto mode, in which script automatically cycles through and selects each tab periodically until a tab is explicitly selected. - Ability to also expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted. - Ability to dynamically select a tab either based on its position within its peers, or its ID attribute. - Ability to directly load a different external page into the content container, either via Ajax or IFRAME. - Ability to set where the CSS class "selected" get assigned when a tab is clicked on- either on the tab link itself (its "a" element), or its parent instead (ie: "li" element). This makes the script adaptable to both CSS Tabs that are styled at the "A" level itself, or its parent container instead. - Supports nested Ajax Tabs! In other words, you can have an external page fetched via Ajax contain in itself Ajax Tabs that show their own contents when clicked on as well. This is made possible using the "onajaxpageload" custom event handler (see documentation). - Supports multiple Ajax Tabs Contents on the same page. - Fully unobtrusive, search engine friendly design. For search engines or browsers with JavaScript disabled, the external contents will just load as actual pages (instead of via Ajax). Date: 11 March, 2012


Ajax Tabs - Tabs Navigation - Tabs Menu - Ajax - Menu - Tabs

Homepage: http://www.dynamicdrive.com/

Developer: dynamicdrive.com

License: Freeware

Operating System: All

Add a Comment

all are required fields

     
What do you think of this resource?

Select Your Rate:

Votes:0

 

Related Scripts Download

You can instantly generate customized, color-schemed tabs for your own web pages with WowTabs.

developer Developer: WebWowTools.com
license License: Freeware
operating systems Operating System: All


This is a CSS based, search engine friendly Tabs Menu that supports a second horizontal level when the mouse rolls over one of the tabs.

developer Developer: javascriptkit.com
license License: Freeware
operating systems Operating System: All


Using relative positioning and negative margins, this CSS code creates "overlapping" horizontal tabs that each snug up and slightly overlaps the tab to the left of it.

developer Developer: dynamicdrive.com
license License: Freeware
operating systems Operating System: All


This is a two state rollover tabs menu based on the popular sliding doors technique.

developer Developer: dynamicdrive.com
license License: Freeware
operating systems Operating System: All


Plastic Tabs menu is a CSS tabbed menu with a small distance between tabs.

developer Developer: dynamicdrive.com
license License: Freeware
operating systems Operating System: All


Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs.

developer Developer: dynamicdrive.com
license License: Freeware
operating systems Operating System: All


This is an attractive "blue shading" image tab menu.

developer Developer: dynamicdrive.com
license License: Freeware
operating systems Operating System: All


This script demonstrates how to add the "Launch Notepad" menu to the Internet Explorer context menu.

developer Developer: planetsourcecode.com
license License: Freeware
operating systems Operating System: All


This is a simple JavaScript that will load pages in an iframe.

developer Developer: winn.ws
license License: Freeware
operating systems Operating System: All