I am suppose to make a breadcrumb trail with jquery as my website has nested pages? I am unknown to breadcrumb and how it works if i want to add breadcrumbs dynamically to web pages? any help or tutorial links would help

for ex: i have homepage and products page and also each product has its specific page so when i go to product pages child my breadcrumb should show something like

Home / Product / currentpage

I want it to add dynamically to each page the user navigates

I am suppose to make a breadcrumb trail with jquery as my website has nested pages? I am unknown to breadcrumb and how it works if i want to add breadcrumbs dynamically to web pages? any help or tutorial links would help

for ex: i have homepage and products page and also each product has its specific page so when i go to product pages child my breadcrumb should show something like

Home / Product / currentpage

I want it to add dynamically to each page the user navigates

• javascript
• jquery
• breadcrumbs

• Unless this is a single page app, just do this on the back-end (with PHP, Rails, Node, or whatever you're using to serve up the site). Are you using any sort of dynamic language to serve up your HTML? – Matthew Blancarte Commented Mar 5, 2013 at 0:24
• @MatthewBlancarte its not big but its required as products have nested pages. can it be not done with javascript or jquery? I am using jquery and javascript with html – inputError Commented Mar 5, 2013 at 0:27
• It can be done, but it's the wrong tool for the job, in my opinion. Are you using PHP? – Matthew Blancarte Commented Mar 5, 2013 at 0:29
• Ah, okay. Is it just static HTML? – Matthew Blancarte Commented Mar 5, 2013 at 0:30
• How would the JavaScript on any given page know what the breadcrumb trail should be? Is it obviously reflected in the URL of the current page? Or supplied somewhere within the current page? – David Thomas Commented Mar 5, 2013 at 0:33

1 Answer 1

First of all, Wikipedia has a good explanation on Breadcrumbs.

I remend jBreadCrumb -- it's a jQuery breadcrumb plugin. And here's a list of a few more jQuery breadcrumb plugins.

Hope these helps.