How do I update data within an xml childnode using XMLHttpRequest

[Tarik Monem]

OK, I'm pretty sure this cannot work because I'm trying to use JavaScript (client-side) to write to an xml file (which is server-side) using XMLHttpRequest.

Can I use PHP do what I'm trying to do?

Here's my code:

The function mySaveFunction() is called by clicking the "Update" button, after the user changes the data which is populated in the form fields, which was retrieved via XMLHttpRequest from an XML external file.

I know that XMLHttpRequest can createElement() but can it somehow update the text within the node?

Please help and thanks in advance

 
    function mySaveFunction()
    {
        try
        {
            if (window.ActiveXObject)
            {
            logovar[0].childNodes[0].InnerText = document.getElementById('logotextfield').value;
            headingvar[0].childNodes[0].InnerText = document.getElementById('headertextfield').value;
            contentvar[0].childNodes[0].InnerText = document.getElementById('textareafield').value;
            }
            else if(window.XMLHttpRequest)
            {
            logovar[0].childNodes[0].InnerText = document.getElementById('logotextfield').value;
            headingvar[0].childNodes[0].InnerText = document.getElementById('headertextfield').value;
            contentvar[0].childNodes[0].InnerText = document.getElementById('textareafield').value;
            data1 = logovar[0].childNodes[0].InnerText;
            data2 = headingvar[0].childNodes[0].InnerText;
            data3 = contentvar[0].childNodes[0].InnerText;
            XMLHttpRequest.send(data1);
            XMLHttpRequest.send(data2);
            XMLHttpRequest.send(data3);
            } 
            else 
            {
            logovar[0].childNodes[0].InnerText = document.getElementById('logotextfield').value;
            headingvar[0].childNodes[0].InnerText = document.getElementById('headertextfield').value;
            contentvar[0].childNodes[0].InnerText = document.getElementById('textareafield').value;
            }    
        catch(e)
        {
            alert(errorHappendHere);
        }        
    }
 
 
 
    try
    {
        if (window.ActiveXObject)
        {
            var errorHappendHere = "Check Browser and security settings";
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async=false;
            xmlDoc.load('xml/badgirls_casting2.xml');
        }
        else if(window.XMLHttpRequest)
        {
            var errorHappendHere = "Error handling XMLHttpRequest request";
            var d = new XMLHttpRequest();
            d.open("GET", 'xml/badgirls_casting2.xml', false);
            d.send(null);
            xmlDoc=d.responseXML;
        } else {
            var errorHappendHere = "Error.";
            xmlDoc = document.implementation.createDocument("","",null);
            xmlDoc.async=false;
            xmlDoc.load('xml/badgirls_casting2.xml');
        }
    }    
    catch(e)
    {
        alert(errorHappendHere);
    }
var logovar=xmlDoc.getElementsByTagName('logo');
var headingvar=xmlDoc.getElementsByTagName('heading');
var contentvar=xmlDoc.getElementsByTagName('content');
 
document.writeln('<table><tr><td>');
document.writeln("Image: </td><td>");
document.writeln("<input type='textfield' style='position:relative; width:200px;' id='logotextfield' value='" + logovar[0].childNodes[0].nodeValue + "'>");
document.writeln("</td></tr><tr><td>");
document.writeln("Header:</td><td>"); 
document.writeln("<input type='textfield' style='position:relative; width:200px;' id='headertextfield' value='" + headingvar[0].childNodes[0].nodeValue + "'>");
document.writeln("</td></tr><tr><td>");
document.writeln("Content: </td><td>");
for (i=0;i<contentvar.length;i++)
  {
  if (contentvar[i].nodeType==1)
    { 
        document.writeln("<textarea cols='30' rows='30' wrap='hard' id='textareafield["+i+"]'>" + contentvar[i].childNodes[0].nodeValue + "</textarea>");
    }
  }
document.writeln('</td></tr><tr><td colspan="2">');
document.writeln('<input type=button onClick=javascript:mySaveFunction(); value=Update>');
document.writeln('</td></tr></table>');
 
 

[Tarik Monem]

OK, I've found a tutorial on XPath -- http://www.w3schools.com/xquery/xquery_select.asp and the following is what I have changed in my code.

It seems pretty straight forward but it's not working :-(

I have placed this code in the header section of the HTML file. The JavaScript is called when the user clicks on the button "Update" after modifying the fields in the form, for which the fields were retrieved from an external XML file using XMLHttpRequest.

 
    <script language="javascript">
    <!--
    function mySaveFunction()
    {
            var errorHappendHere = "Error handling XMLHttpRequest request";
            var d = new XMLHttpRequest();
            d.open("POST", 'xml/badgirls_casting2.xml', true);
            d.send(return <logo> document.getElementById('logotextfield').value; </logo>);
            d.send(return <header> document.getElementById('headertextfield').value; </header>);
            d.send(return <content> document.getElementById('textareafield').value; </content>);
            xmlDoc=d.responseXML;
    }
    //-->
    </script>
 
 
 

Is it not working because the Javascript which writes the two textfields and one textarea, is within a div?

 
        <div>
            <script language="javascript" src="js_files/badgirls_casting_module.js"></script>
        </div>
 
 

Which produces the code beginning with try -- above?

Is it because the file is already opened to populate the textfields and textarea and therefore cannot be altered?

Shouldn't this fill the nodes of the XML document with the values that have been altered in the respective textfields and textarea with no problem?

Thanx in advance :-)