XMLHTTPRequest and document.write blanking page error

[Adam]

This is frustrating me. Opening IE displays the following code fine.
When I open a new window the code no longer works. All the HTML is
overwritten with the first document.write statement. Tried with window
tried without Please help.

This code pulls XML from a web site then parses it into a dynamically
created table built with javascript. The write table is not working
correctly, other methods work fine. This code also locks up Fire Fox to
where it doesn't stop loading the page.
var req;
var textColor;
var linkColor;
var columns;
var tWidth;
var bgcolor;
function init () {
if (window.XMLHttpRequest)
req = new XMLHttpRequest();

else if (window.ActiveXObject)
req = new ActiveXObject("Microsoft.XMLHTTP");

// req.open("GET", "http://127.0.0.1/patches/AJAX.xml", true);
req.open("GET",
"http://127.0.0.1/patches/affiliate_AJAX.cfm?Affiliate=1&Campaign=10",
true);
//req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
req.onreadystatechange = callback;

req.send(null);
}

function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
// update the HTML DOM based on whether or not message is valid
// alert('valid request' + req.status + req.readyState);
parseMessage();

// writeTable();
writeTable();
return true;

}
}

}

function parseMessage() {
var message = req.responseXML.getElementsByTagName("fontcolor")[0];
textColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("linkcolor")[0];
linkColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablecols")[0];
columns = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablewidth")[0];
tWidth = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("bgcolor")[0];
bgcolor = message.childNodes[0].nodeValue;

}

function writeTable() {

window.document.writeln('<table border="0" cellspacing="10" width="' +
tWidth + '" bgcolor="#' + bgcolor + '">');

for (i=0; i<columns; i++) {

if ((i % columns) == 0)
window.document.writeln('<tr>');
//body of each slot
window.document.writeln('<td>');
window.document.writeln('test');
window.document.writeln('</td>');

if ((i % columns) == (columns - 1))
window.document.writeln('</tr>'); //end row if column limit is up

}

window.document.writeln('</table>');
}
GryphonsClaw is online now Edit/Delete Message

[commercial]

document.write will not suffice.

there is "state" in a document

that means a "write" is now appended
or destroys a window's canvas?

Look up the write method's other properties

e.g.

open

close

...............

Hope that helps.


"Adam" <ad**@atruereview.com> wrote in message
news:42**********@alt.athenanews.com...

This is frustrating me. Opening IE displays the following code fine.
When I open a new window the code no longer works. All the HTML is
overwritten with the first document.write statement. Tried with window
tried without Please help.

This code pulls XML from a web site then parses it into a dynamically
created table built with javascript. The write table is not working
correctly, other methods work fine. This code also locks up Fire Fox to
where it doesn't stop loading the page.
var req;
var textColor;
var linkColor;
var columns;
var tWidth;
var bgcolor;
function init () {
if (window.XMLHttpRequest)
req = new XMLHttpRequest();

else if (window.ActiveXObject)
req = new ActiveXObject("Microsoft.XMLHTTP");

// req.open("GET", "http://127.0.0.1/patches/AJAX.xml", true);
req.open("GET",
"http://127.0.0.1/patches/affiliate_AJAX.cfm?Affiliate=1&Campaign=10",
true);
//req.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); req.onreadystatechange = callback;

req.send(null);
}

function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
// update the HTML DOM based on whether or not message is valid
// alert('valid request' + req.status + req.readyState);
parseMessage();

// writeTable();
writeTable();
return true;

}
}

}

function parseMessage() {
var message = req.responseXML.getElementsByTagName("fontcolor")[0];
textColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("linkcolor")[0];
linkColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablecols")[0];
columns = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablewidth")[0];
tWidth = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("bgcolor")[0];
bgcolor = message.childNodes[0].nodeValue;

}

function writeTable() {

window.document.writeln('<table border="0" cellspacing="10" width="' +
tWidth + '" bgcolor="#' + bgcolor + '">');

for (i=0; i<columns; i++) {

if ((i % columns) == 0)
window.document.writeln('<tr>');
//body of each slot
window.document.writeln('<td>');
window.document.writeln('test');
window.document.writeln('</td>');

if ((i % columns) == (columns - 1))
window.document.writeln('</tr>'); //end row if column limit is up

}

window.document.writeln('</table>');
}
GryphonsClaw is online now Edit/Delete Message

[commercial]

Also a table is not written directly like other tags.

A table has its own little object model going,
since it does obey layout margins.

better clinch it into a seperator first.

e.g.

<div> ........... </div>


"Adam" <ad**@atruereview.com> wrote in message
news:42**********@alt.athenanews.com...

This is frustrating me. Opening IE displays the following code fine.
When I open a new window the code no longer works. All the HTML is
overwritten with the first document.write statement. Tried with window
tried without Please help.

This code pulls XML from a web site then parses it into a dynamically
created table built with javascript. The write table is not working
correctly, other methods work fine. This code also locks up Fire Fox to
where it doesn't stop loading the page.
var req;
var textColor;
var linkColor;
var columns;
var tWidth;
var bgcolor;
function init () {
if (window.XMLHttpRequest)
req = new XMLHttpRequest();

else if (window.ActiveXObject)
req = new ActiveXObject("Microsoft.XMLHTTP");

// req.open("GET", "http://127.0.0.1/patches/AJAX.xml", true);
req.open("GET",
"http://127.0.0.1/patches/affiliate_AJAX.cfm?Affiliate=1&Campaign=10",
true);
//req.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); req.onreadystatechange = callback;

req.send(null);
}

function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
// update the HTML DOM based on whether or not message is valid
// alert('valid request' + req.status + req.readyState);
parseMessage();

// writeTable();
writeTable();
return true;

}
}

}

function parseMessage() {
var message = req.responseXML.getElementsByTagName("fontcolor")[0];
textColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("linkcolor")[0];
linkColor = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablecols")[0];
columns = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("tablewidth")[0];
tWidth = message.childNodes[0].nodeValue;

message = req.responseXML.getElementsByTagName("bgcolor")[0];
bgcolor = message.childNodes[0].nodeValue;

}

function writeTable() {

window.document.writeln('<table border="0" cellspacing="10" width="' +
tWidth + '" bgcolor="#' + bgcolor + '">');

for (i=0; i<columns; i++) {

if ((i % columns) == 0)
window.document.writeln('<tr>');
//body of each slot
window.document.writeln('<td>');
window.document.writeln('test');
window.document.writeln('</td>');

if ((i % columns) == (columns - 1))
window.document.writeln('</tr>'); //end row if column limit is up

}

window.document.writeln('</table>');
}
GryphonsClaw is online now Edit/Delete Message