code001 very simple and linear like Picasso

Jul 25, 2006 at 7:58 AM

does anyone know if/why XML parser doesn't parse after its elemet has been created?
At least so it seems to be

look!!
(cd_catalog.xml can be found at http://www.w3schools.com/xml/cd_catalog.xml)

It doesnt work with ......
window.document.getElementById("xcd").innerHTML=xmlhttp.responseXML
..... too or variants (maybe I've forgotten some!)

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

<xml id="xcd"></xml>

<title>Nice</title>

<script type="text/javascript">

var xmlhttp

function loadXMLDoc (url)

{

xmlhttp=null

if (window.XMLHttpRequest)

{

xmlhttp=new XMLHttpRequest()

}

else if (window.ActiveXObject)

{

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

}

if(xmlhttp!=null)

{

xmlhttp.onreadystatechange=state_change

xmlhttp.open("GET",url,false)

xmlhttp.send(null)

}

else

{

}

}

function state_change()

{

if (xmlhttp.readyState==4)

{

// if "OK"

alert("Status: "+ xmlhttp.status)

if (xmlhttp.status==200)

{

window.document.getElementById("xcd").innerHTML=xmlhttp.responseText

}

}

}

function gonext()

{

x=xcd.recordset

if (x.absoluteposition<x.recordcount)

{

x.movenext

}

}

function goprev()

{

x=xcd.recordset

if (x.absoluteposition>1)

{

x.moveprevious

}

}

</script>

</head>

<body onload="loadXMLDoc('cd_catalog.xml')">

<div>

Titolo: <span datasrc="#xcd" datafld="TITLE"></span>

<br />

Artista: <span datasrc="#xcd" datafld="ARTIST"></span>

<br />

</div>

<div >

<input type="button" value="Next" onclick="gonext()" />

<input type="button" value="Prev" onclick="goprev()" />

</div>

</body>

</html>
Sepcot

Jul 25, 2006 at 11:03 AM

I haven't worked much with XML Data Islands, but what you are trying to do can be accomplished with XMLHttpRequest/ActiveXObject in a cross-browser solution:

<!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>
    <title>Nice</title>
    <script type="text/javascript">
        var currentPosition;
        var numEntries;
        var entryArray;
        function loadXML(url) {
            if(typeof window.ActiveXObject != 'undefined')
            {
                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.onreadystatechange = function () {
                    if (xmlDoc.readyState == 4) loadData();
                };
                xmlDoc.load(url);
             }
            else if (typeof XMLHttpRequest != 'undefined') {
                var xmlHttpRequest;
                xmlHttpRequest = new XMLHttpRequest();
                xmlHttpRequest.onreadystatechange = function () {
                    if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                        xmlDoc = xmlHttpRequest.responseXML;
                        loadData();
                    }
                }
                xmlHttpRequest.open("GET", url, true);
                xmlHttpRequest.send(null);
            }
        }
        function loadData() {
            entryArray = xmlDoc.getElementsByTagName('CD');
            numEntries = entryArray.length;
            currentPosition = -1;
            gonext();
        }
        function gonext() {
            if(currentPosition < numEntries - 1) { currentPosition++; }
            else { currentPosition = 0; }
            replace();
        }
        function goprevious() {
            if(currentPosition > 0) { currentPosition--; }
            else { currentPosition = numEntries - 1; }
            replace();
        }
        function replace() {
            document.getElementById('title').innerHTML = entryArray[currentPosition].getElementsByTagName('TITLE')[0].firstChild.nodeValue;
            document.getElementById('artist').innerHTML = entryArray[currentPosition].getElementsByTagName('ARTIST')[0].firstChild.nodeValue;
        }
        </script>
</head>
<body onload="loadXML('cd_catalog.xml');">
    <div>
        Titolo: <span id="title"></span><br />
        Artista: <span id="artist"></span><br />
    </div>
    <div >
        <input type="button" value="Next" onclick="gonext();" />
        <input type="button" value="Prev" onclick="goprev();" />
    </div>
</body>
</html>

Your problem might be with mixing Data Islands and XMLHttpRequest... I'm not sure if you can load the XML into the Data Islands innerHTML...
code001 very simple and linear like Picasso

Jul 26, 2006 at 2:35 AM

That was what I scared, it is maybe a sophism.

So far I really thank you.
I have to study a little bit deeper you solution than just a first sight.

Thread Closed

This thread is kinda stale and has been closed but if you'd like to continue the conversation, please create a new thread in our Forums,
or Contact Us and let us know.

HTML DOM & XML Data Islands

Thread Closed