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

1985

Similar topics

3377

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...

.NET Framework

1161

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

2623

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...

.NET Framework

2002

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...

.NET Framework

2271

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...

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...

.NET Framework

1907

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). ...

.NET Framework

2189

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"...

.NET Framework

1593

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...

Javascript

4122

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 =...

.NET Framework

7192

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,...

General

7064

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...

Windows Server

7315

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...

Online Marketing

7445

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5559

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,...

Career Advice

4991

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...

Microsoft Access / VBA

3147

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

1492

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 ...

C# / C Sharp

721

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