Take path from application root in javascript

Question

function detailed_link(cell_rowid) {
        var $tabs = $('#infrTab').tabs();
        $tabs.tabs('select', 1); // switch to third tab~
        objRowData = $('#' + pageGridId).getRowData(cell_rowid);
        //document.getElementById("Name").value = objRowData.amount;

        loadPage('Infringement/TaskDetail', 'taskDetails'); /* Path */
    }

I have write a javascript function loadPage(), that needs a path to some page as a parameter. I need to give this path from the application root. I dont want a relative path. Please let me know how can I do it.

Instead of the absolute path.... i will recommend to use the context path, so if your page is in `http://www.so.com/pages/one.aspx` you will be using `/pages/one.aspx` — Garis M Suero, Sep 07 '10 at 04:56
In this case if the javascript is present in some internal folders , I would have to change the path. — Vaibhav Jain, Sep 07 '10 at 04:58
Do you have access to `Url.RouteUrl()`? (you'll get this in a .NET 4.0 asp.net app) — Alastair Pitts, Sep 07 '10 at 05:00
@vaibhav when you use it from the root folder, it doesn't matter what directory you are located. From the root folder i mean as the example i gave to you `/pages/one.aspx` — Garis M Suero, Sep 07 '10 at 05:06

Alastair Pitts · Answer 1 · 2010-09-07T05:24:05.703

6

I have this piece of Javascript in my Site.master, just underneath the jquery import and above any reference to my own scripts.

 <script type="text/javascript">
        //Function that provides a relative URL for cases of virtual directories.
        jQuery.url = function (path) {
            return '<%: Url.Action("Index","Home") %>' + path;
        };
 </script>

This assumes that your '/' address is handled by your Index method in your Home controller (the standard).

You can then access it via:

$.url('Infringement/TaskDetail')

edited Sep 07 '10 at 05:24

answered Sep 07 '10 at 05:14

Alastair Pitts

19,423
9
68
97

Do I have to write jQuery.url = function (path) { return '<%: Url.Action("Index","Home") %>' + path; }; in my javascript file. Or it is internal to jquery. – Vaibhav Jain Sep 07 '10 at 05:24
I personally add it to the Site.Master before MY javascript file as I can then guarantee that it will run before it's ever used. – Alastair Pitts Sep 07 '10 at 06:12
Its adding a new method to the jQuery object, much like an extension method in .NET – Alastair Pitts Sep 07 '10 at 06:12
1

Great idea. However, I'd change the code to something more like this since not everyone has a home index: `return '<%: Url.Content("~") %>' + path;` – mattmc3 Sep 14 '10 at 15:05
@mattmc3: That's a much cleaner version that mine :) – Alastair Pitts Sep 14 '10 at 23:25

score 1 · Answer 2 · answered Jun 27 '13 at 07:00

suppose that you have a page with this address: http://sub.domain.com/page.htm. use the following in page code to achive those results:

window.location.host : you'll get sub.domain.com:8080 or sub.domain.com:80
window.location.hostname : you'll get sub.domain.com
window.location.protocol : you'll get http:
window.location.port : you'll get 8080 or 80
window.location.origin : you'll get http://sub.domain.com

score 1 · Answer 3 · answered Sep 16 '14 at 06:35

1

I recommend to use relative path, because you never know where will be application root. If your application will be installed with another applications in IIS, then its root could be for example http://www.domain.com/iis/youapp/pages/one.aspx

answered Sep 16 '14 at 06:35

berushka

11
3

Take path from application root in javascript

3 Answers3