Hi,
I am new to this technology so any help apreciated.
I only seem to be able to get the code below to work on IE – quirk mode and not IE 8 standard mode.
(This really surprised me looking at the DHTMLX website)
I do not seem to be able to get it to work in Firefox 3.6 either.
The other thing I noticed was that my ‘copyright statement’ and ‘text’ are overwritten by the scheduler on loading.
Please note the following.
- I am using ‘tiles’ and therefore the need to use window.onload=init; rather than having the function call on the which is generic for lots of pages.
- I have tried placing a container around the “scheduler_here” with height:100%; but no change.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Display User Page</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" href="/xxx/css/templateheader.css" type="text/css"> <link rel="stylesheet" href="/xxx/css/user.css" type="text/css"> <link rel="stylesheet" href="/xxx/scheduler/dhtmlxscheduler.css" type="text/css" charset="utf-8"> </head> <body> <table width="100%" border="0"> <tr> <td> <script type="text/javascript" src="/xxx/js/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="/xxx/js/jquery.jclock_4.js"></script> <script type="text/javascript"> $(function($) { $('.jclock').jclock(); }); </script> <img src="/xxx/Logo.png" alt="" height="80" width="150"> <div id="header"> Current Time: 23/04/2011 <div id="clock" class="jclock"></div> </div> <hr> </td> </tr> <tr> <td valign="top" align="left"> <script src="/xxx/scheduler/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> function init() { scheduler.config.scroll_hour=9; scheduler.init('scheduler_here',null,"week"); scheduler.load(); } </script> <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> <div> Text </div> <script type="text/javascript">window.onload=init;</script> </td> </tr> <tr> <td>Copyright </td> </tr> </table> </body> </html>