Mouse over

[vijayram]

Hi Everybody,

I need help for mouse Over event. I make the following code for click event this is ok.and the event mouse over that time display inside the calender node.
very urgent please help me.

$(".calendar-node").click(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:300.5px;width:300px;'>" +
                                        "<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:300.5px;width:300px;'>" +
                                    note["subject"] + "<br />" +
                                    time_print +
                                    note["place"] + "<br />" +
                                    note["description"] + "<br />" +
                                    "<a href='#note' onclick='editNote(\"" + note["id"] + "\")'>[Edit Note]</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.");
                }
            });

        }

    });