JavaScript - Trouble Debugging (type Error Possibly)

Hey this is my java script it works fine in FF , but in IE it shows type mismatch error .It shows my innerhtml page and also runs my script but i want to remove the type mismatch error would really appreciate your help.Thank you .

Here is my javascript function

function submitForm(){

// create request
var xmlhttp = null;
var serverhttp=null;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
serverhttp=new XMLHttpRequest();
if ( typeof xmlhttp.overrideMimeType != 'undefined') {
xmlhttp.overrideMimeType('text/xml');
serverhttp.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
serverhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert('Perhaps your browser does not support xmlhttprequests?');
return;
}


// submit in JSON notation
var email = document.customer.elements[0].value;
var companyName = document.customer.elements[1].value
var input = '{email:"'+email+'",company_name:"'+companyName+'"}';
var url = "URL";
var cgi = "URL/script.cgi";
xmlhttp.open('POST',url,true);
//serverhttp.open('POST',url,true);
// show feedback
xmlhttp.onreadystatechange = function (aEvt) {
var newDiv = document.createElement("div");
newDiv.innerHTML = "<b>Thank You!</b>";
//type mismatch occures over here
document.body.replaceChild(newDiv,document.customer);
serverhttp.open('POST',cgi,true);
serverhttp.send(companyName);
}
xmlhttp.send(input);
}

Hya, I've been trying to get a marquee working for my site, and would like it to use an external file for the text that it scrolls.

Currently nothing is showing up except for a little space where it should be that is only visible when I highlight the page by selecting edit>select all

I have used the script avaliable here



but instead of inserting the script into the body I have put it into an external .js

my script is the same as theirs except I have made the links point to my documents instead of the samples they gave, however I will paste it here incase I have managed to delete one vital full stop or something.

Code:

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onmouseover="this.scrollAmount=2" onmouseout="this.scrollAmount=4" src="News.htm">
</marquee>


<script language="Javascript1.2">


function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata


</script>

<![endif]-->

I'm guessing it's because I have incorrectly moved the code from inside the HTML to the external .js. My website is avaliable here

And the code I have used to insert this into the HTML (which I have a feeling is the problem) is as follows:

Code:

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

Cheers,

Al

I want to use HTML5's audio coding similar to the one below:

Code:

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'horse.ogg');
audioElement.play();

In order to play sound files depending on the input. What I'm working on is a text-to-speech webapplication.

What I'd need to happen is for there to be an input and then allow the user to type anything into the input, so if they type in:

Hello, how are you doing?

Javascript or PHP will recognize each character and translate it into an audio sequence.

In example:

It'd detect the "H" in hello and play sound file "H.ogg"
It'd then detect the "E" in hello and play sound file "E.ogg"

I know there must be an easy way to do this.

I'm used to PHP, where I can use var_dump to find out about a variable wherever I call it. Or, having the script crash entirely and give me an idea of what mistake I made, when I made a mistake.

With JS, neither of those appear to be true. I was told I can use console.log or console.dir to get something similar to var_dump, but as you can see: it's giving me no output. I need a way to help me find the mistakes I make. How can I get console.dir to work? See the image below:


Large image:
http://i.imgur.com/4cw89OO.png

I've been messing with this for hours and I can't seem to find where I've gone wrong with it, I think I need a fresh pair of eyes to give it a look over. Anyways here's my entire piece of code. I know it's a lot to look at but if anyone can help me get this working that would be great, it's starting to give me a headache just to look at it. Anyways from what I can tell the problem is somewhere in the wDesQuote() function but I can't seem to pin it down.

Code:

//Start Ajax Code
var XMLHttpRequestObject = false; 

