innerhtml question

Hi Amit_g,

Thanks for replying to my post.  My apologies, I wasn't sure what you mean by "change all document.write to':

document.write("<td> </td>");

document.getElementById("MyCalendar").innerHTML += "<td> </td>";

Could you please explain?

I'm still relatively new to javascript and this is my first attempt at creating a calendar.

Thank you for your help.
Regards,
-D-

Ok. Lets do it this way. Add a JS function ...

function WriteToMyCalendar(s)
{
    document.getElementById("MyCalendar").innerHTML += s;
}

and then change

document.write("<td> </td>");
to
WriteToMyCalendar("<td> </td>");

Repeat this for all document.write that you have (for the calendar).

the function you call seems contain no error
I suppose that you may use it in wrong way

could you show us how you call Calendar() in your html?

Hi amit_g,

I changed my function to use innerhtml, which killed the table formatting of the calendar.  I might of implemented the use of innerhtml incorrectly.  Here is the revised code:

function Calendar() {

var day_name = new Array(7)
day_name[0] = "Sun"
day_name[1] = "Mon"
day_name[2] = "Tue"
day_name[3] = "Wed"
day_name[4] = "Thu"
day_name[5] = "Fri"
day_name[6] = "Sat"

var month_name = new Array(12)
month_name[0] = "January"
month_name[1] = "February"
month_name[2] = "March"
month_name[3] = "April"
month_name[4] = "May"
month_name[5] = "June"
month_name[6] = "July"
month_name[7] = "August"
month_name[8] = "September"
month_name[9] = "October"
month_name[10] = "November"
month_name[11] = "December"

var Date_Object = new Date()
Date_Object.setMonth(2);
var current_day = Date_Object.getDay()
var current_month = Date_Object.getMonth()
var current_year = Date_Object.getYear()
     if (current_year < 2000) {
          current_year += 1900
     }


var total_days = daysInMonth(Date_Object);

var first_day = (current_day - Date_Object.getDate() + 7) % 7 + 1;
var rows = (first_day + total_days) / 7
var pos = 0

document.getElementById("calendar").innerHTML += ("<table border='1'><tr><td colspan='7'><a href='javascript:;' onClick='PrevMonth();'><<</a> " + month_name[current_month] + " <a href=''>>></a> <a href=''><<</a> " + current_year + " <a href=''>>></a></td><tr>")
document.getElementById("calendar").innerHTML += ("<tr><td colspan='7'>" + month_name[current_month] + " " + current_year + "</td></tr>")
document.getElementById("calendar").innerHTML += ("<tr>")
for(x = 0; x <= 6; x++) {
document.getElementById("calendar").innerHTML += ("<td>" + day_name[x] + "</td>")
}
document.getElementById("calendar").innerHTML += ("</tr>")
for(r = 0; r < rows; r++) {
document.getElementById("calendar").innerHTML += ("<tr>")
for(d = 0; d <= 6; d++) {
pos++;
if ((pos > first_day) && (pos <= total_days + first_day))
document.getElementById("calendar").innerHTML += ("<td><a href=''>" + (pos - first_day) +"</a></td>")
else
document.getElementById("calendar").innerHTML += ("<td> </td>")
}
document.getElementById("calendar").innerHTML += ("</tr>")
}
document.getElementById("calendar").innerHTML += ("<tr><td colspan='7'>hours:minutes:seconds AM/PM</td></tr>")
document.getElementById("calendar").innerHTML += ("</table>")
}

Where did I go wrong?

Thanks again for your help.
Regards,
-D-