Converting an XML document to HTML using XSLT

Greenhorn

Posts: 19

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,

I need to convert an XML document to XHTML using XSLT.
To brief about my requirement, there is an HTML form which has text fields like title,artist,country,company,price, year and a search button. I will be entering data into these fields and hit the submit button, this should query the data against the XML file and display that in XHTML.

Please see the below XSLT code:

<html>   
<head>   
<script>   
function loadXMLDoc(fname)   
{   
  var xmlDoc;   
  // code for IE   
  if (window.ActiveXObject)   
  {   
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");   
  }   
  // code for Mozilla, Firefox, Opera, etc.   
  else if (document.implementation   
  && document.implementation.createDocument)   
  {   
    xmlDoc=document.implementation.createDocument("","",null);   
   }   
  else  
  {   
    alert('Your browser cannot handle this script');   
  }   
xmlDoc.async=false;   
xmlDoc.load(fname);   
return(xmlDoc);   
}   
  
function displayResult()   
{   
xml=loadXMLDoc("cdcatalog.xml");   
xsl=loadXMLDoc("cdcatalog.xsl");   
var title = document.all.title.value;   
var artist = document.all.artist.value;   
var country = document.all.country.value;   
var company = document.all.company.value;   
var price = document.all.price.value;   
var year = document.all.year.value;   
// code for IE   
if (window.ActiveXObject)   
  {   
    alert ("IE");   
    ex=xml.transformNode(xsl);   
    document.getElementById("example").innerHTML=ex;   
  }   
  // code for Mozilla, Firefox, Opera, etc.   
  else if (document.implementation   
  && document.implementation.createDocument)   
  {   
    alert ("Other Browsers");   
    xsltProcessor=new XSLTProcessor();   
    xsltProcessor.importStylesheet(xsl);   
    resultDocument = xsltProcessor.transformToFragment(xml,document);   
    document.getElementById("example").appendChild(resultDocument);   
  }   
}   
</script>   
</head>   
<body id="example">   
Search the CD Catalog  <P>   
  
  
 Title:   <INPUT TYPE="TEXT" NAME="title">   
 Artist:   <INPUT TYPE="TEXT" NAME="artist">   
 Country:   <INPUT TYPE="TEXT" NAME="country">   
 Company:   <INPUT TYPE="TEXT" NAME="company">   
 Price:   <INPUT TYPE="TEXT" NAME="price">   
 Year:   <INPUT TYPE="TEXT" NAME="year">   
  
          <INPUT TYPE = "submit" onClick="displayResult()">   
</body>   
</html>

Could you let me know, how can i perform a search based on criteria. In other words, I want to filter data dynamically based on form data.
Any Hint would be highly appreciated.

Thanks
Solomon

Don't get me started about those stupid light bulbs.