if (window.XMLHttpRequest)
{
	XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
	XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function getData(dataSource, divID){ 
	if(XMLHttpRequestObject){
		var obj = document.getElementById(divID); 
		XMLHttpRequestObject.open("GET", dataSource); 

		XMLHttpRequestObject.onreadystatechange = function(){ 
			if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
				obj.innerHTML = XMLHttpRequestObject.responseText; 
			} 
		} 
		XMLHttpRequestObject.send(null); 
	}
}
//End Ajax Code
//Start Div Updater
function textUpdate(text, divID){
	if(XMLHttpRequestObject){
		var obj = document.getElementById(divID); 
		obj.innerHTML = text; 
		XMLHttpRequestObject.send(null); 
	}
}
//End Div Updater
//Money Formater
function roundNumber(num, dec) {
	var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
	return result;
}
//End Money Formater
function wDesQuote()
{
	var eBizCard = document.getElementById('eBizCard').checked;
	var basic = document.getElementById('basic').checked;
	var mobile = document.getElementById('mobile').checked;
	var pages = document.getElementById('pages').value * 20;
	var host = document.getElementById('hostY').checked;
	var cTemp = document.getElementById('cTemp').checked;
	var anime = document.getElementById('anime').checked;
	var addMobile = document.getElementById('addMobile').checked;
	var eComP = document.getElementById('eComP').checked;
	var eComI = document.getElementById('eComI').value;
	var eComQ = 0;
	var forum = document.getElementById('forum').checked;
	var blog = document.getElementById('blog').checked;
	var wUpd = document.getElementById('wUpd').checked;
	var bUpd = document.getElementById('bUpd').checked;
	var mUpd = document.getElementById('mUpd').checked;
	var nUpd = document.getElementById('nUpd').checked;
	var logo = document.getElementById('logo').checked;
	var bCard = document.getElementById('bCard').checked;
	var pCard = document.getElementById('pCard').checked;
	var brochure = document.getElementById('brochure').checked;
	var mTotal = 0;
	var uTotal = 0;

	if(eBizCard == true && host == true){
		uTotal = 149.95;
		mTotal = 9.95;
	}else if(eBizCard == true && host == false){
		uTotal = 149.95;
		mTotal = 0;
	}else if(mobile == true && host == true){
		uTotal = 299.95;
		mTotal = 9.95;
	}else if(mobile == true && host == false){
		uTotal = 299.95;
		mTotal = 0;
	}else{
		eBizCard = 0;
		mobile = 0;
		basic = 499.95;
		
		if(host == true){
			host = 9.95;
		}	else{
			host = 0;
		}
		if(cTemp == true){
			cTemp = 100;
		}else{
			cTemp = 0;
		}
		if(anime == true){
			anime = 150;
		}else{
			anime = 0;
		}
		if(addMobile == true){
			addMobile = 275;
		}else{
			addMobile = 0;
		}
		if(eComP == true){
			eComP = 200;
			eComQ = roundNumber(eComI * 0.59,2).toFixed(2);
			if(eComQ == "NaN"){
				alert("Please enter numbers only into the item quantity box");
				break;
			}
		}else{
			eComP = 0;
			eComI = 0;
		}
		if(forum == true){
			forum = 50;
		}else{
			forum = 0;
		}
		if(blog == true){
			blog = 50;
		}else{
			blog = 0;
		}
		if(wUpd == true){
			wUpd = 175;
		}else{
			wUpd = 0;
		}
		if(bUpd == true){
			bUpd = 100;
		}else{
			bUpd = 0;
		}
		if(mUpd == true){
			mUpd = 60;
		}else{
			mUpd = 0;
		}
		if(nUpd == true){
			nUpd = 0;
		}else{
			nUpd = 0;
		}
		if(logo == true){
			logo = 75;
		}else{
			logo = 0;
		}
		if(bCard == true){
			bCard = 90;
		}else{
			bCard = 0;
		}
		if(pCard == true){
			pCard = 140;
		}else{
			pCard = 0;
		}
		if(brochure == true){
			brochure = 280;
		}else{
			brochure = 0;
		}
	}
	var uTotal = pages + cTemp + anime + addMobile + eComP + eCompQ + forum + blog + wUpd + bUpd + mUpd + nUpd + logo + bCard + pCard + brochure;
	var mTotal = host + mUpd + bUpd + wUpd + nUpd;

	if(mTotal == 0){
		document.getElementById('totalDisplay').innerHTML = "Your total is $" + uTotal;
	}else{
		document.getElementById('totalDisplay').innerHTML = "Your total is $" + uTotal + " a monthly fee of $" + mTotal;
	}
}

