Re: new ..calendar component in v11
got a little of this from the website. Uses css and looks very programmable
Of course, I am absolutely no expert
got a little of this from the website. Uses css and looks very programmable
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title></title> </head> <script src="codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script> <script src="codebase/ext/dhtmlxscheduler_recurring.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="codebase/dhtmlxscheduler_glossy.css" type="text/css" title="no title" charset="utf-8"> <link rel="stylesheet" href="codebase/ext/dhtmlxscheduler_recurring.css" type="text/css" title="no title" charset="utf-8"> <style type="text/css" media="screen"> html, body{ margin:0px; padding:0px; height:100%; overflow:hidden; } </style> <script type="text/javascript" charset="utf-8"> function init() { window.resizeTo(950,700) modSchedHeight(); scheduler.config.xml_date="%Y-%m-%d %H:%i"; scheduler.config.details_on_create=true; scheduler.config.details_on_dblclick=true; scheduler.init('scheduler_here',new Date(2009,6,1),"month"); scheduler.load("xml/recurring.xml"); } </script> <body onload="init();" onresize="modSchedHeight()"> <!-- info block href-prev href-next title desc-short desc-long --> <script> function modSchedHeight(){ var headHeight = 100; var sch = document.getElementById("scheduler_here"); sch.style.height = (parseInt(document.body.offsetHeight)-headHeight)+"px"; var contbox = document.getElementById("contbox"); contbox.style.width = (parseInt(document.body.offsetWidth)-300)+"px"; } </script> <div style="height:95px;background-color:#3D3D3D;border-bottom:5px solid #828282;"> <a style="float:left;margin:22px 0 0 25px;" href="sample_basic.shtml"><img src="images/btn-left.gif"></a> <div id="contbox" style="float:left;color:white;margin:22px 75px 0 75px; overflow:hidden;font: 17px Arial,Helvetica;color:white"> <div style="border-right:5px solid #2D8EB6;color:#2D8EB6;width:175px;height:50px;float:left;text-align:right;padding-right:25px;">Recurring Events</div> <div style="font-size:12px;padding-left:225px;width:400px;">View regularly occuring events which are repeated daily, weekly, monthly, or yearly.</div> <div style="font-size:12px;padding-left:225px;margin-top:5px;color:#949292;width:400px;">You can add/edit/delete events, but changes will be available only until the demo is reloaded.</div> </div> <a style="float:right;margin:22px 25px 0 0;" href="sample_units.shtml"><img src="images/btn-right.gif"></a> </div> <!-- end. info block --> <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'> <div class="dhx_cal_navline"> <div class="dhx_cal_prev_button"> </div> <div class="dhx_cal_next_button"> </div> <div class="dhx_cal_today_button"></div> <div class="dhx_cal_date"></div> <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div> <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div> <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div> </div> <div class="dhx_cal_header"> </div> <div class="dhx_cal_data"> </div> </div> </body>
Comment