CodeThat.com

CodeThatCalendar Opacity and Position Example

Inline calendar

Month+year scrollers.

Calendar in the frame.

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<script language="javascript" src="../Scripts/codethatcalendarpro.js"></script>
<script language="javascript1.2">
<!--
var caldef1 = {
	opacity : 75,
	firstday : 0,
	dtype : 'MM/dd/yyyy',
	width : 250,
	windoww : 300,
	windowh : 200,
	border_width : 0,
	border_color : '#0000d3',
	dn_css : 'clsDayName',
	cd_css : 'clsCurrentDay',
	tw_css : 'clsCurrentWeek',
	wd_css : 'clsWorkDay',
	we_css : 'clsWeekEnd',
	wdom_css : 'clsWorkDayOtherMonth',
	weom_css : 'clsWeekEndOtherMonth',
	headerstyle : {
		type : 'buttons',
		css : 'clsDayName',
		imgnextm : 'img/next.gif',
		imgprevm : 'img/prev.gif',
		imgnexty : 'img/next_year.gif',
		imgprevy : 'img/prev_year.gif'
	},
	monthnames : ["January", "February", "March",
	"April", "May", "June", "July",
	"August", "September", "October",
	"November", "December"],
	daynames : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
};
var c1 = new CodeThatCalendar(caldef1); 
//-->
</script>

<body>

<P>Inline calendar</P>
<form><input name="id1" type="textarea"/></form>

	<script language="javascript1.2">
<!--
c1.inline_create(document, "id1"); 
//-->
</script>

<p>Month+year scrollers. Calendar in the frame.
<form><input name="id1" type="textarea"/>
<input type="button" 
       onClick="c1.innerpopup('calendar_frame1','calendar_frame');" 
       value="..."/>
</form>             

        <script language="javascript1.2">
<!--
// Create iframe
if (ua.oldOpera)document.write("<div id=\"calendar_div\">");
document.write("<iframe id=\"calendar_frame1\" name=\"calendar_frame\"");
document.write(" frameborder=\"0\"");
document.write(" scrolling=\"no\" style=\"filter:Alpha(Opacity=60);
position:absolute; left:30; top:400;\" ");
document.write(" style=\"visibility:hidden;\"");
if (ua.oldOpera)
document.write(" src=\"codethatcalendar_ifr.html\">");
document.write("</iframe>");
if (ua.oldOpera)document.write("</div>"); 
//-->
</script>
</body>

</html>