I've been working on that for days, and can't find the problem. Could one of you help? I wrote a low-level digit-shift cipher, but the script doesn't work.
Code:

<head>
<script type="text/javascript">

	function ciphertext()
		{
		var t = document.getElementById.('t')
		t = t.toUpperCase()
		var n = 0
		var o = ""
		if(n=0)
			{
			o=o+t
			n=n+1
			}
		if(n=1)
			{
			if(t=="A")
				o=o+"B"
			if(t=="B")
				o=o+"C"
			if(t=="C")
				o=o+"D"
			if(t=="D")
				o=o+"E"
			if(t=="F")
				o=o+"G"
			if(t=="G")
				o=o+"H"
			if(t=="H")
				o=o+"I"
			if(t=="I")
				o=o+"J"
			if(t=="J")
				o=o+"K"
			if(t=="K")
				o=o+"L"
			if(t=="L")
				o=o+"M"
			if(t=="M")
				o=o+"N"
			if(t=="N")
				o=o+"O"
			if(t=="O")
				o=o+"P"
			if(t=="P")
				o=o+"Q"
			if(t=="Q")
				o=o+"R"
			if(t=="R")
				o=o+"S"
			if(t=="S")
				o=o+"T"
			if(t=="T")
				o=o+"U"
			if(t=="U")
				o=o+"V"
			if(t=="V")
				o=o+"W"
			if(t=="W")
				o=o+"X"
			if(t=="X")
				o=o+"Y"
			if(t=="Y")
				o=o+"Z"
			if(t=="Z")
				o=o+"A"
			else
				o=o+t
				n=n-1
			}
			document.getElementById('op').innerHTML = o.value
		}
	</script>
</head>
<body>
		<b id="op">This is your result</b>
	<input type="text" id='t' />
	<button onclick="ciphertext()">Submit</button>

</body>

I've been working on that for days, and can't find the problem. Could one of you help? (Pardon me if I am being blunt, but why doesn't this work?)

In short, what's wrong with this? I'm sure you'll test it, but it just posts the JS inside the Bold tag instead of the grade. This includes the innerHTML script.

Code:

<html>
<head>
<script type="text/javascript">

function grade()
	{
	var tot = 1;
	var g = 0;
	var qId0 = document.getElementById('0').value;
	if (qId0 == "t")
		{
		g = g + 1;
		}
	g = g / tot;
	g = g * 100;
	document.getElementById("grade").innerHTML = grade;
	}
</script>
</head>
<body>
<b id="grade">Your Grade Here</b>

<ol>	
	<li><select id="0">
		<option value="d">Test Question</option>
		<option value="f">false</option>
		<option value="t">true</option>
		<option value="f">false</option>
	</select>
	<button onclick="grade()">Submit</button>
</body>
</html>

When I hit "submit" with the right answer, I get:
function grade() { var tot = 1; var g = 0; var qId0 = document.getElementById('0').value; if (qId0 == "t") { g = g + 1; } g = g / tot; g = g * 100; document.getElementById("grade").innerHTML = grade; }
When I hit "submit" with the wrong answer, I get the same.

Can someone explain this to me and tell me how to fix it? (Also, I would appreciate it if you could point out any unrelated bugs you come across )

what is wrong with this

Code:

function addfavorites(classid,userid) {
// alert("here");


var urltoajax = "addfavorites.php?j=1&classid="+ classid + "&userid="+ userid;


urltoajax = urltoajax + '&rnd=' + Math.round(Math.random() * 10000)
alert(urltoajax);
$.ajax({
url: urltoajax,
cache: false,
success: function(html) {
$("#message").html(html);
}
});

//alert('here 2');






}

i get an error Object doesn't support this property or method

This question hovers between PHP and JavaScript, but I think it fits here a little better.

I've got a web app that does a lot of asynchronous calls to various PHP pages. I'm familiar with using an iFrame or div to hold a controller, then making forms post to that controller so you can see the output. However, I'm not doing a lot of submitting forms. Typically, I utilize the onclick event of various elements to initiate an XmlHttpRequest that jumps over to a PHP page and back.

I'm looking for a way to easily debug my PHP code. Right now I'm using Firebug (on Firefox) to look at the HTTP requests. I can see the post data and response and all that, which is good. However, it requires a good amount of clicking and time to get to that data.

Is there an easier way to do this? Ideally I'd love to include some sort of debug window that displays all of the PHP controller errors and things that I echo out.

I am trying to debug this with FireBug

Code:

function chapter12_nodeOne() {
    
    //create an element
    var element = document.createElement('input');
    //set some attributes
    element.setAttribute('type', 'button');
    element.setAttribute('value', 'submit');
    //appendd the element into a DIV
    document.getElementById('myDiv').appendChild(element);
    //uses EventUtil to attach an event listener
  (1)  EventUtil.addHandler(element, 'click', function() { alert('added event handler') });
}

var EventUtil = {
    (2)addHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = handler;
        }
    },
    
    removeHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.detachEvent) {
            element.detachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = null;
        }
    },
    
    preventDefault: function(event)
    {
        if(event.preventDefault)
        {
            event.preventDefault();
        }
        else
        {
            event.returnValue = false;
        }
    }
};

