[jQuery] jQuery IE PopUp Issue
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(); ?