Trouble getting started with Grid and XML

[Rich]

I'm trying to implement a grid to display XML data, using the http://www.jackslocum.com/yui/2006/0...hoo-ui-part-2/ example as a starting point.

I've created a simple page with the code, here:

http://richgay.com/test/gridtest.html

The page loads and the grid header displays, but no rows, and an error in Firefox 2.0/Mac:

Error: junk after document element
Source File: http://richgay.com/test/serverconfigdata.xml
Line: 8, Column: 1
Source Code:
<item>^

With Safari, the header and first row displays, and there is no error displayed in the Javascript console.

No doubt I've made a fundamental mistake... thanks in advance for any help.

[tryanDLS]

Is the xml valid? Maybe just a stray quote? If you open the xml file in IE, does it choke?

[Rich]

Is the xml valid? Maybe just a stray quote? If you open the xml file in IE, does it choke?

You were on the right track. The XML for the items needed to be wrapped. It's working now.

[Rich]

I'm trying to modify my grid to load the XML data from a hidden div in the page, rather than issue a separate page request.

Previously, to load the xml from a document, I used:

this.dataModel.load('serverconfigdata.xml');

I've changed to this:

var myXMLdiv = document.getElementById ("xmlcontent");
var myXMLcontent = myXMLdiv.innerHTML;
this.dataModel.loadData (myXMLcontent);

I'm getting this error in the yui-ext library:

Error: doc.getElementsByTagName is not a function
Source File: http://richgay.com/test/scripts/yui-...rc1/yui-ext.js
Line: 482

I'm certain I'm doing something incorrectly here...

Page with the code is here:

http://richgay.com/test/gridtest.html

[Animal]

Off the top of my head, try

this.dataModel.loadData (myXMLcontent.documentElement);

[Rich]

Off the top of my head, try

this.dataModel.loadData (myXMLcontent.documentElement);

No success, but a different error reported:

Error: doc has no properties
Source File: http://richgay.com/test/scripts/yui-...rc1/yui-ext.js
Line: 482

[Animal]

Stop in the Connection object and take a look at the XmlHttpRequest's properties.

It's a very fussy XML parser, and it gives you a null document if anything's wrong.

[Animal]

Oh, I just saw that you're passing in HTML from a div. Are you sure that the browser is preserving the XML that you put there?

I think the only way to preserve XML text in an HTML document is to send it out inside a textbox. Then you can get the value of that.

[Rich]

Oh, I just saw that you're passing in HTML from a div. Are you sure that the browser is preserving the XML that you put there?

It appears to be correct. If I view the source of the page, it appears intact.

I think the only way to preserve XML text in an HTML document is to send it out inside a textbox. Then you can get the value of that.

I'll give that a try... after lunch.

Thanks for the suggestions!

[Rich]

I've modified the included XML to be wrapped with an <xml> tag, and verified the content is included and correct. Still getting this error:

Error: doc.getElementsByTagName is not a function
Source File: http://richgay.com/test/scripts/yui-...rc1/yui-ext.js
Line: 482