Question

I modify my XML now, I have a parent element <imgRes> in my XML in that I am having two different child nodes <images> and <rightContent>.

In earlier I wont have <imgRes> and <rightContent>, As i added it my code then its not adding in the div. I dont know whether my XML structure is wrong or something is missing.

So the <rightContent> having a div which is static which should be outside of the image sliding functionlity. I holds a link and a data.

I need some help where I am going wrong.

This is what I have tried.

http://jsfiddle.net/QNZDX/13/

Answer 1

It looks like you were never retrieving the data from the xml to set it into your new DOM elements. I updated the jsfiddle to alter the css and dom a bit so that the rightContent div wouldn’t contain the link itself but the main piece you needed was this:

$("#rightContent").text( $xmldata.find('rightData').find('data').text());
$("#rightLink").prop('href',$xmldata.find('rightData').find('link').text());
prevIndex++;

The updated fiddle will show the minor changes.

If you want to update not only the URL of the link but also the link text then you can add something like this to set that value.

$("#rightLink").text($xmldata.find('rightData').find('link').text());

Note that the hardcoded values in the jsfiddle are just for demonstration. You can define whatever elements you like in the xml and then parse then into dom element values through jquery.