https://github.com/akibrk/breadcrumbs
Dynamic Breadcrumb Generator Using Javascript/Jquery
https://github.com/akibrk/breadcrumbs
breadcrumbs breadcrumbs-dynamic javascript jquery
Last synced: about 2 months ago
JSON representation
Dynamic Breadcrumb Generator Using Javascript/Jquery
- Host: GitHub
- URL: https://github.com/akibrk/breadcrumbs
- Owner: akibrk
- Created: 2020-06-10T01:50:38.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-31T09:34:06.000Z (almost 6 years ago)
- Last Synced: 2025-04-05T10:31:41.734Z (about 1 year ago)
- Topics: breadcrumbs, breadcrumbs-dynamic, javascript, jquery
- Language: HTML
- Size: 6.84 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Dynamic BreadCrumb Generator (JS)
### Implemented with Bootstrap 3/4 vanilla Javascript and JQuery
## Things you should know
- This is not compiled
- You can change everything about the code, just read through once
- Two versions available Pure JS and JQuery
## Getting Started
- Copy all from either `main.js` or `jquery.js` to your project
- Add a breadcrumb container `` will do
- Set the name for your homepage/landing page
- Set the history length
- Use back button if you want
## Example
Download the repo.
## The Back Navigation
- Use this as container if you want back button
```html
Back
```
- Its added by default in JS, you can remove it if you want
- Uses `window.history`
## Other
- If you don't want crumbs in home page remove the container
- Also modify this part in line 29 in `main.js` or 24 in `jquery.js`
```javascript
if (!pageName || pageName === indexPageName) {
initHomeCrumb();
return;
}
```
**Let me know if you have any suggestions. Have a good one! :)**
Source - https://github.com/akibrezakhan