Embed the javascript file.

Jianwei Sun · Apr 13, 2006

Hi, Dear guru,

I have a question on embed a javascript into the master page.

I put the following line
<link runat="server" type="text/javascript" href="~/column.js" />

under the head, but obviously, it's not called anywhere.

But if I put this line,
<script type="text/javascript" src="column.js"></script>, it worked.

But I think i have to use the first approach since the second approach
will use an absolute path, and won't resolve in other pages which
include the master page.

Is there anyway around this issue

Thanks for help.

Swanand Mokashi · Apr 13, 2006

Here is how you can do it

define the <head> tag in the master page to be a server side control as
this :
<head runat="server">

Then in Page_Init event of master page add the following :
HtmlLink link = new HtmlLink();
link.Href = "~/column.js";
link.Attributes.Add("type", "text/javascript");
Page.Header.Controls.Add(link);

HTH !
--
Swanand Mokashi
Microsoft Certified Solution Developer (.NET) - Early Achiever
Microsoft Certified Application Developer (.NET)

http://www.dotnetgenerics.com/
DotNetGenerics.com -- anything and everything about Microsoft .NET
technology ...

http://www.swanandmokashi.com/
http://www.swanandmokashi.com/HomePage/WebServices/
Home of the Stock Quotes, Quote of the day and Horoscope web services

Jianwei Sun · Apr 13, 2006

Thanks for the reply,

Here is what is generated in header section after implementing your
suggestions.
<link href="column.js" type="text/javascript" />

But it seems it's still not called, is that because my javascript is wrong.

[Javascript code ]

function setTall() {
if (document.getElementById) {
//Adjust the column height here....
}
}

window.onload = function() {
setTall();
}

window.onresize = function() {
setTall();
}

But if I uncomment this line, it works...

<script type="text/javascript" src="column.js"></script>

Any other suggestions, thanks.

humbads · Mar 26, 2008

embed external javascript in master page head

The HTML LINK tag can't be used for Javascript. You have to use the SCRIPT tag for embedding external Javascript. You can use the ResolveClientUrl function to translate the relative URL, and a Literal control to print the SCRIPT tag.

Put this in the Page_Load of your master page:

ExternalJS.Text = "<script type=\"text/javascript\" src=\"";
ExternalJS.Text += ResolveClientUrl("~/column.js");
ExternalJS.Text += "\"></script>";

Put this in your <head> tag of your master page:

<asp:literal id="ExternalJS" runat="server"></asp:literal>

Erik.Roll · May 21, 2008

humbads said:
The HTML LINK tag can't be used for Javascript. You have to use the SCRIPT tag for embedding external Javascript. You can use the ResolveClientUrl function to translate the relative URL, and a Literal control to print the SCRIPT tag.

Put this in the Page_Load of your master page:

ExternalJS.Text = "<script type=\"text/javascript\" src=\"";
ExternalJS.Text += ResolveClientUrl("~/column.js");
ExternalJS.Text += "\"></script>";

Put this in your <head> tag of your master page:

<asp:literal id="ExternalJS" runat="server"></asp:literal>

Works like a charm, thanks Humbads!

note: in VB.net the escape characters for the double quotes is simply two double quotes, so your literal looks like
litJSLink.Text = "<script type=""text/javascript"" src=""" & ResolveClientUrl("~/javscriptFile.js") & """></script>"

How can I structure the final array to meet the requirements of Bootstrap Tree View for building a tree in JavaScript?	1	Mar 29, 2024
Final chapter of "Learn PHP, MySQL and JavaScript"	3	Jun 4, 2024
JavaScript code not working!!	6	Jun 13, 2023
Javascript DOM	1	Mar 29, 2023
Check forms With JavaScript	1	Mar 28, 2023
Correct javascript generates problems	1	Dec 31, 2022
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023

Embed the javascript file.

Jianwei Sun

Swanand Mokashi

Jianwei Sun

humbads

Erik.Roll

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads