Hi everybody,
what is the error for following code.this function not work.
$( "#calendar-node" ).hover(
function(){
if ($(this).attr('date')) {
$.ajax({
url: $("#url_view_schedule").val(),
data: "personalId="+$("#personal_id").val()+"&date="+$(this).attr("date"),
dataType: "json",
success: function(list) {
events = list["events"];
notes = list["notes"];
if (events.length != 0 || notes.length != 0) {
$("#schedule").show();
var html = "";
var event, itinerary, time_print;
for (key in events) {
event = events[key];
html +=
"<div class='event-item'>" +
"<div class='float-left border-right text-align-center' style='min-height:200.5px;width:200px;'>" +
"<br />" +
"<img src='" + $("#url_personal_image_display").val().replace(/PRIMARY_ALBUM_ID/g, event["primary_album_id"]).replace(/PROFILE_PICTURE/g, event["profile_picture"]) + "' alt='" + event["full_name"] + "' style='width:160px;' /><br />" +
"About the PLAN:<br /><br />" +
event["description"] +
"</div>" +
"<div class='float-left text-align-center' style='width:250px;'>" +
"<br />" +
event["personal_full_name"] + "'s Event<br />" +
event["type_reformat"] + " - " + event["title"] + "<br /><br />";
for (key2 in event["itineraries"]) {
itinerary = event["itineraries"][key2];
html += itinerary["time_reformat"] + "<br />" +
itinerary["occasion"] + " @ " + itinerary["place"] + "<br /><br />";
}
html += "</div>" +
"<div class='float-left border-left text-align-center' style='width:260px;'>" +
"People Attending:<br />" +
"<div id='friend-list' class='text-align-left' style='min-height:250px;overflow-y:scroll;'>";
for (key2 in event["friends"]) {
friend = event["friends"][key2];
html += "<a href='" + $("#url_personal_homepage").val() + "?personal_id=" + friend["id"] + "'>" +
"<img src='" + $("#url_personal_image_display").val().replace(/PRIMARY_ALBUM_ID/g, friend["primary_album_id"]).replace(/PROFILE_PICTURE/g, friend["profile_picture"]) + "' alt='" + friend["full_name"] + "' style='width:80px;' />" +
"</a> ";
}
html += "</div>" +
"</div>" +
"<div class='clear-both'></div>" +
"</div>"
;
}
html += "<div class='clear-both'><h1 class='title'>Your Note(s)</h1></div>";
for (key in notes) {
note = notes[key];
time_print = "";
if (note["time"] != null) time_print = note["time"] + "<br />";
html +=
"<div id='note-item-" + note["id"] + "' class='note-item text-align-center' style='min-height:200.5px;width:200px;'>" +
note["subject"] + "<br />" +
time_print +
note["place"] + "<br />" +
note["description"] + "<br />" +
"<a href='#note' onclick='editNote(\"" + note["id"] + "\")'>[Edit Note]</a>" +
"<a href='#note' onclick='url_unfinished_business'>[postpone]</a>" +
"<div class='clear-both'></div>" +
"<input type='hidden' id='note-subject-" + note["id"] + "' value='" + note["subject"] + "'>" +
"<input type='hidden' id='note-date-" + note["id"] + "' value='" + note["date"] + "'>" +
"<input type='hidden' id='note-time-" + note["id"] + "' value='" + note["time"] + "'>" +
"<input type='hidden' id='note-place-" + note["id"] + "' value='" + note["place"] + "'>" +
"<textarea style='display:none' id='note-description-" + note["id"] + "'>" + note["description"] + "</textarea>" +
"</div>"
;
}
$("#event-list").html(html)
}
else {
alert("No event on that date.");
}
},
error: function(xhr) {
alert ("Ooops... something has gone wrong when we try to view MySchedule.");
}
}
},
function(){
$("#schedule").hide();
}
);
