Here is the code for showing only icons in the event's box. They are not clickable at all. I left the code for the Main and side calendar since I wasn't sure if you were still going to use it. But, I highlighted the code (in
.
<div id="tempvar" style="display:none;"/><
script type="text/javascript">
$(document).ready(function() {
var events = new Array();
events.push(["Favor Run","http://i299.photobucket.com/albums/mm299/chefricochet/5c054b59.gif"]);
events.push(["Demon Queen","http://i299.photobucket.com/albums/mm299/chefricochet/animated/b8dadb93.gif"]);
events.push(["Tempest spine","http://i299.photobucket.com/albums/mm299/chefricochet/animated/2bf0af1b.gif"]);
events.push(["Bounty hunter","http://i299.photobucket.com/albums/mm299/chefricochet/animated/raid.gif"]);
events.push(["Black abbott","http://i299.photobucket.com/albums/mm299/chefricochet/animated/Druid-03-june.gif"]);
events.push(["Titan","http://i299.photobucket.com/albums/mm299/chefricochet/animated/Monster-02-june.gif"]);
events.push(["Von","http://i299.photobucket.com/albums/mm299/chefricochet/animated/Dragon-17-june.gif"]);
events.push(["Shroud","http://i299.photobucket.com/albums/mm299/chefricochet/animated/Demon-03-june.gif"]);
events.push(["Reaver","http://i299.photobucket.com/albums/mm299/chefricochet/animated/067eed10.gif"]);
events.push(["Flagging","http://i299.photobucket.com/albums/mm299/chefricochet/animated/74d0c3ce.gif"]); events.push(["birthday|Birthday","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/birthday.gif"]);
events.push(["Fun event|fun event","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/fun.gif"]);
events.push(["quest|Quest","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/quest.gif"]);
events.push(["Unk|unk","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/unknown.gif"]);
/*
***************************************
Don't change anything below this line!
*************************************** */
// Main Calendar
$(".CenterContentZone").find("#tblMonthlyCalendarTable").find(".NormGridRow,.AltGridRow").each(function() {
addIcons($(this),"right","56","56");
});
// Events Box
$("a").each(function() {
$("#tempvar").html("");
if ($(this).attr("title").match("details of this event on the Calendar")) {
$(this).parent().css("width","130").removeClass("NormGridRow").removeClass("AltGridRow")
.unbind().parent().attr("align","center");
addIconsOnly($(this).parent(),"","56","56");
$(this).parent().html($("#tempvar").html());
} }); // Side Calendar (Mini)
$(".LeftContentZone,.RightContentZone").find("#monthlyCalendarCalendarColumn").find("table:eq(0)").each(function() {
try {
$(this).find(".NormGridRow,.AltGridRow").each(function() {
var evtTitle = "<div>" + $(this).find("a").text().replace("'","'") + "</div>";
var divTitle = evtTitle + $(this).attr("title").replace("(","<br>(");
var evtTooltp = "ddrivetip('" + divTitle + "', '', '210');"
$(this).attr("title","").attr("",evtTooltp).attr("","hideddrivetip();"); // event tooltip
$(this).html(evtTitle); // replace date contents with just the event, for addIcons function
addIcons($(this),"right",16,16);
$(this).removeClass("NormGridRow").removeClass("AltGridRow").unbind().children("div").remove();
$(this).css("border-width","0px").css("padding-right","5px").css("margin","0px"); // hides border around the events
});
$(this).attr("title",""); // remove the "calendar" title popup
$(this).find(".ContentBoxTitle").parent().css("height","10px").css("font-size","7pt");
$(this).find("tr:gt(2)").find("td").css("min-width","22px").css("height","30px").css("font-size","8pt").css("align","center");
$(this).find("a:contains('Prev Month')").html("<");
$(this).find("a:contains('Next Month')").html(">");
} catch(e) {}
});
function addIcons (box,imgAlign,imgWidth,imgHeight) {
for (var j=0; j < events.length; j++ ) {
if (box.html().match(events[j][0])) {
var temp = "<img align='" + imgAlign + "' src='" + events[j][1];
temp += "'width='" + imgWidth + "' height='" + imgHeight + "'>";
box.html( temp + box.html() );
}
}
return true;
}
function addIconsOnly (box,imgAlign,imgWidth,imgHeight) {
for (var j=0; j < events.length; j++ ) {
if (box.html().match(events[j][0])) {
var temp = "<img align='" + imgAlign + "' src='" + events[j][1];
temp += "'width='" + imgWidth + "' height='" + imgHeight + "'>";
$("#tempvar").html( $("#tempvar").html() + temp );
}
}
return true;
}});
</
script>