Need help modifying JS breadcrumb script - remove "dashes"

JavaScript
1

Hello,

I am using the following javascript breadcumb script (found here http://www.javascriptsource.com/navigation/automatic-breadcrumbs.html )

It works perfectly, except I’m trying to figure out how to remove and replace the “dash” ( - ) character with a space? Since some of my file names and directory names have dashes in them, it outputs:

Home > directory-name > Page Name

I’d like to replace the dash with a space, so it outputs

Home > Directory Name > Page Name


function breadcrumbs() {
  sURL = new String;
  bits = new Object;
  var x = 0;
  var stop = 0;
  var output = "<div class=topnav><a href=/>home</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);
  document.write("</div>");
  }

Thanks

2

You basically just need to use the “replace” function to parse out all hyphens.

Replace the 3rd to last line

  document.write(output + document.title);

with


  output = output.replace(/-/g, '');
  title = document.title.replace(/-/g, '');

  document.write(output + title);
3

Thank you Carlos… That works, although I noticed that when it outputs the URL link for the title, it removes the dash there as well… So basically it creates a broken link. How can we get it to just replace the dash in the title, not the URL output?

Thanks!

4

Oops, yea I didn’t even think about that! Change the last couple lines from your original:

output += bits[i] + "/\\">" + bits[i] + "</a> » ";
  }
  document.write(output + document.title);
  document.write("</div>");
  }

to

     output += bits[i] + "/\\">" + bits[i].replace(/-/g, '') + "</a> » ";
  }

title = document.title.replace(/-/g, '');
  document.write(output + title);
  document.write("</div>");
  }&#8203;