Success!! After some searching regarding XML Parsing with IE I found
out that IE never really parses the XML data to the page. I read this
in :
http://groups.google.com/group/jquery-en/browse_frm/thread/95718c9aab2c7483/af37adcb54b816c3?lnk=gst&q=parsexml#af37adcb54b816c3
I needed to include the following function to parse the XML in IE:
function parseXML( xml ) {
if( window.ActiveXObject && window.GetObject ) {
var dom = new ActiveXObject( 'Microsoft.XMLDOM' );
dom.loadXML( xml );
return dom;
}
if( window.DOMParser )
return new DOMParser().parseFromString( xml, 'text/xml' );
throw new Error( 'No XML parser available' );
}
You learn something new everyday!
On Feb 20, 10:45 am, WhoButSB <whobu...@gmail.com> wrote:
> Narrowing it down further and further it looks likeIEis not
> returning the eventID = $(this).find('eventID').text(); when it loops
> through theXMLdocument. Because at the end if i manually enter in
> the variable eventname = "Steve's Event"; It will add it to the file
> no problem.
>
> More investigating needs to be done.
>
> On Feb 20, 10:20 am, WhoButSB <whobu...@gmail.com> wrote:
>
> > So i'm getting a bit closer. It seems like the variables are not
> > being returned in the success function to be used later on to be added
> > to the DOM. Here is what my AJAX script looks like:
> > var eventID, eventname, eventstarttime, eventendtime, guestestimate,
> > status, firstname, lastname, contactID, locations;
> > $.ajax({
> > type: "POST",
> > url: url,
> > data: 'eventID='+eventID,
> > success: function(xml){
> > $(xml).each(function(){
> > eventID =
> > $(this).find('eventID').text();
> > eventname =
> > $(this).find('eventname').text();
> > eventstarttime =
> > $(this).find('eventstarttime').text();
> > eventendtime =
> > $(this).find('eventendtime').text();
> > guestsestimate =
> > $(this).find('guestsestimate').text();
> > status =
> > $(this).find('status').text();
> > firstname =
> > $(this).find('firstname').text();
> > lastname =
> > $(this).find('lastname').text();
> > contactID =
> > $(this).find('contactID').text();
> > locations =
> > $(this).find('locations').text();
> > return eventID, eventname,
> > eventstarttime, eventendtime,
> > guestestimate, status, firstname, lastname, contactID, locations;
> > });
> > },
> > complete: function(){
> > var eventDetails = "<div id='event_times'>"
> > + eventstarttime + " -
> > " + eventendtime + "</div><div id='event_status'><b>Current Status:</
> > b> " + status + "</div><div id='contactname'><b>Contact:</b> <a
> > href='<?= base_url(); ?>index.php/contact/details/" + contactID + "'>"
> > + firstname +" " + lastname + "</a></div><div
> > id='locations'><b>Location(s):</b> " + locations + "</div><div
> > id='guests'><b>Expected Guests: </b>" + guestsestimate + "</div><div
> > id='view_event'> <a href='<?= base_url(); ?>index.php/event/details/"
> > + eventID +"'>View Event Details</a></div><div id='ical_event'> <a
> > href='<?=base_url(); ?>index.php/event/create_ical_event/" + eventID +
> > "'>Create iCal Event</a></div>";
> > var eventTest = "<strong>" +eventname+
> > "</strong>";
> > var eventtitle = "<a href='<?= base_url();
> > ?>index.php/event/
> > details/" + eventID +"'>" + eventname + "</a>";
> > $('#eventPopUp').attr('title', eventtitle);
> >
> > $('#ui-dialog-title-eventPopUp').html(eventtitle);
> > $('#eventPopUp').html(eventDetails);
> > $('#eventPopUp').dialog();
> > }
> > });
>
> > As you can see i'm running the AJAX script to get the information and
> > assigning them to variables. And then i'm trying to add them into
> > HTML content. In FF this works no problem, butIEwill display all
> > the HTML but none of the variables I set up.
>
> > On Feb 20, 8:44 am, WhoButSB <whobu...@gmail.com> wrote:
>
> > > I have been doing some more trouble shooting on this issue and I came
> > > across where my problem is coming from inIE. IEfor some reason
> > > isn't letting me use the .html() method for injecting content into my
> > > popup notification. It works fine in all other browsers but these
> > > lines gives it trouble:
>
> > > $('#ui-dialog-title-eventPopUp').html(eventtitle);
> > > $('#eventPopUp').html(eventDetails);
>
> > > Is there a work around for this issue? Has anyone else noticed this
> > > before?
>
> > > Steve
>
> > > On Feb 11, 4:02 pm, WhoButSB <whobu...@gmail.com> wrote:
>
> > > > 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
> > > >XMLdatawhich 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
> > > >datais showing up inIE.
>
> > > > I checked the console inIEand it is returning theXMLdata, 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 thedata.
>
> > > > $('.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!
