Untitled UI logotext
Solutions
WebsitesEcommerceMobile AppsWeb AppsProduction Support & Maintenance
Our work
Company
About usBlogPodcastContact us
Book a free consultation

So you need a breadcrumbs script? Why not ServerSideGuy.com ?

Olivia Rhye
JavaScript breadcrumbs navigation script

We recently had a breadcrumb script request and I thought I'd share what we decided to do. We will do this in javascript so that it is not bound to a specific server.

This is for more basic site layouts and revolved around splicing the window.location.pathname variable.

Requirements:

  • You will need jQuery plugged into your site.
  • That's about it.

So first make an empty div that you want to hold the breadcrumbs in and give it an id of breadcrumbs.

Then use this script:

The result will look something like this: Home » Hansel » Gretel

This is a simple solution for parsing out your URL into breadcrumbs.

-Credit to Kevin Lynn Brown who originally came up with the concept of parsing the url.

Ready to start a project?

Book a free consultation
Untitled UI logotext
Our work
About us
Blog
Careers
Submit a ticket
Agency Partnerships
Contact
© 2024 fjorge. All rights reserved.
Privacy