Path not able to access css or js file on root in asp.net

Question

I am not able to get the correct path of CSS or JS file when i try to access them from sub folder en/Default.aspx file.

I have following folder structure

Default.aspx
  en/Default.aspx
  en/MasterPage.master
  ar/Default.aspx
  ar/MasterPage.master
scripts/slider/script.js
styles/slider-en.css
scripts/slider/jquery.easing.js

Code in en/Default.aspx file

<%@ Page Title="" Language="C#" MasterPageFile="~/en/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
<%@ Register Src="~/en/UserControls/ucSliderHP.ascx" TagName="ucSlider"  TagPrefix="uc"%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<script src="../scripts/slider/jquery.easing.js" type="text/javascript"></script>
<script src="../scripts/slider/script.js" type="text/javascript"></script>
<link href="<%= Page.ResolveUrl("./styles/slider-en.css") %>" rel="stylesheet" type="text/css" />

<div id="content-container-750">
    <!-- Slider   -->
    <!-- Sidebar   -->
<div id="sidebar-container-240"></div>
<!-- Sidebar   -->
    <div id="Slider-Wrapper-750x300">
       <uc:ucSlider ID="NewsSlider" runat="server" />       
    </div>
     <!-- Slider   -->

      <!-- Banner   -->
      <div id="content-Banner-750x100HP">
      </div>
      <!-- Banner   -->
      <!-- Article   -->
      <div id="article-wrapperHP">
      </div>
      <!-- Article   -->
</div>

</asp:Content>

When i use ../ path it always returns path as http://localhost:49831/en/scripts/slider/script.js

and when i use `Page.ResolveURL or ResolveURL it return me path as

http://localhost:49831/website/en/Default.aspx?language=en-us&issue=5

I am not sure what should i do i tried ../../ also it doesn't work either

Kjetil Watnedal · Accepted Answer · 2012-12-18 11:45:14Z

0

Try using ResolveUrl:

<script src="<%=ResolveUrl("~/scripts/slider/jquery.easing.js")%>"  type="text/javascript"></script>

instead of

<script src="../scripts/slider/jquery.easing.js" type="text/javascript"></script>

answered Dec 18, 2012 at 11:45

Kjetil Watnedal

6,1773 gold badges32 silver badges23 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:12:32Z

0

You can also add the tilde (~) and runat="server" to get ASP .NET to resolve the url based on the root.

e.g.

<link href='~/styles/slider-en.css' rel="stylesheet" type="text/css" runat="server"/>

See other options on this question

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Dec 18, 2012 at 11:45

robasta

4,6915 gold badges39 silver badges54 bronze badges

Comments

halit · Accepted Answer · 2012-12-18 12:15:08Z

0

You can Use
    /scripts/slider/jquery.easing.js
<script src="/scripts/slider/jquery.easing.js" type="text/javascript"></script>


"/"

Means root.

answered Dec 18, 2012 at 12:15

halit

1,1381 gold badge11 silver badges27 bronze badges

Collectives™ on Stack Overflow

Path not able to access css or js file on root in asp.net

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related