MVC3 Relative URL Paths - Javascript

Question

I have an issue with relative paths whereby when the web app is running off subdirectory of the domain, the paths are not correct. e.g. http://www.example.com/webapp/

If I use @Url.Content("~/path/to/action") on the page it is fine. I can even embed the @Url.Content("") inside the javascript script. I want to clean up the page I wanted to put the javascript inside a js file and reference that. Now that the @Url.Content is being called inside the javascript file, it doesn't seem to work (probably for obvious reasons). How can I get around this issue?

I had a look at the <base /> but that doesn't seem to work.

What about placing this javascript in a master page?

slandau
– slandau

2011-05-04 21:13:59 +00:00
Commented May 4, 2011 at 21:13 — slandau
– slandau, Commented May 4, 2011 at 21:13

counsellorben · Accepted Answer · 2011-05-04 21:18:06Z

12

Now that you moved everything into a separate js file, the file is being served as static content, and the Razor syntax is not being parsed.

If you need relative paths inside of your js which might change, then you should include a script in each page which sets a path var, and use @Url.Content(...) in this script, e.g.,

<script type="text/javascript">
    pathToAction = "@Url.Content(...)";
</script>

Then, declare the pathToAction var in your js file, and use it as needed.

answered May 4, 2011 at 21:18

counsellorben

10.9k3 gold badges42 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

fes Over a year ago

Clever, I did not think of this approach. Thanks. All I did was just use a few paths like scriptfolder = '@Url.Content("~/Scripts/")', imagefolder = '@Url.Content("~/Images/")' and then just appended them to the current urls already there.

fes Over a year ago

I just had a thought, what about for CSS where the styles are in a css file? if you have images or backgrounds to a folder but that needs to be relative path.

moonpatrol Over a year ago

Paths in CSS are relative to the CSS file, not the loaded page. So you can do paths such as background-image: url('../images/image1.png');

Collectives™ on Stack Overflow

MVC3 Relative URL Paths - Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related