Hello all,
I'm running into a slight issue with my code in internet explorer.
I'm wondering if anyone else has gone through something similar like
this.
I have a calendar on my website with a list of events. Each event is
a link. When you click on the link I query the server and return some
XML data which I use to populate a jQuery UI Popup box. It looks and
works great in FF and Safari, but for some reason none of the dynamic
data is showing up in IE.
I checked the console in IE and it is returning the XML data, its just
not populating the popup div I setup.
Here is the popup div i'am using:
<div id="eventPopUp" title=""></div>
And here is the jQuery function I wrote to populate the data.
$('.eventInfo').click(function(){
var eventID = $(this).attr('class');
eventID = eventID.match(/\d+/);
//Get the eventdetails
var myEvent = new Object();
$.ajax({
type: "POST",
url: "../index.php/calendar/get_event_details/",
data: 'eventID='+eventID,
success: function(xml){
$(xml).each(function(){
myEvent.eventID
= $(this).find('eventID').text();
myEvent.eventname
= $(this).find('eventname').text();
myEvent.eventstarttime =
$(this).find('eventstarttime').text();
myEvent.eventendtime =
$(this).find('eventendtime').text();
myEvent.guestsestimate =
$(this).find('guestsestimate').text();
myEvent.status
= $(this).find('status').text();
myEvent.firstname
= $(this).find('firstname').text();
myEvent.lastname
= $(this).find('lastname').text();
myEvent.contactID
= $(this).find('contactID').text();
myEvent.locations
= $(this).find('locations').text();
});
var eventDetails = "<div id='event_times'>"
+myEvent.eventstarttime
+ " - " +myEvent.eventendtime+ "</div><div
id='event_status'><b>Current Status:</b> " +myEvent.status+ "</
div><div id='contactname'><b>Contact:</b> <a href='<?= base_url(); ?
>index.php/contact/details/" +myEvent.contactID+ "'>"
+myEvent.firstname +" " +myEvent.lastname+ "</a></div><div
id='locations'><b>Location(s):</b> " +myEvent.locations+ "</div><div
id='guests'><b>Expected Guests: </b>" +myEvent.guestsestimate+ "</
div><div id='view_event'> <a href='<?= base_url(); ?>index.php/event/
details/" +myEvent.eventID+"'>View Event Details</a></div><div
id='ical_event'> <a href='<?=base_url(); ?>index.php/event/
create_ical_event/" +myEvent.eventID+ "'>Create iCal Event</a></
div>";
var eventtitle = "<a href='<?= base_url();
?>index.php/event/
details/" +myEvent.eventID+"'>" +myEvent.eventname+ "</a>";
$('#eventPopUp').attr('title', eventtitle);
$('#ui-dialog-title-eventPopUp').html(eventtitle);
$('#eventPopUp').html(eventDetails);
$('#eventPopUp').dialog();
}
});
$("#eventPopUp").dialog('open');
return false;
});
Thank you for your help!
