Kalendereinträge farblich anpassen

Manfred K. erstellt 30 Juli 2012 16:07

Hallo,

ich versuche grad die Kalendereintraäge nach Kategorie farbig anpassen. z.B. wenn "Treffen", dann background-color:red; . Nun habe ich die Anleitung http://blogs.myfirstsharepoint.de/technikblog/fundstck-der-woche-kalendereintrge-farblich-anpassen .

1) ich habe in meinem Kalender berechnete Spalte hinzugefügt: ="|||"&Kategorie&"|||"&Titel

2) in der Bibl. dokumente angelegt:

      a) jquery-1.4.2.min.js (runtergeladen)

      b) color.js mit dem Code:

 _spBodyOnLoadFunctionNames.push('WaitForCalendarToLoad');   

var SEPARATOR = "|||";

function WaitForCalendarToLoad() { 
var pwold$4a = SP.UI.ApplicationPages.CalendarNotify.$4a;
SP.UI.ApplicationPages.CalendarNotify.$4a = function () {

pwold$4a();
ColourCalendar();
}
}
function ColourCalendar() {
if($('a:contains(' + SEPARATOR + ')') != null) {
$('a:contains(' + SEPARATOR + ')').each( function (i) {
$box = $(this).parents('div[title]');
var colour = GetColourCodeFromCategory(GetCategory(this.innerHTML));
this.innerHTML = GetActualText(this.innerHTML);
$($box).attr("title", GetActualText($($box).attr("title")));
$box.css('background-color', colour);
});
}
}
function GetActualText(originalText) {
var parts = originalText.split(SEPARATOR);
return parts[0] + parts[2];
}

function GetCategory(originalText) {
var parts = originalText.split(SEPARATOR);
return parts[1];
}
function GetColourCodeFromCategory(category) {
var colour = null;
switch (category.trim().toLowerCase()) {

case 'meeting': colour = '#4FDB51';
break;
case 'work hours': colour = '#4FB8DB';
break;
case 'business': colour = "#F08616";
break;
case 'holiday': colour = "#F55875";
break;
case 'get-together': colour = "#E0F558";
break;
case 'Treffen': colour = "#F558D5";
break;
case 'birthday': colour = "#6E80FA";
break;
case 'anniversary': colour = "#FF4040";
break;
}
return colour;
}

hinzugefügt.

3) auf der Kalender-Seite habe ich CQWP (oben) Verweis auf die zwei Dateien jquery-1.4.2.min.js und color.js hinzugefügt.

4) Dann habe ich Ansicht bearbeiten- Monatsansicht, Tagesansich, Wochenansicht - als Titel meine berechnete Spalte ausgewählt.

Nun sehe ich abe in meinem Kalender, nachdem ich ein neues Antrag hinzugefügt habe, folgendes, z.B.

|||Treffen|||test

Ist wahrscheinlich was mit dem Code??? Könnte mich da jemand bitte unterstützen?

Danke!