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>