How to use Xpath in Javascript to query XML?

1 New Member

I have an XML file (see below) linked to an XSL file (see below)

I'm trying to create an html file (see below) so that the user can query the XML and display only parts of it using the XSL provided

User may enter values as follows (examples):

for Author: "=Don Larson" or "contains Lar" or "contains Do" etc. or blank
for Title: "=The Game" or "contains The" or "contains Th"
or "contains am" etc. or blank
for Year: "=1987" or "<1993" or ">1984" etc.. or blank
for No of Authors: "=2" or "<3" or ">4" etc.. or blank

if everything is left blank, the whole table should be displayed
if sort is not selected, default sorting is applied
I'm trying to create a function that is called when the "display" button is clicked that takes all values (if any) inserted by the user in the form, and then evaluates them and manipulates them using XPATH expressions in order to display the table accordingly

unfortunately I don't know how to do this, I'm very confused..Any help?

XML file:

Expand|Select|Wrap|Line Numbers

 <?xml version="1.0"?>

<?xml-stylesheet type="text/xsl" href="books.xsl"?>

<!DOCTYPE books [

<!ENTITY Aring  "&amp;#197;" >

<!ENTITY aring  "&amp;#229;" >

<!ENTITY agrave "&amp;#224;" >

<!ENTITY aacute "&amp;#225;" >

<!ENTITY auml   "&amp;#228;" >

<!ENTITY ccedil "&amp;#231;" >

<!ENTITY eacute "&amp;#233;" >

<!ENTITY egrave "&amp;#232;" >

<!ENTITY iacute "&amp;#237;" >

<!ENTITY iuml   "&amp;#239;" >

<!ENTITY oacute "&amp;#243;" >

<!ENTITY ocirc  "&amp;#244;" >

<!ENTITY oslash "&amp;#248;" >

<!ENTITY Ouml   "&amp;#214;" >

<!ENTITY ouml   "&amp;#246;" >

<!ENTITY uuml   "&amp;#252;" >

]>

<books>
 
<scifi key="LarsSC85">

<author>Don Larson</author>,

<author>Jake Thomson</author>,

<author>Robert Christian</author>,

<title>Time Travels</title>,

<pages>215-229</pages>,

<year>1985</year>,

<booktitle>TOM</booktitle>,

</scifi>
 
<scifi key="LarsT86">

<author>Jenny Jackson</author>,

<author>Don Larson</author>,

<title>Far Away</title>,

<pages>240-251</pages>,

<year>1986</year>,

<booktitle>TOM</booktitle>,

</scifi>
 
<scifi key="RogeA90">

<author>Don Larson</author>,

<title>Another Chance</title>,

<pages>258-264</pages>,

<year>1990</year>,

<booktitle>TOM</booktitle>,

</scifi>
 
</books>

XSL file:

Expand|Select|Wrap|Line Numbers

 <?xml version="1.0"?>

<xsl:stylesheet version="1.0" 

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
<xsl:template match="/">

  <html>

  <body>

    <center><h1>ScFi Books by TOM</h1>

    <table border="1">

    <tr>

      <th>Title</th>

      <th>Authors</th>

      <th>Pages</th>

      <th>Year</th>

    </tr>

      <xsl:for-each select="books/scifi">

      <xsl:sort select="year"/>

    <tr>

      <td><center><xsl:value-of select="title"/></center></td>

      <td>

       <xsl:for-each select="author">

        <p><xsl:value-of select="."/></p>

        </xsl:for-each>

      </td> 

      <td><xsl:value-of select="pages"/></td>

      <td><xsl:value-of select="year"/></td>

    </tr>

    </xsl:for-each>

    </table>

    </center>

  </body>

  </html>

</xsl:template>

</xsl:stylesheet>

HTML file:

Expand|Select|Wrap|Line Numbers

 <html>
 
<script type="text/javascript">
 
var moz = (typeof document.implementation.createDocument != 'undefined');

var ie =  (typeof window.ActiveXObject != 'undefined');
 
function loadXML(file) //function that loads xml/xsl files

{

  var xmlDoc;

  if (moz)

    xmlDoc = document.implementation.createDocument("", "", null);

  else if (ie)

    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

  xmlDoc.async = false;

  xmlDoc.validateOnParse=false;

  xmlDoc.load(file);

  return xmlDoc;

}
 
function filterTable(f) // function that modifies existing xsl 

{                       // according to values entered by user in next form

                        // and displays result underneath form

    var xmlDoc = loadXML("books.xml");
 
    var stylesheet = loadXML("books.xsl");
 
    if (moz) // the following is just an incomplete example of the parser I want to use

    {        // but I'm stuck when it comes to actually applying the values coming from the user

             // to this

      var nsResolver = stylesheet.createNSResolver(

                       stylesheet.ownerDocument == null ?

                       stylesheet.documentElement :

                       stylesheet.ownerDocument.documentElement);

      var value = stylesheet.evaluate(

                       "//xsl:template[@match='...']//xsl:value-of.....",

                       stylesheet, nsResolver,

                       XPathResult.ANY_UNORDERED_NODE_TYPE, null);

      value.singleNodeValue.setAttribute("select", "author");

      var proc = new XSLTProcessor();

      proc.importStylesheet(stylesheet);

      var resultFragment = proc.transformToFragment(xmlDoc, document);

      document.getElementById("target4").appendChild(resultFragment);

    }

    else if (ie)

    {

        var value = stylesheet.selectSingleNode(

                "//xsl:template[@match='item']//xsl:value-of");

        value.setAttribute("select", "author");

        document.write(xmlDoc.transformNode(stylesheet));

    }

}
 
