How can I output HTML from a XML file?

Question

I am trying to take the contents of 'description' and place it into a div. Below is the XML that comes from a jQuery ajax call.

<media> 
    <entry> 
        <title>Item Name</title> 
        <description>
            <p>First Line<br />
            Second Line</p>
            <p>More Content</p>
        </description> 
        <author>Name</author> 
        <date>2010-07-06</date> 
    </entry> 
</media>

I have tried the following, but cannot get it to works. At best it shows up, but without any formatting (FF3). Otherwise a 'WRONG_DOCUMENT_ERR' error is shown (Chrome).

$.ajax({
    url: xml_url,
    dataType: "xml",
    success: loadItem
});

function loadItem(data) {
    $(data).find('entry').each(function() {
        $(".playing div.description").html($(this).find("description"));
    });
}

Is it even possible? Thanks.

Nathanael · Accepted Answer · 2010-07-07 19:58:56Z

2

Hey, I think I worked out a solution (I have been working on this for hours with no avail, so asked the question, and then I manage to work it out soon after, typical, lol).

Simply I used load, and it carries all the formating across.

$('.playing div.description').load(xml_url + ' description');

answered Jul 7, 2010 at 19:58

Nathanael

513 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

HurnsMobile · Accepted Answer · 2010-07-07 20:15:38Z

0

Im not entirely certain but everytime I have done this in the past it looks more like this:

function loadItem(data) {
    $(data.responseXML).find('entry').each(function() {
        var descr = $(this).find('description').val();
        $(".playing div.description").html(descr);
    });
}

The key change there (I think) is .responseXML and using the value of description rather than the XML node.

edited Jul 7, 2010 at 20:15

answered Jul 7, 2010 at 19:31

HurnsMobile

4,3913 gold badges29 silver badges39 bronze badges

8 Comments

Nathanael Over a year ago

Thanks for the help. But data.responseXML returns back undefined.

Nathanael Over a year ago

Tried again. Found out that .responseXML is part of the XMLHttpRequest (api.jquery.com/jQuery.ajax). But I get the same problem - no formatting (FF3) and a 'WRONG_DOCUMENT_ERR' error is shown (Chrome).

HurnsMobile Over a year ago

Have you tried alerting out the value of descr or in your code $(this).find("description") ? Does the firebug console give you any further errors/info?

Pointy Over a year ago

This is not the correct answer, as none of the XML in the question involves attributes on any of the elements. Thus, the .attr() call in this answer is not going to fix anything.

Nathanael Over a year ago

@HurnsMobile There are no errors in firebug. When I alert the descr it says it is an Object. And it works, the content is displayed in FF, but the p tags are not 'working' nor is the br tag. Chrome gives an error.

|

Collectives™ on Stack Overflow

How can I output HTML from a XML file?

2 Answers 2

Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related