{"id":22916668,"url":"https://github.com/synergitech/ajax-bootstrap-tabs","last_synced_at":"2025-04-01T12:44:23.458Z","repository":{"id":96910937,"uuid":"82049401","full_name":"SynergiTech/ajax-bootstrap-tabs","owner":"SynergiTech","description":"A Bootstrap compatible tabs implementation with support for AJAX loading and history integration.","archived":false,"fork":false,"pushed_at":"2019-06-21T08:22:58.000Z","size":23,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-07T07:41:30.647Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/SynergiTech.png","metadata":{"files":{"readme":"README.md","changelog":"historytabs.jquery.js","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-15T10:37:38.000Z","updated_at":"2020-10-23T06:31:35.000Z","dependencies_parsed_at":"2023-04-26T06:11:30.359Z","dependency_job_id":null,"html_url":"https://github.com/SynergiTech/ajax-bootstrap-tabs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SynergiTech%2Fajax-bootstrap-tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SynergiTech%2Fajax-bootstrap-tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SynergiTech%2Fajax-bootstrap-tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SynergiTech%2Fajax-bootstrap-tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SynergiTech","download_url":"https://codeload.github.com/SynergiTech/ajax-bootstrap-tabs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246642171,"owners_count":20810556,"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-14T06:14:13.975Z","updated_at":"2025-04-01T12:44:23.449Z","avatar_url":"https://github.com/SynergiTech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AJAX Bootstrap Tabs\nAJAX Bootstrap Tabs is a Bootstrap compatible tabs implementation with support for AJAX loading and history integration.\n\nIt is an alternative to Bootstrap tabs with extra functionality and the ability to apply custom classes to each tab for your own custom design.\n\nIf you're only interested in the history functionality, have a look at the historytabs.jquery.js file.\n\n## Features\n\n* Clean, lean and simple tabs that are easily made compatible with most CSS frameworks\n* AJAX same-origin loading with support for embedded JavaScript\n* Links to different tabs can be embedded throughout the page\n* History integration allows the use of back and forward buttons as well as the URL hash to change tabs on the current page\n* URL hash integration allows the tab to be set before opening the page\n* Tab change event allowing execution of functions when a tab is selected\n* Maintains position on page to avoid the 'jump' that the URL hash can cause\n\n## Usage\n\n```html\n\u003cdiv id=\"tabs\"\u003e\n    \u003cdiv class=\"tab-nav btn-group btn-group-stretch\"\u003e\n        \u003ca href=\"#tab-one\" class=\"btn btn-default\"\u003eTab One\u003c/a\u003e\n        \u003ca href=\"#tab-two\" class=\"btn btn-default\"\u003eTab Two\u003c/a\u003e\n        \u003ca href=\"#tab-three\" class=\"btn btn-default\"\u003eTab Three\u003c/a\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"panel\" style=\"margin-top:20px\"\u003e\n        \u003cdiv class=\"panel-body\"\u003e\n            \u003cdiv class=\"tab-content\"\u003e\n                \u003cdiv class=\"tab-pane\" id=\"tab-one\"\u003e\n                    \u003cp\u003eTab One\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"tab-pane\" id=\"tab-two\"\u003e\n                    \u003cp\u003eTab Two\u003c/p\u003e\n                    \u003c!-- if your browser supports history, this will open the third tab using this plugin --\u003e\n                    \u003cp\u003e\u003ca href=\"#tab-three\" class=\"link\"\u003eTab Three\u003c/a\u003e\u003c/p\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"tab-pane\" id=\"tab-three\" data-url=\"/ajax/url\"\u003e\u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n```js\n$('#tabs').ajaxBootstrapTabs({\n    tab_wrapper: '.tab-nav',\n    tab: '.btn',\n    tab_active: '.btn-primary',\n    tab_inactive: '.btn-default',\n    pane_wrapper: '.tab-content',\n    pane: '.tab-pane',\n    pane_active: 'active',\n    link: '.link',\n    tab_prefix: 'tab-'\n}).bind('ajaxbootstraptabs.change', function(event, tabid) {\n    console.log(tabid);\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsynergitech%2Fajax-bootstrap-tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsynergitech%2Fajax-bootstrap-tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsynergitech%2Fajax-bootstrap-tabs/lists"}