{"id":22781328,"url":"https://github.com/subzane/tabby","last_synced_at":"2026-01-11T01:09:55.129Z","repository":{"id":58242980,"uuid":"37883487","full_name":"SubZane/tabby","owner":"SubZane","description":"Adding ajax and history support to Bootstraps standard tab navigation","archived":false,"fork":false,"pushed_at":"2016-02-17T21:33:08.000Z","size":593,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-05T17:07:58.075Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SubZane.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-MIT","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-06-22T22:15:45.000Z","updated_at":"2024-05-11T09:21:31.000Z","dependencies_parsed_at":"2022-08-31T04:22:11.371Z","dependency_job_id":null,"html_url":"https://github.com/SubZane/tabby","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Ftabby","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Ftabby/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Ftabby/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SubZane%2Ftabby/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SubZane","download_url":"https://codeload.github.com/SubZane/tabby/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246331766,"owners_count":20760352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-11T21:07:12.190Z","updated_at":"2026-01-11T01:09:55.093Z","avatar_url":"https://github.com/SubZane.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Tabby.js 0.1.1\n==================\nTabby.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.\n\n\u003cdiv style=\"text-align:center\"\u003e\n\u003cimg src=\"https://github.com/SubZane/tabby/raw/master/demo/img/logo.png\" alt=\"tabby.js\"/\u003e\n\u003c/div\u003e\n\n##Browser Support\n* Google Chrome\n* Internet Explorer 9+\n* Firefox\n* Safari 7+\n\n##Installation\n```\nbower install tabbyjs --save\n```\n\n###Setup\n```html\n\u003c!-- You'll need jquery --\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js\"\u003e\u003c/script\u003e\n\u003c!-- and you'll need to include tabby of course! --\u003e\n\u003cscript src=\"jquery.tabby.min.js\"\u003e\u003c/script\u003e\n```\n##Usage\nTabby 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!\nAs Bootstrap uses `data-toggle=\"tab\"` tabby instead uses `data-tabbytoggle=\"tab\"`. That's all you need to change.\n\n###Using AJAX to load content\nThe tab panel you wish to load its content using AJAX need to have the attribute `data-ajax=\"myfile.html\"`\n\n###Typical setup\nThis could be your typical script setup for some tabs.\n\n```html\n\u003c!-- Nav tabs --\u003e\n\u003cul class=\"nav nav-tabs\" role=\"tablist\"\u003e\n  \u003cli role=\"presentation\" class=\"active\"\u003e\u003ca href=\"#tab_normal\" aria-controls=\"tab_normal\" role=\"tab\" data-default=\"true\" data-tabbytoggle=\"tab\"\u003eNormal Tab\u003c/a\u003e\u003c/li\u003e\n  \u003cli role=\"presentation\"\u003e\u003ca href=\"#tab_ajax\" aria-controls=\"tab_ajax\" role=\"tab\" data-tabbytoggle=\"tab\"\u003eAJAX Tab\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003c!-- Tab panes --\u003e\n\u003cdiv class=\"tab-content\"\u003e\n  \u003cdiv role=\"tabpanel\" class=\"tab-pane active\" id=\"tab_normal\"\u003e\n    \u003cp\u003eThis is a normal tab. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum.\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv role=\"tabpanel\" class=\"tab-pane\" id=\"tab_ajax\" data-ajax=\"ajaxcontent.html\"\u003e\u003c/div\u003e\n\u003c/div\u003e\n```\n\n##change log\n####0.1.0\n* First real public release\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubzane%2Ftabby","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubzane%2Ftabby","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubzane%2Ftabby/lists"}