json.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <!--<src>-->
  5. <link rel='stylesheet' type='text/css' href='../src/css/main.css' />
  6. <link rel='stylesheet' type='text/css' href='../src/css/grid.css' />
  7. <link rel='stylesheet' type='text/css' href='../src/css/agenda.css' />
  8. <script type='text/javascript' src='../src/jquery/jquery.js'></script>
  9. <script type='text/javascript' src='../src/jquery/jquery-ui-custom.js'></script>
  10. <script type='text/javascript' src='../src/main.js'></script>
  11. <script type='text/javascript' src='../src/grid.js'></script>
  12. <script type='text/javascript' src='../src/agenda.js'></script>
  13. <script type='text/javascript' src='../src/view.js'></script>
  14. <script type='text/javascript' src='../src/selection_util.js'></script>
  15. <script type='text/javascript' src='../src/util.js'></script>
  16. <!--</src>-->
  17. <!--
  18. <dist>
  19. <link rel='stylesheet' type='text/css' href='../fullcalendar.css' />
  20. <script type='text/javascript' src='../jquery/jquery.js'></script>
  21. <script type='text/javascript' src='../jquery/jquery-ui-custom.js'></script>
  22. <script type='text/javascript' src='../fullcalendar.min.js'></script>
  23. </dist>
  24. -->
  25. <script type='text/javascript'>
  26. $(document).ready(function() {
  27. $('#calendar').fullCalendar({
  28. editable: true,
  29. events: "json-events.php",
  30. eventDrop: function(event, delta) {
  31. alert(event.title + ' was moved ' + delta + ' days\n' +
  32. '(should probably update your database)');
  33. },
  34. loading: function(bool) {
  35. if (bool) $('#loading').show();
  36. else $('#loading').hide();
  37. }
  38. });
  39. });
  40. </script>
  41. <style type='text/css'>
  42. body {
  43. margin-top: 40px;
  44. text-align: center;
  45. font-size: 14px;
  46. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  47. }
  48. #loading {
  49. position: absolute;
  50. top: 5px;
  51. right: 5px;
  52. }
  53. #calendar {
  54. width: 900px;
  55. margin: 0 auto;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div id='loading' style='display:none'>loading...</div>
  61. <div id='calendar'></div>
  62. <p>json-events.php needs to be running in the same directory.</p>
  63. </body>
  64. </html>