2011-10-26 12:20:58 -04:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Gantt Test</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
/*GANTT*/
|
|
|
|
|
#gantt {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#gantt th {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
|
2011-11-01 13:12:09 -04:00
|
|
|
#gantt tr {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
2011-10-26 12:20:58 -04:00
|
|
|
#gantt td {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
|
2011-11-01 13:12:09 -04:00
|
|
|
#gantt td.event {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
#gantt td.duration {
|
|
|
|
|
text-align: right;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#gantt td.blank {
|
|
|
|
|
width: 50px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2011-10-26 12:20:58 -04:00
|
|
|
#gantt td.colored {
|
2011-11-01 13:12:09 -04:00
|
|
|
width: 50px;
|
|
|
|
|
border-left: 0;
|
|
|
|
|
border-right: 0;
|
2011-10-26 12:20:58 -04:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
2011-10-26 10:59:00 -04:00
|
|
|
<?php
|
|
|
|
|
|
2011-10-26 12:20:58 -04:00
|
|
|
include_once('Gantt.php');
|
|
|
|
|
|
|
|
|
|
$gnt = new Gantt();
|
|
|
|
|
|
2011-10-26 15:47:16 -04:00
|
|
|
$gnt->add_event('Event 1',1,1);
|
|
|
|
|
$gnt->add_event('Event 2',3,3);
|
|
|
|
|
$gnt->add_event('Event 3',3,4);
|
2011-10-26 12:20:58 -04:00
|
|
|
|
|
|
|
|
echo $gnt->render_html();
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
|
2011-10-26 10:59:00 -04:00
|
|
|
|
2011-10-26 12:20:58 -04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
