@Url.Content in separate javascript file using ASPNET MVC 3 and Razor

Question

I was using this

if (ret = 1)     iconType = new google.maps.MarkerImage('@Url.Content("~/Content/images/image.png")'); else if (ret = 2)     iconType = new google.maps.MarkerImage('@Url.Content("~/Content/images/image2.png")'); else if (ret = 3)     iconType = new google.maps.MarkerImage('@Url.Content("~/Content/images/image3.png")'); 

in a View (ASPNET MVC 3), now I'm moving the code to a separate javascript file (I'm using that because depending on a vaiable value I set as image of a control image.png, image2.png or image3.png).

Razor doesn't parse @Url.Content inside javascript file, What's the best way to handle this?

Thanks in advance! Guillermo.

Answer 1

I usually put a block like this in the beginning of the page:

<script>     var ROOT = '@Url.Content("~")'; </script> 

And then i refer to the ROOT variable in javascript:

if (ret = 1)     iconType = new google.maps.MarkerImage(ROOT + '/Content/images/image.png'); else if (ret = 2)     iconType = new google.maps.MarkerImage(ROOT + '/Content/images/image2.png'); else if (ret = 3)     iconType = new google.maps.MarkerImage(ROOT + '/Content/images/image3.png")');