using ajax to get document element from xml file

424 256MB

Hi Everyone,

I am currently learning AJAX using the book "A Beginners Guide" By Steve Holzner and I am confused as to why a piece of code I've just written to test out what is in the book is not working. My code is below for the html page with the ajax script and also the xml document where the data is, could someone let me know where I have gone wrong? Thanks in advance

***html page

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Getting the Document Element</title>

<script type="javascript">

function getDocumentElement()

{

var XMLHttpRequestObject = false;
 
    if (window.XMLHttpRequest){

        XMLHttpRequestObject = new XMLHttpRequest();    

    } else if (window.ActiveXObject) {

        XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");

    }
 
    if (XMLHttpRequestObject) {

        XMLHttpRequestObject.open("GET", "party.xml", true);
 
        XMLHttpRequestObject.onreadystatechange = function()

        {

            if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){

                var xmlDocument = XMLHttpRequestObject.responseXML;

                var documentElement = xmlDocument.documentElement;

                if(documentElement){

                    document.getElementById("targetDiv").innerHTML = "The document element is &lt;" + documentElement.node + ">.";

                }

            }

        }

    XMLHttpRequestObject.send(null);

    }

}

</script>

</head>
 
<body>

<h1>Getting the Document Element</h1>
 
<form>

<input type="button" value="Get the document element" onclick="getDocumentElement()" />

</form>

<div id="targetDiv" width =100 height=100>

The result will appear here.

</div>

</body>

</html>

***xml document

Expand|Select|Wrap|Line Numbers

 
<?xml version="1.0">

<!DOCTYPE parties [

<!ELEMENT parties (party*)>

<!ELEMENT party (party_title, party_number, subject, date, people*)>

<!ELEMENT party_title (#PCDATA)>

<!ELEMENT party_number (#PCDATA)>

<!ELEMENT subject (#PCDATA)>

<!ELEMENT date (#PCDATA)>

<!ELEMENT first_name (#PCDATA)>

<!ELEMENT last_name (#PCDATA)>

<!ELEMENT people (person*)>

<!ELEMENT person (first_name,last_name)>

<!ATTLIST party

    type CDATA #IMPLIED>

<!ATTLIST person

    attendance CDATA #IMPLIED>

]>

<parties>

    <party type="winter">

        <party_title>Snow Day</party_title>

        <party_number>63</party_number>

        <subject>No School Today!</subject>

        <date>22/2/2012</date>

        <people>

            <person attendance="present">

                <first_name>Andre</first_name>

                <last_name>Etienne</last_name>

            </person>

            <person attendance="absent">

                <first_name>Simone</first_name>

                <last_name>Etienne</last_name>

            </person>

            <person attendance="present">

                <first_name>Jason</first_name>

                <last_name>Etienne</last_name>

            </person>

        </people>

    </party>

</parties>

Jul 23 '11 #1

Subscribe Post Reply

2306

Dormilich

8,658

Expert Mod 8TB

what property is documentElement.node supposed to be? the only useful DOM property I can imagine is tagName (nodeValue would be null, since it is an element node)

Jul 24 '11 #2

anfetienne

424

256MB

that is what I was thinking but I'm going by this book... I gave it a try but still it doesn't do anything and the innerHTML doesn't change either

Jul 24 '11 #3

anfetienne

424

256MB

It's got me scratching my wig... I even copied and pasted the code that was written in the book

Jul 24 '11 #4

Dormilich

8,658

Expert Mod 8TB

I gave it a try but still it doesn't do anything and the innerHTML doesn't change either

anything in the error console?

I even copied and pasted the code that was written in the book

even books can have errors.

Jul 24 '11 #5

Similar topics

Trouble transforming document element

by: Tor Hovland | last post by:

I'm trying to transform the document element of incoming xml files, however, I'm having trouble with namespace references not appearing correctly. Here's an example input file: <?xml...

.NET Framework

changing the document element of a DOM

by: Andy Fish | last post by:

Hi, I'm using XML DOM in Java and I have a function like this Element makeSomeXml(Document doc) {..} This returns an Element owned by (but not appended to) the specified document. Now,...

.NET Framework

Force the prefix of the document element

by: BizTalk Benjamin | last post by:

Hi, I have an XmlDocument loaded from a memory stream. I set the document element prefix in this way XmlElement e = xDoc.DocumentElement; e.Prefix = "abc" When i simply write the document...

.NET Framework

XML Parsing Error: Junk After Document Element

by: pbd22 | last post by:

hi. i keep getting this error. as i understand it, my xml isn't formatted correctly. the online errata suggests the standard formatting to solve this problem: element (tab) (tab) element

.NET Framework

Complete page using AJAX, how?!?

by: Martin | last post by:

Hello NG, I've been doing some AJAX for a few weeks now. The basics worked fine so far, but now I've got the following problem which I can't solve: With AJAX you typically update/replace only...

Javascript

Html form not sending input elements loaded using Ajax

by: noballack | last post by:

I've got a problem, I'm working with Ajax in a web with a form with a list of checkbox added to the form via an Ajax.Updater method. These added checkboxs are not been sended by the form if I use...

Javascript

update MULTIPLE elements of an HTML page using Ajax and XSL

by: MORALBAROMETER | last post by:

Hi all, I want to update MULTIPLE elements of an HTML page using Ajax. for this reason i my response is an xml document. I want to use XSL at the client side to update these elements. How can i...

Javascript

Retrieving AJAX container element name?

by: conspireagainst | last post by:

Is there any possible way (I'm using prototype framework) to glean what the name of the container element to be updated (using Ajax.Updater) is? I have appended at the bottom of prototype.js a...

Javascript

Created table using Ajax but can't change td inner html for a specific table element

by: thatcollegeguy | last post by:

Below are my 3php and 2js files. I create a table using ajax/php and then want to change the values in the tables add(+ number for teamid) id's for each specific td in the table. I don't know...

Javascript

How to load page into div layer using ajax

by: anfetienne | last post by:

hi, I am using ajax to load external pages into a div layer... my reason for this is when in a certain section of the site the transition is smooth with no white flash. my problem is that when...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

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

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

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

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

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