Preferred way to include relative reference to JavaScript in VS 2008 nested Masterpage

Question

Our base Masterpage has something like the following

  <head runat="server">
   <title></title>

   <script type="text/javascript" src="<%= Page.ResolveClientURL("~/javascript/actions.js")%>"></script>
   <script type="text/javascript" src="<%= Page.ResolveClientURL("~/javascript/jquery/jquery-1.2.6.min.js")%>"></script>
   <asp:contentplaceholder id="cph_htmlhead" runat="server">

   </asp:contentplaceholder>
  </head>

If this Masterpage is the Masterpage for an ASPX page things work fine.

If this Masterpage is the Masterpage for a child Masterpage and then a new ASPX page uses the child Masterpage as it's MasterPage we see:

Server Error in '' Application.

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

What is the preferred way to include global resources (Javascript/CSS) in a base Masterpage preserving tilde(~) style relative pathing?

Kon · Accepted Answer · 2008-10-08 21:11:43Z

11

Use the ScriptManager server control:

  <asp:ScriptManager ID="myScriptManager" runat="server">
    <Scripts>
      <asp:ScriptReference Path = "~/javascript/actions.js" /> 
      <asp:ScriptReference Path = "~/javascript/jquery/jquery-1.2.6.min.js" />
    </Scripts>
  </asp:ScriptManager>

answered Oct 8, 2008 at 21:11

Kon

27.5k12 gold badges64 silver badges87 bronze badges

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

Comments

YeahStu · Accepted Answer · 2012-07-04 17:27:15Z

5

Have you tried:

<script type="text/javascript" src='<%= Page.ResolveClientUrl("~/javascript/actions.js") %>'></script>

edited Jul 4, 2012 at 17:27

YeahStu

4,0525 gold badges50 silver badges69 bronze badges

answered Oct 8, 2008 at 17:31

Shawn Miller

7,0906 gold badges50 silver badges54 bronze badges

1 Comment

KP. Over a year ago

We are currently using the pounded (#) include with a call to databind() on the head element in the base master code behind. But I am looking for something concrete/best practice.

Gulzar Nazim · Accepted Answer · 2008-10-08 17:23:58Z

4

As per ScottGu,

One tip to take advantage of is the relative path fix-up support provided by the head runat="server" control. You can use this within Master Pages to easily reference a .CSS stylesheet that is re-used across the entire project (regardless of whether the project is root referenced or a sub-application):

The path fix-up feature of the head control will then take the relative .CSS stylesheet path and correctly output the absolute path to the stylesheet at runtime regardless of whether it is a root referenced web-site or part of a sub-application.

answered Oct 8, 2008 at 17:23

Gulzar Nazim

52.3k26 gold badges132 silver badges170 bronze badges

Collectives™ on Stack Overflow

Preferred way to include relative reference to JavaScript in VS 2008 nested Masterpage

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related