</script>

    <table border="1" cellpadding="8">
 
    <tr><td>

    </br>

    <form><b> search by </b>Authors: <input type="text" name="authors" />

    Title: <input type="text" name="title" />Year: <input type="text" name="year" />

    No of Authors: <input type="text" name="numauth" /></br></br>

    <b> sort by</b>

    <input type="radio" name="sorter" value="author" />author

    <input type="radio" name="sorter" value="title" />title

    <input type="radio" name="sorter" value="year" />year

    <input type="radio" name="sorter" value="pages" />pages</br></br>

    <input type="button" value="Display" onClick="filterTable(this.form)" align="center"/>

    </form>

    </td></tr>

    </table>

</html>

Mar 8 '12 #1

Subscribe Reply

1986

Similar topics

3389

how to xpath if query string has embedded quotes

by: dima | last post by:

I'm using msxml3 xml looks like this: <a desc=""B"" /> how to query it in xpath? here's what i tried: a -- This works under XSL Patterns, but not under Xpath (using msxml 3) a --this will work, but what if description has single quotes too? -then it won't work.

.NET Framework

1169

XPath Relational Query

by: Michael | last post by:

To all, I am trying to query an XML document of the following structure. <ROOT> <A> <B id="1"/> <B id="2"/> <B id="3"/> </A>

.NET Framework

2634

how do i create subset and union in XPath Query

by: IMS.Rushikesh | last post by:

Hi Friends, I need a XPath query, whcih ll return me subset of data.... check below xml stream <label id="MyExpenseDetails_lbl" xlink:role="terseLabel">Short Expense Details</label> <label id="MyExpenseDetails_lbl" xlink:role="displayLabel">Expense Details</label> <label id="InternalExpense_lbl" xlink:role="displayLabel">Internal

.NET Framework

2006

XPath syntax Validation/Help?

by: Brad Hehe | last post by:

I am attempting to use XPath to query for a specific node in the sample XML I've provided below. I'm unsure of the exact XPath syntax, but I believe I need the following query to get the proper node where the node value contains a specific value: /FYIFORM/TEMPLATEINFO/FIELD = "THE FORM I WANT"

.NET Framework

2276

XPath Question

by: Michael C# | last post by:

OK, here's the deal. I have a small XML file that represents a small database table. I load it into a System.XML.XMLDocument. So far so good. I run an XPath query against it to retrieve all the field names. Everything there works fine. Here's my XML Document: <?xml version="1.0" standalone="yes" ?> <DataSet1...

C# / C Sharp

346

Xpath question

by: chandrika.tripathy | last post by:

I am new to XML. I have the following question. I have data stored in a relational database. I want to use XPATH to query it. I have a schema defined which represents the data in the database. Is there some tool/APIs available which would convert the Xpath query to SQL ? Or do I need to parse the Xpath query and convert it into a sql query ?

.NET Framework

1913

compound doc, using html, svg, JavaScript and XPath (XSLT)

by: Greg | last post by:

Hi, I want to create a web based interface that uses a form + Javascript (in an XHTML namespace) to construct an XPath to query and modify the attributes of some SVG (in an SVG namespace). There are lots of Google hits on each of these specifications and related technology, shuch as namespaces but there's almost nothing I can find that...

.NET Framework

2199

Xpath Relational Query (like a join)

by: werD | last post by:

Hello I have an xml document that im currently using a forward only .net repeater on and using some xpath queries to display the data The xml is quite simple <?xml version="1.0" encoding="utf-8" ?> <data> <supervisors>

.NET Framework

1594

JavaScript query

by: ramabharti | last post by:

Hi, I do not know much about javascript. Basically I have a number of html pages located at my local disk. This is nothing related to client server concept. I want to search a string from all these locally placed HTML page contents and want to display the results in another HTML page. These HTML pages are placed in 3 different folder. The...

Javascript

4125

I can't query an XMLDocument with XPATH; every query returns 0 nodes

by: 0to60 | last post by:

Please help! I'm using the following code to get an XML doc: string str = "http://api.local.yahoo.com/MapsService/V1/geocode?appid=12345&city=addison"; System.Net.HttpWebRequest request = (System.Net.HttpWebRequest)System.Net.WebRequest.Create(str); request.Credentials = System.Net.CredentialCache.DefaultCredentials;

.NET Framework

7694

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...

General

7609

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...

Windows Server

8118

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...

Online Marketing

6278

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...

Career Advice

5504

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...

Microsoft Access / VBA

3636

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2107

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1208

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

936

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

General