function handleDays(month) { var significantDays = $("thecalendar").getElementsByTagName("table")[0].getElementsByTagName("a"); var day = 0; month = month.replace(/.+\//,''); month = month.replace(/\..*/,''); for (var i = 0; i < significantDays.length; i++) { day = significantDays[i].parentNode.id + month; significantDays[i].onclick = function(){loadDay(this.parentNode.id);}; // loadDay("d26May2006") does the same /*Also tried significantDays[i].attachEvent("onclick",function(){loadDay('d26May2006');}); */ } } function loadDay(day) { //hide all the days first var b=$("dailydiv"); i = 0; j = b.childNodes.length; for (i=0; i < j; i++) { b.childNodes[i].style.display = "none"; } //now display the specific day var e = $(day); if (e) { e.style.display = "block"; } }