www/plugins/auto/fullcalendar/index.html

   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 <title>Fullcalendar pour SPIP</title>
   5 <link rel='stylesheet' type='text/css' href='css/cupertino/theme.css' />
   6 <link rel='stylesheet' type='text/css' href='css/fullcalendar.css' />
   7 <link rel='stylesheet' type='text/css' href='css/fullcalendar.print.css' media='print' />
   8 <script type='text/javascript' src='../../prive/javascript/jquery.js'></script>
   9 <script type='text/javascript' src='js/fullcalendar.js'></script>
  10 <script type='text/javascript'>
  11
  12         $(document).ready(function() {
  13
  14                 var date = new Date();
  15                 var d = date.getDate();
  16                 var m = date.getMonth();
  17                 var y = date.getFullYear();
  18
  19                 $('#calendar').fullCalendar({
  20                         theme: true,
  21                         header: {
  22                                 left: 'prev,next today',
  23                                 center: 'title',
  24                                 right: 'month,agendaWeek,agendaDay'
  25                         },
  26                         editable: true,
  27                         events: [
  28                                 {
  29                                         title: 'All Day Event',
  30                                         start: new Date(y, m, 1)
  31                                 },
  32                                 {
  33                                         title: 'Long Event',
  34                                         start: new Date(y, m, d-5),
  35                                         end: new Date(y, m, d-2)
  36                                 },
  37                                 {
  38                                         id: 999,
  39                                         title: 'Repeating Event',
  40                                         start: new Date(y, m, d-3, 16, 0),
  41                                         allDay: false
  42                                 },
  43                                 {
  44                                         id: 999,
  45                                         title: 'Repeating Event',
  46                                         start: new Date(y, m, d+4, 16, 0),
  47                                         allDay: false
  48                                 },
  49                                 {
  50                                         title: 'Meeting',
  51                                         start: new Date(y, m, d, 10, 30),
  52                                         allDay: false
  53                                 },
  54                                 {
  55                                         title: 'Lunch',
  56                                         start: new Date(y, m, d, 12, 0),
  57                                         end: new Date(y, m, d, 14, 0),
  58                                         allDay: false
  59                                 },
  60                                 {
  61                                         title: 'Birthday Party',
  62                                         start: new Date(y, m, d+1, 19, 0),
  63                                         end: new Date(y, m, d+1, 22, 30),
  64                                         allDay: false
  65                                 },
  66                                 {
  67                                         title: 'Click for Google',
  68                                         start: new Date(y, m, 28),
  69                                         end: new Date(y, m, 29),
  70                                         url: 'http://google.com/'
  71                                 }
  72                         ]
  73                 });
  74
  75         });
  76
  77 </script>
  78 <style type='text/css'>
  79
  80         body {
  81                 margin-top: 40px;
  82                 text-align: center;
  83                 font-size: 13px;
  84                 font-family:"Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  85                 }
  86
  87         #calendar {
  88                 width: 900px;
  89                 margin: 0 auto;
  90                 }
  91
  92 </style>
  93 </head>
  94 <body>
  95 <h1><a href="http://www.spip-contrib.net/Fullcalendar">FullCalendar pour SPIP</a></h1>
  96 <br/>
  97 <div id='calendar'></div>
  98 </body>
  99 </html>