Lunar Calendar using JavaScript and HTML

[Yatin Shah]

Hi Guys,

I have to create lunar calendar using HTML and JavaScript. I have created, but not able to place values and images to calendar. Please take a look attached files for your reference along with question.

Kindly help me. Awaiting for your reply.


Regards,
Yatin

[Christian Johansen]

Hi Yatin,

It may just be me who's new to the forum, but I cannot see any attachments to your post. Perhaps it's easier if you can extract some relevant parts into a post and describe some specific problems you're experiencing?

[Bear Bibeault]

Please avoid attachments and post a small portion of code that exhibits the problem.

[Yatin Shah]

Hi There,

Thanks for reply. But it's necessary to have all required files. I have to create lunar calendar. There are 16 images. I am not able to call javaScript to import all images in to calendar. If it is possible to give me your email ID, I can sent mail having all files and details.

I hope you don't mind.

Regards,
Yatin

[Bear Bibeault]

UseTheForumNotEmail

[Yatin Shah]

Hi there,

Thanks for all. Please take a look following question.

[QUESTION]

I have to create Lunar Calendar using Javascript, CSS and HTML. There are images of moon from 0 - 15, which I have to insert in calander. I need your help to insert those I images into calendar.

[/QUESTION]

    

Following is my Lunarcal.js file which creating calendar for me.
function lunar_calendar()

{

	var calDate = new Date("August 8, 2011");

	

	 document.write("<table id='calendar_table'>");
	 document.write("<div id='callFunction'>");

	 writeDate(calDate);

	 writeDayNames();

	 writeCalDays(calDate);

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


	 
}



/*

	The purpose of this function is to display a date in the format Month Day, Year, where Month is 	

	the name of the month, Days is the day of the month, and Year is the fourdigit year value.

*/

function writeDate(calendarDay)

{

	var monthName = new Array ("January", "February", "March", "April", "May", "June", "July",

							   "August", "September", "October", "November", "December");

	

	var thisMonth = calendarDay.getMonth();

	var thisDay = calendarDay.getDate();

	var thisYear = calendarDay.getFullYear();



	document.write("<tr>");

	document.write("<th id='calendar_head' >");

	document.write(monthName[thisMonth] + " "+thisDay+ ", " +thisYear);

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

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

}



/*

	The purpose of this function is to display name of day.

*/



function writeDayNames()

{

	var dayName = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");

	document.write("<tr>");

	for(var i=0; i<dayName.length; i++)

		document.write("><th class='calendar_weekdays'>" +dayName[i]+ "</th>");

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

}



/*

	The purpose of this function is to check days in month.

*/

function daysInMonth(calendarDay)

{

	var thisYear=calendarDay.getFullYear();

	var thisMonth=calendarDay.getMonth();

	var dayCount= new Array(31,28,31,30,31,30,31,31,30,31,30,31);

	

	if(thisYear % 4 == 0)

	{

		if( (thisYear % 100 != 0) || (thisYear % 400 == 0) )

			dayCount[1]=29;

	}

	return dayCount[thisMonth];	

}



/*

	The purpose of this function is to calculate days.

*/



function writeCalDays(calendarDay)

{
	var currentDay = calendarDay.getDate();

	var dayCount =1 ;

	var totalDays = daysInMonth(calendarDay);

	calendarDay.setDate(1);

	var weekDay = calendarDay.getDate();

	

	document.write("<tr>");

	

	for(var i=0; i<weekDay; i++)

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

		

// While loop for writing the calendar days.

	while (dayCount <= totalDays)

	{

		if(weekDay == 0)

			document.write("<tr>");



		if(dayCount == currentDay)
			document.write("<td class='calendar_dates' id = 'calendar_today'> " +dayCount+ "</td>");
			

		else 

			document.write("<td class='calendar_dates'>" +dayCount+ "</td>");



		

		if(weekDay == 6)

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



		dayCount++;

		calendarDay.setDate(dayCount);			

		weekDay = calendarDay.getDay();

	}

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

}

Let me know if you need some more information.

Thanking you,

[Valerie Avila]

Yatin.. did you ever get this calendar working... I am working on same calendar and just have questions on HTML part of code.