asp.net webform routing problem with javascript

Question

I am using asp.net 4 routing and im enjoying it so far. I have one problem only with my javascript files. I am using a masterpage to add my css and javascript. The css is working fine however the javascript is not.

My links from my masterpage look like this

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="~/_styles/css/core.css" rel="stylesheet" type="text/css" />

<link href="~/_styles/css/facebox.css" rel="stylesheet" type="text/css" />
<script src="~/_styles/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="~/_styles/js/jquery.validate.js" type="text/javascript"></script>

<script src="~/_styles/js/facebox.js" type="text/javascript"></script>
<script src="~/_styles/js/corejs.js" type="text/javascript"></script>

Why does my css load correctly but the js doesnt?

Can you provide the directory structure as well? Are your js files in the _styles/js folder ? — sTodorov
– sTodorov, Commented Nov 14, 2010 at 7:58
Yes I have my my masterpage at the root including my pages. I have then created a folder called _styles which then has folders for css and js — Diver Dan
– Diver Dan, Commented Nov 14, 2010 at 8:00
If I look at the source of the page my links have changed to look like this <link href="../_styles/css/core.css" rel="stylesheet" type="text/css" /><link href="../_styles/css/facebox.css" rel="stylesheet" type="text/css" /> <script src="~/_styles/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="~/_styles/js/jquery.validate.js" type="text/javascript"></script> <script src="~/_styles/js/facebox.js" type="text/javascript"></script> <script src="~/_styles/js/corejs.js" type="text/javascript"></script> — Diver Dan
– Diver Dan, Commented Nov 14, 2010 at 8:01
AFAIK ~/_styles only works for controls with runat=server. try changing the references to simply /_styles — RPM1984
– RPM1984, Commented Nov 14, 2010 at 8:07

CoreLean · Accepted Answer · 2011-07-12 12:45:24Z

3

This is question is bit old..but i faced same situation using ASP.NET 4.0 routing and referencing different js file or stylesheet when you move from different directory structure.. what i used to resolve is:

<script src='<%=ResolveClientUrl("~/js/fancybox/jquery.fancybox-1.3.4.js")%>' type="text/javascript"></script>

So key was using ResolveClientUrl

Hope this helps people in future.

answered Jul 12, 2011 at 12:45

CoreLean

2,1395 gold badges24 silver badges44 bronze badges

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

Comments

kst · Accepted Answer · 2010-11-14 08:15:18Z

0

Please check and make sure when you adding the link for your script.You just type the <script src=" and Ctrl+Space then choose your file.If you can't find your project path,just try it to get in that path.Sometime,the file will not in that path when you may be copy & paste that file to your project path(not from your VS Project explorer).

answered Nov 14, 2010 at 8:15

kst

1,5184 gold badges20 silver badges35 bronze badges

Comments

DavideDM · Accepted Answer · 2010-11-14 08:21:58Z

0

you can use simply _styles/js and _styles/css.

answered Nov 14, 2010 at 8:21

DavideDM

1,49517 silver badges20 bronze badges

Collectives™ on Stack Overflow

asp.net webform routing problem with javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related