Help needed to reference external javascript

[rmac]

I want to make a .js file containing javascript for the date on my website. I can add the file to the root dirtectory but I do not know how to reference the .js file so it appears on the page where I want it.

Any help would be appriciated.

[sands]

Add the following line in the head of the document:
<script language="javascript" type="text/javascript" src="date.js"></script>
This would point to the .js file presuming it is named date.js.

Then add the following wherever you wish to see the date on the document:
<script language="JavaScript" type="text/javascript">print_date()</script>
This presuming the function called is named print_date(). That is all!

[rmac]

I am still doing something wrong. I named the script date.js (see script below)

<SCRIPT language=JavaScript>
<!--
// Insert current date

now = new Date();
day = now.getDay();
var dayname;
if (day == 0) dayname = "Sunday";
if (day == 1) dayname = "Monday";
if (day == 2) dayname = "Tuesday";
if (day == 3) dayname = "Wednesday";
if (day == 4) dayname = "Thursday";
if (day == 5) dayname = "Friday";
if (day == 6) dayname = "Saturday";
month = now.getMonth();
var monthname;
if (month == 0) monthname = "January";
if (month == 1) monthname = "February";
if (month == 2) monthname = "March";
if (month == 3) monthname = "April";
if (month == 4) monthname = "May";
if (month == 5) monthname = "June";
if (month == 6) monthname = "July";
if (month == 7) monthname = "August";
if (month == 8) monthname = "September";
if (month == 9) monthname = "October";
if (month == 10) monthname = "November";
if (month == 11) monthname = "December";
date = now.getDate();
year = now.getYear();
if (year < 1000) year += 1900;

document.write("<FONT SIZE=2 face=arial,helvetica,univers,sanserif color=black>" + dayname + ", " + monthname + " " + date + ", " + year + "</FONT>");
// -->

</SCRIPT>

But I am still getting errors. I am unsure of the referencing part of it.

[sands]

Put this code into the .js file named date.js:
==================
<!--
// Insert current date

now = new Date();
day = now.getDay();
var dayname;
if (day == 0) dayname = "Sunday";
if (day == 1) dayname = "Monday";
if (day == 2) dayname = "Tuesday";
if (day == 3) dayname = "Wednesday";
if (day == 4) dayname = "Thursday";
if (day == 5) dayname = "Friday";
if (day == 6) dayname = "Saturday";
month = now.getMonth();
var monthname;
if (month == 0) monthname = "January";
if (month == 1) monthname = "February";
if (month == 2) monthname = "March";
if (month == 3) monthname = "April";
if (month == 4) monthname = "May";
if (month == 5) monthname = "June";
if (month == 6) monthname = "July";
if (month == 7) monthname = "August";
if (month == 8) monthname = "September";
if (month == 9) monthname = "October";
if (month == 10) monthname = "November";
if (month == 11) monthname = "December";
date = now.getDate();
year = now.getYear();
if (year < 1000) year += 1900;
theDate = "<FONT SIZE=2 face=arial,helvetica,univers,sanserif color=black>" + dayname + ", " + monthname + " " + date + ", " + year + "</FONT>";
// -->
==================

Then put this line in the head of the HTML document:
==================
<script language="javascript" type="text/javascript" src="date.js"></script>
==================

Then add this line wherever you wish to see the date in the HTML document:
==================
<script language="JavaScript" type="text/javascript">document.write(theDate)</script>
==================

[drummin]

Just use the script itself without heading and ending. So remove the head (<SCRIPT language=JavaScript>) and ending (</SCRIPT>) from your js file. The name of the file tells what kind of file it is just like you wouldn't add <style type="text/css"> to a css file.

<!--
// Insert current date

now = new Date();
day = now.getDay();
var dayname;
if (day == 0) dayname = "Sunday";
if (day == 1) dayname = "Monday";
if (day == 2) dayname = "Tuesday";
if (day == 3) dayname = "Wednesday";
if (day == 4) dayname = "Thursday";
if (day == 5) dayname = "Friday";
if (day == 6) dayname = "Saturday";
month = now.getMonth();
var monthname;
if (month == 0) monthname = "January";
if (month == 1) monthname = "February";
if (month == 2) monthname = "March";
if (month == 3) monthname = "April";
if (month == 4) monthname = "May";
if (month == 5) monthname = "June";
if (month == 6) monthname = "July";
if (month == 7) monthname = "August";
if (month == 8) monthname = "September";
if (month == 9) monthname = "October";
if (month == 10) monthname = "November";
if (month == 11) monthname = "December";
date = now.getDate();
year = now.getYear();
if (year < 1000) year += 1900;

document.write("<FONT SIZE=2 face=arial,helvetica,univers,sanserif color=black>" + dayname + ", " + monthname + " " + date + ", " + year + "</FONT>");
// -->

[Faglork]

Originally Posted by sands

Add the following line in the head of the document:
<script language="javascript" type="text/javascript" src="date.js"></script>
This would point to the .js file presuming it is named date.js.

If the script resides in the root directory, I suggest to use

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

instead. This will work from all subdirectories as well.

hth,
faglork

[Jeff Colburn]

Hi,

Another way to add JavaScript to a page is with Server Side Includes. Go here http://www.creativecauldron.com/websitearticleSSI.shtml and read my article "Use Server Side Includes To Ease Your Workload."

Have Fun,
Jeff