I put a breakpoint on the line marked with (1), I am trying to go to line (2) with all the available options FireBug gives, but unfortunately I get the end of chapter12_nodeOne function. Any ideas why?

This page should work, but it doesn't. My debugging says that I have a invalid character on line 2 and on line 39 it is "object expected".
Here's the page:
<HTML>
<HEAD>
<TITLE>The Golf Page</TITLE>
<STYLE>
BODY {font-family:Arial, Helvetica, sans-serif; font-size: 18pt;
color:blue; background-color:rgb(255,255,128)}
</STYLE>
<SCRIPT SRC="Ball.gif">
var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346,
-340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273,
-267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199,
-193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126,
-120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73,
-71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37,
-34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);

var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292,
-290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250,
-245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172,
-164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47,
-36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39,
-41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43,
-42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);
index=0
function moveBall() {
if(index <=[x.length-1]) {
placeIt("Ball", x[index], y[index]);
index++;
setTimeout("moveBall()", 5);
} else {
("showIt()", 5);
setTimeout("showIt('Slogan')", 5);
setTimeout("showIt('Slogan1')", 10);
setTimeout("showIT('Marquee')", 15);
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="moveBall(Ball);">
<DIV ID="Marquee" visibility:hidden font-family: Time New Roman, Times, serif; font-style:italic>
<CENTER>
<MARQUEE BGCOLOR="#BBBBBB">
A beautiful day for GOLF...Sunny...No WINDS...TEMP:68-70
</MARQUEE>
</CENTER>
</DIV>
<SCRIPT SRC="Golf.js"></SCRIPT>
<DIV ID="Title"
STYLE="border-left:1px solid blue; border-right:3px solid blue; border-top:1px solid blue; border-bottom:3px solid blue; padding-left:395;padding-top:260;padding-bottom:0;
background-color:rgb(0,255,0)">
THE G<SPAN ID="Ball" position:relative; left:0; top:0><IMG SRC="Ball.gif" BORDER=0 width="17" height="17"></SPAN>LF PAGE
</DIV>
<DIV ID="Slogan"
STYLE="color:black; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold; position:absolute; left:120; top:100; z-index:2; visibility:hidden">
Your Online Source of Golf Equipment
</DIV>
<DIV ID="Slogan2"
STYLE="color:white; font-family: Times New Roman, Times, serif;
font-style:italic; font-weight:bold; position:absolute; left:121; top:101; z-index:1; visibility:hidden">
Your Online Source of Golf Equipment
</DIV>
</BODY>
</HTML>

The function moveBall and its contents should be checked as well, although it should be correct. But the page won't load properly. The marquee is suposed to be hidden until the function executes, and it is displayed. As far as I know the only errors are in the onLoad and function, everything else is right.
Any help would be appreciated.
Thanks

I've been playing around with a madlibs exercise while trying to learn simple javascript. I have three input boxes and a button display an alert containing the input from the boxes.

Am I right to be assigning variable names to the values from the text boxes and then referencing those variables in my alert?

I'm sorry if this is a dumb question but I've been working on it for hours and can't get past this point.


Inset a name:
<input type="text" id="textbox1" size="10"/>
</br>
Insert a verb :
<input type="text" id="textbox2" size="10"/>
</br>
Insert a place:
<input type="text id="textbox3" size="10"/>


<input type="button" value="CLICK WHEN FINISHED"
onClick="name = document.getElementById('textbox1').value;
verb = document.getElementById('textbox2').value;
place = document.getElementById('textbox3').value;
alert('Mad Lib :' + name + " " + verb + " " + place);" />

I need to change input type="text" to input type="password" via JavaScript

Code:

<form id="login" action="#" method="post">
<input id="username-field" type="text" name="username" title="Username" onmousedown="javascript:this.value=''; javascript:this.focus();" value="Username" tabindex="1" />
<input id="password-field" type="text" name="password" title="Password" onmousedown="javascript:this.value=''; javascript:this.type='password'; javascript:this.focus();" value="Password" tabindex="2" />
<input type="submit" name="submit" value="sign in" tabindex="3" />
</form>

This works in Firefox and Safari but not IE So then I tried this code

Code:

<script type="text/javascript">
function passit(ip){
var np=ip.cloneNode(true);
np.type='password';
if(np.value!=ip.value)
np.value=ip.value;
ip.parentNode.replaceChild(np,ip);
}
</script>

<form id="login" action="#" method="post">
<input id="username-field" type="text" name="username" title="Username" onmousedown="javascript:this.value=''; javascript:this.focus();" value="Username" tabindex="1" />
<input id="password-field" type="text" name="password" title="Password" onmousedown="javascript:this.value=''; passit(this.form[0]); javascript:this.focus();" value="Password" tabindex="2" />
<input type="submit" name="submit" value="sign in" tabindex="3" />
</form>

This does what I need but turns the username type to password field not the password box

Please can somone help!

Does anyone know if it it possible to automatically replace any instance of & with 'and' using javascript when someone types into a text input?

In this code, what does the beginning "setCal ()" do, and what is it?

Its not a function, or a variable, I'm confused...

Code:

<script>
/*Copyright 1996 - Tomer and Yehuda Shiran
Feel free to "steal" this code provided that you leave this notice as is.
Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/
For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>*/

 setCal() 

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = "" 

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "PM"
} else
ampm = "AM"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February
ar[2] = 31 // March
ar[3] = 30 // April
ar[4] = 31 // May
ar[5] = 30 // June
ar[6] = 31 // July
ar[7] = 31 // August
ar[8] = 30 // September
ar[9] = 31 // October
ar[10] = 30 // November
ar[11] = 31 // December

// return number of days in the specified month (parameter)
return ar[month]
}

function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "January"
ar[1] = "February"
ar[2] = "March"
ar[3] = "April"
ar[4] = "May"
ar[5] = "June"
ar[6] = "July"
ar[7] = "August"
ar[8] = "September"
ar[9] = "October"
ar[10] = "November"
ar[11] = "December"

// return name of specified month (parameter)
return ar[month]
}

function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
if (year < 1000)
year+=1900
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null

// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null

// number of days in current month
var days = getDays(month, year)

// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year)
}

function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "darkblue" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "purple" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year 
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "Sun"
weekDay[1] = "Mon"
weekDay[2] = "Tues"
weekDay[3] = "Wed"
weekDay[4] = "Thu"
weekDay[5] = "Fri"
weekDay[6] = "Sat"

// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol 
}
text += '</TR>'

// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}

// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'

// print accumulative HTML string
document.write(text) 
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>