XML- databinding vha. Javascript
Hejsa..Jeg sidder og prøver at få fyldt en html-<select> med data fra et xml dokument. (på prøve basis)...
problemmet ligger i at det virker som om jeg ikke kan få oprette forbindelse til xml-dokumentet?
kode:
//--------------HTML------------------
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function populateList(target, srcid, order) {
// target - The list box to populate
// src - The datasource object
// order (boolean) - true - the order of the recordset
// false - the reverse order of the recordset
var src = document.getElementById(srcid);
var rc = src.recordset
rc.moveFirst()
var el
target.remove(0)
while (!rc.eof) {
// Create new option element
el = new Option
// Display first column
el.text = rc.Fields('ARTIST').value
// Set value to second column
el.value = rc.Fields(0).value
// Add to list box
if (order)
target.add(el)
else
target.add(el,0)
rc.moveNext()
}
// reenable the list box
target.disabled = false
}
function upload()
{
var target = document.getElementById('listbox');
populateList(target, 'cdcat', true)
}
</SCRIPT>
</head>
<body onload= upload()>
<xml id="cdcat" src="cd_catalog.xml"></xml>
<h1> test</h1>
<table border="1" datasrc="#cdcat">
<tr>
<td><span datasrc="#cdcat" datafld="ARTIST"></span></td>
<td><span datafld="TITLE"></span></td>
</tr>
</table>
<Select size="5" id="listbox" DISABLE>
<OPTION STYLE="text-decoration: italic">Loading...
</SELECT>
</body>
</html>
//----------XML'en.---------------
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <!-- Edited with XML Spy v4.2
-->
- <CATALOG>
- <CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
....osv...
Jeg har placeret html-filen og Xml-filen i samme katalog, men virker hverken fra min pc, eller fra webserver..
js-fejlen: "rc. has no properties"
hverken tabellen eller select-boxene får data.?!
på forhånd tak
/Christian
