ansaurus

Question

How to include js files in asp.net MVC and have a valid path on all routes

Answer 1

+9 A:

Use the Url Helper:

<script type="text/javascript" src="<%=Url.Content("~/Content/script/MyFile.js")%>"></script>

Hope that helps

Lewis 2009-06-04 16:23:35

This fixes the issue with installing the site in a subdirectory as the ~ is replaced with the path to the root of the site. But the problem that when I get to the root the js file is in the Scripts folder under the root and not ../../Scripts remains. Since MVC will route to diffrent subfolders then the script is not allways available from all routes.I gave you +1 since at least now I have a way to hardcode the paths relative to the root. But I'll wait to see if someone can explain why it works for the CSS out of the box and not for JS.

jvanderh 2009-06-04 16:38:56

I think the issue is not css vs Javascript but that you simply have your css inside your conetne folder and not your script

Lewis 2009-06-04 16:51:29

Answer 2

+2 A:

You can create a helper method that does something like this:

<%= Helper.IncludeJavascriptFile("Menu.js") %>

and then in that helper you do something like:

public string IncludeJavascriptFile(string fileName){
    return Url.Content("<root>/Javascript/Files/" + fileName);
}

Then you can call that helper method from your view. If you decide to change the location of the files, it's only in one location you have to worry about it. If you change the name of the files, that's a different problem in and of itself.

MunkiPhD 2009-06-04 16:28:23

+1 for mantainability.

jvanderh 2009-06-05 17:57:56

ansaurus

tags:

views:

answers:

How to include js files in asp.net MVC and have a valid path on all routes

related questions