Why can't I use relative URLs with IE7?

Question

I\'ve been Googling for a while and can\'t seem to find an answer to this question. My problem is as follows:

For my jquery, I need my links to be relative rather th

Answer 1

Here's a modified version of JKS's answer that uses split instead of substring. A little more elegant IMO:

stripBaseUrl : function(url){
    var urlArray = url.split("/");
    return urlArray[urlArray.length - 1];
}

Answer 2

Looks like it has something to do with security issues - http://blogs.msdn.com/ie/archive/2005/08/15/452006.aspx

Answer 3

Right, it seems the best way to do this is to strip the domain out in jQuery. For anyone that has a similar problem, here is what my click event handler looks like:

var href_attr = element.getAttribute('href');
if (href_attr.indexOf('http://')>-1) {
    href_attr = href_attr.substr(location.href.length-1);
};

Answer 4

What I do is grab the baseUrl at init, like:

var baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf("/") + 1);

... and then in my URL handler, strip the baseUrl:

var url = $(this).attr("href").replace(baseUrl, "");

Also you can check if the href is "normalized" using .support():

$.support.hrefNormalized

(returns true if the browser makes no modifications when grabbing an href value, so it's currently false in IE.)

Answer 5

If I were you, I'd use browser detection and add a clause to strip the URL down to the relative path. I'm not 100% familiar with jQuery, but I imagine you could do it with a simple split and reconstruction, or REGEX query.

See jQuery URL Parser Plugin: http://plugins.jquery.com/project/url_parser