Currently, I am utilizing Javascript on my website to automatically create breadcrumbs based on my file structure. However, the issue arises when the names displayed in the breadcrumbs contain underscores. For example:
Home / Marketing / News_events / News & Events Home Page
I would like to replace the underscores with spaces for all breadcrumbs on the site. My knowledge of JavaScript is limited, but I believe I need to incorporate something like this:
string.replace(/_/g,' ');I am unsure about where or how to implement this within the existing JavaScript code.
Here is the complete JavaScript code snippet:
function breadcrumbs(){
sURL = new String;
bits = new Object;
var x = 0;
var stop = 0;
var output = '<a href="/"><i class="fa fa-home fa-lg"></i></a> / ';
sURL = location.href;
sURL = sURL.slice(8,sURL.length);
chunkStart = sURL.indexOf("/");
sURL = sURL.slice(chunkStart+1,sURL.length)
while(!stop){
chunkStart = sURL.indexOf("/");
if (chunkStart != -1){
bits[x] = sURL.slice(0,chunkStart)
sURL = sURL.slice(chunkStart+1,sURL.length);
}else{
stop = 1;
}
x++;
}
for(var i in bits){
output += "<a href=\"";
for(y=1;y<x-i;y++){
output += "../";
}
output += bits[i] + "/\">" + bits[i] + "</a> / ";
}
document.write(output + document.title);
}
Any assistance regarding this matter would be highly appreciated!