Recursion problem: while convert xml-document object to xml-string

[samelzoro]

here is a problem in recursion: unexpected result ?
by this program I just want to convert xml dom's document object to xml-string.
(for all browsers)

        //load a xml
    function loadXMLDoc(dname)
    {
        var xmlDoc;
        // code for IE
        if (window.ActiveXObject)
        {
            xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        }
        // code for Mozilla, Firefox, Opera, etc.
        else if (document.implementation && document.implementation.createDocument)
        {
            xmlDoc=document.implementation.createDocument("","",null);
        }
        else
        {
            alert('Your browser cannot handle this script');
        }
        xmlDoc.async=false;
        xmlDoc.load(dname);
        return(xmlDoc);
    }
 
//call on an event 
function xmlString(xmlFile){
 
    var xmlDoc=loadXMLDoc(xmlFile);
    var root=xmlDoc.documentElement;
    var xml=getElement(root);
    alert(xml);
}
 
//the parsing function: xml to string
function getElement(element){
    var str="";
    if(element.nodeType == 1){
        str="<";
        str+=element.nodeName+" ";
        if(element.hasAttributes()){            
            var atts=element.attributes;
            for(a=0;a<atts.length;a++){
                var att=atts.item(a);    
                str+=att.nodeName+"='"+att.nodeValue+"' ";
            }
            str+=">";
        }
        else{
            str+=">";    
        }
 
        if(element.hasChildNodes()){
            var len=element.childNodes.length;            
            for(b=0;b<len;b++){                                
                //alert(element.childNodes[b].nodeName+' = '+len)
                str+=getElement(element.childNodes[b]);    //recursion here        
            }
 
        }    
        str+="</"+element.nodeName+">";
    }
    else if(element.nodeType == 3){
        //alert(element.nodeValue)
        str+=element.nodeValue;    
    }
 
    //alert(str);
    return str;
}

above, root element is passed in getElement() function, if it has child elements then iterate all child elements and passed it to getElement() until it gets no child element. Each time getElement() return string (i.e node) which appends to the end of itself.

I'm just a beginner in web-development (only 6-month exp.).

[acoder]

Welcome to TSDN!

So what result do you get?

[samelzoro]

hi, now i got the mistake i was using global variable (b) in for loop. By making it local it works.So here is the working code:

    function loadXMLDoc(dname)
    {
        var xmlDoc;
        // code for IE
        if (window.ActiveXObject)
        {
            xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        }
        // code for Mozilla, Firefox, Opera, etc.
        else if (document.implementation && document.implementation.createDocument)
        {
            xmlDoc=document.implementation.createDocument("","",null);
        }
        else
        {
            alert('Your browser cannot handle this script');
        }
        xmlDoc.async=false;
        xmlDoc.load(dname);
        return(xmlDoc);
    }
 
function xmlString(file){
    var xmlDoc=loadXMLDoc(file);
    var root=xmlDoc.documentElement;
    var xml=getElement(root);
    //alert(xml);
 
    xml = replace(xml,'<',unescape('&lt;'));
    xml = replace(xml,'>',unescape('&gt;'));
    document.body.innerHTML = "<br /><p>"+xml+"</p><br />";
}
 
function getElement(element){
    var str="";
    if(element.nodeType == 1){
        str="<";
        str+=element.nodeName+" ";
        if(element.hasAttributes()){            
            var atts=element.attributes;
            for(var a=0;a<atts.length;a++){
                var att=atts.item(a);    
                str+=att.nodeName+"='"+att.nodeValue+"' ";
            }            
        }        
        str+=">";            
 
        if(element.hasChildNodes()){
            var len=element.childNodes.length;            
            for(var b=0;b<len;b++){                                
                //alert(element.childNodes[b].nodeName+' = '+len)
                str+=getElement(element.childNodes[b]);    //recursion here        
            }            
        }        
        str+="</"+element.nodeName+">";
    }
    else if(element.nodeType == 3){
        //alert(element.nodeValue)
        str+=element.nodeValue;    
    }
 
    //alert(str);
    return str;
}
 
//to change "<" n ">" (entities), before print to screen
function replace(string,text,by) {
// Replaces text with by in string
    var strLength = string.length, txtLength = text.length;
    if ((strLength == 0) || (txtLength == 0)) return string;
 
    var i = string.indexOf(text);
    if ((!i) && (text != string.substring(0,txtLength))) return string;
    if (i == -1) return string;
 
    var newstr = string.substring(0,i) + by;
 
    if (i+txtLength < strLength)
        newstr += replace(string.substring(i+txtLength,strLength),text,by);
 
    return newstr;
}
 

//just call xmlString(file) with xml file as parameter. you get xml converted to xml dom's document object and then convert it to xml-string, so i can send it to server, because i can't send javascript object to server (in java/jsp).
here, xml is read from xml file, but in my original code xml is creating in javascript (i.e converting html table structure in xml).
If anybody have any other possibilities or way to do so, please tell me.
Thank you all.

[acoder]

Glad you got it working and thanks for posting the solution.

//just call xmlString(file) with xml file as parameter. you get xml converted to xml dom's document object and then convert it to xml-string, so i can send it to server, because i can't send javascript object to server (in java/jsp).
here, xml is read from xml file, but in my original code xml is creating in javascript (i.e converting html table structure in xml).
If anybody have any other possibilities or way to do so, please tell me.
Thank you all.

Are you trying to send data in an HTML table to the server-side? What kind of data is it? Can it not be set as form variables?

[samelzoro]

Glad you got it working and thanks for posting the solution. Are you trying to send data in an HTML table to the server-side? What kind of data is it? Can it not be set as form variables?

I just wanna send html table structure to server.
I'm working on "online movie ticket booking" project.
For theater design I'm using html table, it is totally customizable, so creating/designing table(i.e theater) on some button clicks.
Now I've to send this structure/design to server to store it in xml.

So, I choose to read html table through HTML DOM, and then create a xml (xml dom's document object) using javascript. Now a javascript object can't send on http request, so I've to convert the object to string (i.e xml-string).

[acoder]

I just wanna send html table structure to server.
I'm working on "online movie ticket booking" project.
For theater design I'm using html table, it is totally customizable, so creating/designing table(i.e theater) on some button clicks.
Now I've to send this structure/design to server to store it in xml.

So, I choose to read html table through HTML DOM, and then create a xml (xml dom's document object) using javascript. Now a javascript object can't send on http request, so I've to convert the object to string (i.e xml-string).

Well, if you wanted an easier solution, you could've just sent the innerHTML of the table. This avoids reading/parsing on the client-side.

[samelzoro]

Well, if you wanted an easier solution, you could've just sent the innerHTML of the table. This avoids reading/parsing on the client-side.

Ya that's true. Thank you.

[acoder]

You're welcome. Post again if you have any more questions.