Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/subzane/tabby
Adding ajax and history support to Bootstraps standard tab navigation
https://github.com/subzane/tabby
Last synced: about 1 month ago
JSON representation
Adding ajax and history support to Bootstraps standard tab navigation
- Host: GitHub
- URL: https://github.com/subzane/tabby
- Owner: SubZane
- License: mit
- Created: 2015-06-22T22:15:45.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-02-17T21:33:08.000Z (almost 9 years ago)
- Last Synced: 2024-12-10T14:49:24.605Z (about 1 month ago)
- Language: HTML
- Size: 579 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE-MIT
Awesome Lists containing this project
README
Tabby.js 0.1.1
==================
Tabby.js is a tiny (1.1kb) tab menu script with support for AJAX loading of content and history navigation. It will also take advantage of hashed URLs, meaning: If you click one tab, then another and use the back button the previous tab will be selected. It takes advantage of Bootstrap markup and can very easily replace the normal Bootstrap javascript tabs.
##Browser Support
* Google Chrome
* Internet Explorer 9+
* Firefox
* Safari 7+
##Installation
```
bower install tabbyjs --save
```
###Setup
```html
```
##Usage
Tabby works exactly like the Tabs included in Bootstrap except that tabby also has support for history and ajax loading content. Just include the script on your page with the tabs and you're done!
As Bootstrap uses `data-toggle="tab"` tabby instead uses `data-tabbytoggle="tab"`. That's all you need to change.
###Using AJAX to load content
The tab panel you wish to load its content using AJAX need to have the attribute `data-ajax="myfile.html"`
###Typical setup
This could be your typical script setup for some tabs.
```html
This is a normal tab. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.
```
##change log
####0.1.0
* First real public release