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.XMLHttp Request)
req = new XMLHttpRequest( );

else if (window.ActiveX Object)
req = new ActiveXObject(" Microsoft.XMLHT TP");

// 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.setRequestH eader('Content-Type','applicat ion/x-www-form-urlencoded');
req.onreadystat echange = 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 .getElementsByT agName("fontcol or")[0];
textColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("linkcol or")[0];
linkColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tableco ls")[0];
columns = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tablewi dth")[0];
tWidth = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("bgcolor ")[0];
bgcolor = message.childNo des[0].nodeValue;

}

function writeTable() {

window.document .writeln('<tabl e 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**@atruerevi ew.com> wrote in message
news:42******** **@alt.athenane ws.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.XMLHttp Request)
req = new XMLHttpRequest( );

else if (window.ActiveX Object)
req = new ActiveXObject(" Microsoft.XMLHT TP");

// 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.setRequestH eader('Content-Type','applicat ion/x-www-form-urlencoded'); req.onreadystat echange = 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 .getElementsByT agName("fontcol or")[0];
textColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("linkcol or")[0];
linkColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tableco ls")[0];
columns = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tablewi dth")[0];
tWidth = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("bgcolor ")[0];
bgcolor = message.childNo des[0].nodeValue;

}

function writeTable() {

window.document .writeln('<tabl e 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**@atruerevi ew.com> wrote in message
news:42******** **@alt.athenane ws.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.XMLHttp Request)
req = new XMLHttpRequest( );

else if (window.ActiveX Object)
req = new ActiveXObject(" Microsoft.XMLHT TP");

// 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.setRequestH eader('Content-Type','applicat ion/x-www-form-urlencoded'); req.onreadystat echange = 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 .getElementsByT agName("fontcol or")[0];
textColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("linkcol or")[0];
linkColor = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tableco ls")[0];
columns = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("tablewi dth")[0];
tWidth = message.childNo des[0].nodeValue;

message = req.responseXML .getElementsByT agName("bgcolor ")[0];
bgcolor = message.childNo des[0].nodeValue;

}

function writeTable() {

window.document .writeln('<tabl e 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