Simple Scheuler
This is a simple Scheduler for a small javascript app
by naveen
HTML
<table border="1">
<tr>
<th>
<a id="prev" href="#" onclick="ShowOtherSchedule(false)">Previous</a>
</th>
<th id="display_day">
</th>
<th>
<a id="next" href="#" onclick="ShowOtherSchedule(true)">Next</a>
</th>
</tr>
<tr>
<td>
</td>
<td id="display_class">
</td>
<td>
</td>
</tr>
</table>
<script>ShowSchedule();</script>
JavaScript
var today_day = new Date().getDay();
function ShowSchedule() {
var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
scheduledClass = "";
switch (today_day) {
case 0:
scheduledClass = "No classes today";
break;
case 1:
scheduledClass = "9.30am - 10.30am: Mixed<br>5pm - 7pm: Mens advanced";
break;
case 2:
scheduledClass = "5pm - 7pm: Mens<br>7pm - 9pm: Womens";
break;
case 3:
scheduledClass = "9.30am - 10.30am: Mixed<br>12pm - 1pm: mums and bubs<br>5pm - 7pm: Mens advanced<br>7pm - 9pm: mixed";
break;
case 4:
scheduledClass = "4.15pm - 6.15pm: Kids<br>5pm - 7pm: Mens<br>7pm - 9pm: Womens";
break;
case 5:
scheduledClass = "5pm - 7pm: Mens advanced";
break;
case 6:
scheduledClass = "8.30am - 10am: Kids<br>10am - 11am: Womens";
break;
}
document.getElementById("display_day").innerHTML = weekday[today_day];
document.getElementById("display_class").innerHTML = scheduledClass;
}
function ShowOtherSchedule(isNextDay) {
if (isNextDay) {
today_day = (today_day == 6) ? 0 : today_day + 1;
}
else {
today_day = (today_day == 0) ? 6 : today_day - 1;
}
ShowSchedule();
}