Im new to javascripting / jquery but do have basic working knowledge of (html/perl/powershell/vb), so can grasp basic coding concepts.
I am trying to parse an xml file and get some data to be displayed in the wbe page's table section. This all works from googling most of what I am trying to achive and it works : -) , but I would like the data it collects to be displayed into different lines in the html table, and this is where my lack of know-how is stopping me in my tracks.
The data, which I want is the id and the name from the xml file, these are displayed all on one line, I have tried to add <br> but without success, so does anyone have any pointers that could help me do this. I am not a seasoned java scripter nor programmer, but can keep up...albeit slowly.
JavaScript Code
//This is the file jquery gets the data from function myGetXmlData() {
//this is the function to get the specific data and then pass it to the html table id
function xmlParser(xml) { $(xml).find('auto_assignment_list').each(function () { var $show = $(this); var data = { id: $show.find('id').text() , name: $show.find('name').text() , }; var row = $('<tr />'); for (var prop in data) { $('<td>' + data[prop] + '</td>').appendTo(row); }
$('#t01').append(row); }); }
The output lookes like this and the name is the same in that its not on seperate lines (Id cell) 038aeb37-550e-4a02-b8a7-249e45ee4d2e56a25f17-b668-43ab-a306-8b4e0529ec82dbb84ace-f18f-4ad5-aecb-109f124635279547605e-8338-43c1-92ac-072c07fb09c265fb8548-c7e6-4f1b-b14e-3a4ba86ef201b21861ee-a90e-41cf-b6bf-fbfbf29acc48
It should be like 038aeb37-550e-4a02-b8a7-249e45ee4d2e 56a25f17-b668-43ab-a306-8b4e0529ec82 etc etc
I understand I may need to split the data, but im out of my depth here in terms of how to do this..