How to set the root path for asp.net application

Question

I have an asp.net application containing pages that lie in multiple folder. I have my .js files also in one "JS" folder and I have added their reference in head of master page like:

<script  type="text/javascript" src="JS/jquery.min.js"></script>

Now when I am on home page, the script loads fine. But when I am on some other page that is present in another folder(Physics for example), the path gets appended and hence I get the error:

Failed to load resource: the server responded with a status of 404 (Not Found)

Similar thing is happening for my image paths and <a> tags also.

Now I want to give paths with respect to root path something like:

~/JS/VerticalMenu.js

But this ~ is not taking me to the root of my application. Do I need to set where ~ should lead to? And if yes then where and how??

<script type="text/javascript" src="JS/VerticalMenu.js"></script> is how I am adding my script in head — Ross Cooper
– Ross Cooper, Commented Apr 6, 2012 at 15:54
try using a slash before JS like: <script type="text/javascript" src="/JS/VerticalMenu.js"></script> — mshsayem
– mshsayem, Commented Apr 6, 2012 at 15:56

Waqas Raja · Accepted Answer · 2012-04-06 16:21:48Z

5

The @Charlie Kilian answer is a workable solution however you can also specify a base URL for all the relative URLs in your page by base tag in head of your html page.

<head>
    <base href="http://www.yourdomain.com/anyvirtualdirectory/" />
</head>

answered Apr 6, 2012 at 16:21

Waqas Raja

10.9k4 gold badges35 silver badges38 bronze badges

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

1 Comment

Katie Kilian Over a year ago

I'd forgotten about the <base> tag. That is a good solution, too.

Katie Kilian · Accepted Answer · 2012-04-06 16:05:53Z

1

Try this:

<script type="text/javascript" 
    src="<%=Page.ResolveUrl("~/JS/VerticalMenu.js")%>"></script>

answered Apr 6, 2012 at 16:05

Katie Kilian

7,0435 gold badges45 silver badges67 bronze badges

1 Comment

Katie Kilian Over a year ago

Sounds like a problem with the Javascript file. That would probably be a separate question.

James Johnson · Accepted Answer · 2012-04-06 16:13:28Z

0

If it's an ASP.NET application, you can access the root by prefixing the path ~/:

<script src="~/common/scripts/safeguard.common.js" type="text/javascript"></script>

You can also try prefixing the path with just /:

<script src="/common/scripts/safeguard.common.js" type="text/javascript"></script>

edited Apr 6, 2012 at 16:13

answered Apr 6, 2012 at 16:00

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

11 Comments

Katie Kilian Over a year ago

That doesn't work if the application is in a virtual folder, like http://www.mysite.com/MyApp/.

James Johnson Over a year ago

I believe ~/ should resolve to the root of the application, even if it's in a virtual directory.

Ross Cooper Over a year ago

No. ~/ is not working. The path gets appended something like:localhost:50089/Tutorial_Pages/Physics/~/JS/VerticalMenu.js

James Johnson Over a year ago

Is this an ASP.NET Web Site Project or an ASP.NET Web Application Project? There's an important distinction.

Ross Cooper Over a year ago

Its an asp.net web application

|

Collectives™ on Stack Overflow

How to set the root path for asp.net application

3 Answers 3

1 Comment

1 Comment

11 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

11 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related