Display XML content in HTML page

Pervez · 10-18-2012, 05:31 AM

Hi,

I am newbie , I have application in which check-box tree is present. I want to pre-populate the check-box's if user before checked some of those check box.

For that am getting XML format from my back-end perl script as shown below.like , in below XML only 0, 43,44,45,46 and 50 are coming so only those respective checkbox need to checked on page load.I want to display those checked check-box on page load .How can I do this .......?

I tried with so many examples . but am not getting solution for my problem .Below is my XML format data which is am getting from perl script .

<perldata>
<hashref memory_address="0x86f4880">
<item key="0">1</item>
</hashref>
</perldata>
<perldata>
<hashref memory_address="0x86f4880">
<item key="43">1</item>
</hashref>
</perldata>
<perldata>
<hashref memory_address="0x86f4880">
<item key="44">1</item>
</hashref>
</perldata>
<perldata>
<hashref memory_address="0x86f4880">
<item key="45">1</item>
</hashref>
</perldata>
<perldata>
<hashref memory_address="0x86f4880">
<item key="46">1</item>
</hashref>
</perldata>
<perldata>
<hashref memory_address="0x86f4880">
<item key="50">1</item>
</hashref>
</perldata>

Please Help

Thank You
Pervez

lovegameflash · 10-18-2012, 10:04 AM

You should use XSLT for this job. XSLT is a language that is designed to transform documents from xml to xml. This is very usefull, because xhtml is an xml language. That means that you can convert xml to xhtml using XSLT.

XSLT can be used both serverside and clientside, but beware of the clientside solution. Some browers does not support it, and some only supports older versions wihch might lead to different results.
--------------------------------------
Play the best free online games at Friv

sunfighter · 10-18-2012, 06:12 PM

You will have to play with the presentation, but here is barebones xmt to html via js:

Code:

<!DOCTYPE html>
<html>
<body>
<script>
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","test.xml",false);
xmlhttp.send('');
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("perldata");
for (i=0;i<x.length;i++)
  {
  document.write("<tr><td>");
  document.write(x[i].getElementsByTagName("hashref")[0].getAttribute('memory_address'));
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("item")[0].getAttribute('key'));
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("item")[0].childNodes[0].nodeValue);
  document.write("</td></tr>");
  }
document.write("</table>");
</script>

</body>
</html>