ansaurus

Question

How to insert javascript in asp.net master pages

Answer 1

A:

Can you explain what you mean by the "~/" isn't working? It should be exactly what you're looking for. You might check that your head tag has the runat="server" attribute, since that might prevent the "~/" from working.

Hugoware 2009-08-07 17:34:38

Not sure what the down vote was for since what I said is true... -- Hmmm...

Hugoware 2009-08-07 17:40:23

The ~/ doesn't resolve correctly for javascript include tags. (I didn't vote down however)

stringo0 2009-08-07 18:11:29

Bah! I stand corrected!! -- I knew it worked for tags inside the head tag (like for stylesheets) -- Didn't realize it didn't work for scripts!

Hugoware 2009-08-07 19:34:57

Answer 2

+4 A:

The ~/ is a special entity in ASP.NET which represents the "application root". The translation only happens when you pass that URL through an ASP.NET server control, such as <asp:Image runat="server" ImageUrl="~/path..." />. Trying to use it in something that is passed as literal text directly to the client, such as ` will be rendered exactly that in the browser.

There are a few solutions to this:

Put your scripts in a predictable place relative to the domain root, such as domain.com/scripts/script.js, and you can refer to it as /scripts/script.js. The preceding / tells the client (browser) it is an absolute path from the domain root.
Use Page.ResolveClientUrl to render the correct path (<%=Page.ResolveClientUrl("~/script./js")%>)
Create your own server control which handles the ~/ resolution.
Embed the script as an assembly resource.

Rex M 2009-08-07 17:36:30

Thank you for the detailed solution - the absolute path method seems easy enough if it works.

stringo0 2009-08-07 18:12:20

Answer 3

A:

Try

<script type="text/javascript" src=<%=Request.ApplicationPath+"/Scripts/Script_Name"%>></script>

I've been using url rewriting and "~" occasionally chokes on special characters in the url even when they are encoded.

apocalypse9 2009-08-07 17:38:01

Answer 4

+4 A:

Cory Larson recommends:

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

lance 2009-08-07 17:39:06

This is the correct way, missed the tilde. This works, I'll remove mine.

ScottE 2009-08-07 17:45:08

I favor a slightly different syntax:`<script type="text/javascript" src="<%= Page.ResolveClientUrl("~/") %>tooltip.js"></script>`

Ken Browning 2009-08-07 17:54:23

Thanks for the quick fix!

stringo0 2009-08-07 18:13:20

Answer 5

A:

If the script tag is in the HEAD element just use a path that is relative to the master page and asp.net will automatically fix the reference for you. Just make sure that the HEAD element has the runat=”server” attribute.

This also works really well for CSS files. It's the only way I've been able to get them to resolve in the VS.NET designer.

Here is a sample from my project:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../styles/reset.css" />
    <link rel="stylesheet" type="text/css" href="../styles/960.css" />
    <link rel="stylesheet" type="text/css" href="../styles/default.css" />
    <link rel="stylesheet" type="text/css" href="../styles/buttons.css" />
    <script type="text/javascript" src="../jQuery/jquery-1.3.2.js"></script>
</head>

Scott Dowding 2009-08-07 17:53:19

ansaurus

tags:

views:

answers:

How to insert javascript in asp.net master pages

related questions