Kan iemand helpen met deze taak? Ik ben geen Javascript-goeroe en ben een beetje blijven steken. Ik gebruik een jQuery Datepicker UI om een evenementenkalender te maken.
Ik wil de geselecteerde datums (met de namen van gebeurtenissen) aan de juiste gebeurtenis koppelen (afzonderlijke pagina of anker).
Hier is het script dat ik gebruik om mijn evenementen te specificeren:
$(function() {
//format: specialDays.year.month.day
var specialDays = {
'2011': {
'10': {
'1': {content: "Event numer 1", className: "museumevent"},
'2': {content: "Event numer 2", className: "museumevent"},
'3': {content: "Event numer 3", className: "museumevent"},
'4': {content: "Event numer 4", className: "museumevent"},
'5': {content: "Event numer 5", className: "museumevent"},
'6': {content: "Event numer 6", className: "museumevent"},
'7': {content: "Event numer 7", className: "museumevent"},
'8': {content: "Event numer 8", className: "museumevent"},
'9': {content: "Event numer 9", className: "museumevent"},
'10': {content: "Event numer 10", className: "museumevent"},
'11': {content: "Event numer 11", className: "museumevent"},
'12': {content: "Event numer 12", className: "museumevent"},
'13': {content: "Event numer 13", className: "museumevent"},
'25': {content: "Event numer 14", className: "museumevent"},
'26': {content: "Event numer 15", className: "museumevent"},
'27': {content: "Event numer 16", className: "museumevent"},
'28': {content: "Event numer 17", className: "museumevent"} }
}
};
$('#datepicker').datepicker({beforeShowDay: function(date) {
var d = date.getDate(),
m = date.getMonth()+1,
y = date.getFullYear();
if (specialDays[y] && specialDays[y][m] && specialDays[y][m][d]) {
var s = specialDays[y][m][d];
return [true, s.className, s.content];//selectable
}
return [false,''];//non-selectable
}});
});
Hier is de jsFiddle met deze kalender.
Het belangrijkste doel is aangepaste Tooltips te maken voor de geselecteerde datums (Uitgelichte evenementen) en deze datums klikbaar te maken.
Bij voorbaat dank!