ansaurus

Question

Answer 1

+1 A:

I have run into this problem and the only way I've found to make things work is to always make links absolute... hope someone else has a better way.

larson4 2009-08-26 00:21:24

not the only way though

ilya.devyatovsky 2009-08-26 00:40:53

Answer 2

A:

Not sure if this is something that might be useful, but have you considered a dynamic javascript file?

This way you can use PHP and get the $_SERVER variables...

<?php header('Content-Type: application/javascript'); ?>

Place the above at the top of a file called "dynamic-javascript.js.php". Go ahead and add your jquery code underneath this, echoing into PHP when you need to for the PATH's.

To run/include the file, just add it to the top of your HTML document as you normally would with a .js file.

Shot in the dark I know... but it has got me out of some pickles when dealing with URL's and PATHS in javascript files.

Good luck!

Tom

Tisch 2009-08-26 00:29:27

I'm already doing this, and I anticipate to use this to handle the dir1 vs dir2 type problem.ie tab1 is in dir1, tab2 is in dir2. Tabs.asp is the "outer page" in rootdir. Therefore all the "file1.asp" type relative links try to load in rootdir instead of rootdir/dir1 or rootdir/dir2thansk for your responses.

2009-08-26 14:27:34

Answer 3

+5 A:

Perhaps the answer is to add <base href="http://myserver.com/rootdir/dir1"> to the <head> of the documents you are loading into the tabs.

I expect that you can do this on the browser side using JQuery, or something similar. But if not, it should be a small change to the server side JSPs (or whatever) that render the pages.

Stephen C 2009-08-26 00:37:48

I was excited about this but this does not work. (It works if the page is run standalone, but if the page is loaded with jquery inside the div of another page then it does not work. (ie rootdir/tabs.asp loads rootdir/dir1/tab1.asp which has a link to detailpage1.asp in dir1)

2009-08-26 14:25:16

The <base> would need to be in the outermost <head> for the DOM as the browser sees it. I should state that I don't use JQuery. But the <base> element in a <head> is the standard HTML way to relocate relative href URLs in a document.

Stephen C 2009-08-26 15:18:19

Answer 4

+1 A:

Something similar to this should help. It uses regular expressions, which you can craft to precisely meet your needs. I didn't test this, but the regular expression is meant to detect cases where the url does not begin with an absolute path indicator.

$('a', context).foreach(function() { 
    var link = $(this);
    var linkText = $(this).attr('href');
    if (null == linkText.match(/^([\\\/])|([^\\\/]*\:)/)) {
        // It's not an absolute url, so fix it.
        linkText = '\\root\\path\\here\\' + linkText;
        link.attr('href', linkText);
    }
});

John Fisher 2009-08-27 17:07:09

Answer 5

+2 A:

Make your links absolute:

<a href="/mypage.html">link</a>

Instead of:

<a href="mypage.html">link</a>

Rich Bradshaw 2009-08-27 17:10:06

ansaurus

tags:

views:

answers:

Fix Broken Links with Jquery

related questions