asp.net mvc - @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")');