Question

var pre = '<a href=someDirectoryPath';
var mid = '.aspx">';
var post = '</a>';
var trailHTML = '';
for(i=0;i<trail.length;i++) {
    trailHTML = trailHTML + pre + getURL(trail[i]) + mid + trail[i] + post;
    if(i!=(trail.length-1)) {
    trailHTML += ' > ';
    }
}
document.write(trailHTML);

trail is an arraylist of valid pages, like so:

['some name', 'another name','yet another name','name']

getURL just takes that name and adds a '-' in between words, which is the page name. This has been tested and works. (for example, getURL('some name') returns 'some-name')

The problem is, when run in IE9 (untested in other browsers), when I write trailHTML to the page, I only get the last element in the array. Why is this?

Let me know if you need any clarification…

Answer 1

function getURL(txt){
    return txt.replace(/ /g,"-");
}
var trail = ['some name', 'another name','yet another name','name'];

///////////////////////////////////////////////////

var pre = '<a href="someDirectoryPath/'; // changed
var mid = '.aspx">';
var post = '</a>';
var trailHTML = '';
for(i=0;i<trail.length;i++) {
    trailHTML += pre + getURL(trail[i]) + mid + trail[i] + post;
    if(i<trail.length-1)trailHTML+=" &gt; " // changed
}
document.write(trailHTML);