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>