flatten an array from xml

[windandwaves]

Hi Folk,

I use AJAX to load some XML. When I get back to XML, I want to get a
piece of html that is within <info>... lots of html .... </info>

I want to use:

xmlDoc.getEleme ntsByTagName('i nfo');

but that just returns
[Object HTMLCollection]

How can I retrieve the data within it.

Thank you

Nicolaas
Here is my code:
var i = new Array();
var j = 0;
var jmax = 4;
var http_request = false;
var idname = 'GSmap';

function changemap() {
var variables = getformparamete rs(document.get ElementById('ma pform'),
'');
UpdateHtml('_GS map2.php', 'GSmaptype=8' + variables);
initMapGSmap();
createGSlayer(' GSmaptype=1' + variables);
//reset
j = 0;
i = new Array();
return true;
}

function getformparamete rs(obj, getstr) {
//gets all variables from a form
j++;
for (i[j]=0; i[j] < obj.childNodes. length; i[j]++) {
var newobj = obj.childNodes[i[j]];
tgname = newobj.tagName
if(tgname) {
tgname.toLowerC ase;
if (tgname == "INPUT") {
var tvalue = newobj.value;
if(tvalue != 0 && tvalue != "") {
var ttype = newobj.type;
var tname = newobj.name;
if (ttype == "text") {
getstr += "&" + tname + "=" + tvalue ;
}
if (ttype == "checkbox") {
if (newobj.checked ) {
getstr += "&" + tname + "=" + tvalue;
}
else {
getstr += "&" + tname + "=0";
}
}
if (ttype == "radio") {
if (newobj.checked ) {
getstr += "&" + tname + "=" + tvalue;
}
}
}
}
if (tgname == "SELECT") {
var sel = newobj;
var tvalue = sel.options[sel.selectedInd ex].value;
if(tvalue != 0 && tvalue != "") {
getstr += "&" + sel.name + "=" + tvalue;
}
}
}
if(newobj.child Nodes.length 0 && j < jmax) {
getstr = getformparamete rs(newobj, getstr);
}
}

j--;
return getstr;
}

function UpdateHtml(url, parameters) {
http_request = false;
if (window.XMLHttp Request) { // Mozilla, Safari,...
http_request = new XMLHttpRequest( );
if (http_request.o verrideMimeType ) {
// set type accordingly to anticipated content type
http_request.ov errideMimeType( 'text/xml');
//http_request.ov errideMimeType( 'text/html');
}
}
else if (window.ActiveX Object) { // IE
try {
http_request = new ActiveXObject(" Msxml2.XMLHTTP" );
}
catch (e) {
try {
http_request = new ActiveXObject(" Microsoft.XMLHT TP");
}
catch (e) {
alert('could not load data');
}
}
}
if (!http_request) {
alert('Cannot create XMLHTTP instance');
return false;
}
http_request.on readystatechang e = alertContents;
var geturl = url + '?' + parameters;
document.getEle mentById(idname + 'title').innerH TML = "loading new map
.... " + geturl;
http_request.op en('GET', geturl, true);
http_request.as ync = false;
http_request.se nd(null);
}

function alertContents() {
if (http_request.r eadyState == 4) {
if (http_request.s tatus == 200) {
//alert(http_requ est.responseTex t);
var xmlDoc = http_request.re sponseXML;
var titlearray = xmlDoc.getEleme ntsByTagName('t itle');
var infoarray = xmlDoc.getEleme ntsByTagName('i nfo');
var zoomarray = xmlDoc.getEleme ntsByTagName('z oom');
var longitudearray = xmlDoc.getEleme ntsByTagName('l ongitude');
var lattitudearray = xmlDoc.getEleme ntsByTagName('l attitude');
var info = flattenhtmlobje ct(infoarray, "");
document.getEle mentById(idname + 'title').innerH TML =
titlearray[0].firstChild.nod eValue;
document.getEle mentById(idname + 'info').innerHT ML = info;
alert(zoomarray[0].firstChild.nod eValue);
alert(longitude array[0].firstChild.nod eValue);
alert(lattitude array[0].firstChild.nod eValue);
}
else {
alert('There was a problem with the request.');
}
}
else {
}
}

function flattenhtmlobje ct(obj, output) {
output = titlearray[0].firstChild.nod eValue;
return output;
}

[Laurent Bugnion]

Hi,

windandwaves wrote:

Hi Folk,

I use AJAX to load some XML. When I get back to XML, I want to get a
piece of html that is within <info>... lots of html .... </info>

I want to use:

xmlDoc.getEleme ntsByTagName('i nfo');

but that just returns
[Object HTMLCollection]

getElementsByTa gName returns a collection of Nodes. Collections in
JavaScript can be handled like arrays, and indexed.

If you're sure that you have only one node named "info", you can use

var nInfo = xmlDoc.getEleme ntsByTagName( "info" )[0]

which is a Node expression.

After that, you can use

nInfo.firstChil d.nodeValue

for example, to access the content of the text node which is the child
of info.

HTH
Laurent
--
Laurent Bugnion, GalaSoft
Software engineering: http://www.galasoft-LB.ch
Private/Malaysia: http://mypage.bluewin.ch/lbugnion
Support children in Calcutta: http://www.calcutta-espoir.ch

[windandwaves]

Laurent Bugnion wrote:

Hi,

windandwaves wrote:

Hi Folk,

I use AJAX to load some XML. When I get back to XML, I want to get a
piece of html that is within <info>... lots of html .... </info>

I want to use:

xmlDoc.getEleme ntsByTagName('i nfo');

but that just returns
[Object HTMLCollection]

getElementsByTa gName returns a collection of Nodes. Collections in
JavaScript can be handled like arrays, and indexed.

If you're sure that you have only one node named "info", you can use

var nInfo = xmlDoc.getEleme ntsByTagName( "info" )[0]

which is a Node expression.

After that, you can use

nInfo.firstChil d.nodeValue

for example, to access the content of the text node which is the child
of info.

Thank you Laurent for your help... Cool. This s what I found worked,
with some help from another person:
function serializeNode(n ode) {
if(node != undefined) {
var xml = "";
if(_browser.isS afari) {
xml = xmlText(node);
}
else if(_browser.isI E) {
xml = node.xml;
}
else {
var serializer = new XMLSerializer() ;
xml = serializer.seri alizeToString(n ode);
}
return xml;
}
else {
return undefined;
}
}

var DOM_ELEMENT_NOD E = 1;
var DOM_TEXT_NODE = 3;

function xmlText(node) {
var ret = '';
if (node.nodeType == DOM_TEXT_NODE) {
ret += node.nodeValue;
}
else if (node.nodeType == DOM_ELEMENT_NOD E) {
ret += '<' + node.nodeName;
for (var i = 0; i < node.attributes .length; ++i) {
var a = node.attributes[i];
if (a && a.nodeName && a.nodeValue) {
ret += ' ' + a.nodeName;
ret += '="' + a.nodeValue + '"';
}
}
if (node.childNode s.length == 0) {
ret += '/>';
}
else {
ret += '>';
for (var i = 0; i < node.childNodes .length; ++i) {
ret += arguments.calle e(node.childNod es[i]);
}
ret += '</' + node.nodeName + '>';
}
}
return ret;
}