Sorry ... den stod slet ikke. Jeg havde glemt denne tråd =)
Når jeg genlæser den, tror jeg bare, der skal stå:
Response.write xmlFile.responseText
description noden i
item noderne indeholder desværre HTML-formaterede data. Jeg har her valgt at vise dig et eksempel med DOM, men hvor jeg indsætter indholdet af
description noden med innerHTML ...
YDDDRRK!:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>RSS Reader -
http://www.eksperten.dk/spm/868143</title><style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
font: 0.85em verdana, tahoma, sans-serif;
}
#sportContainer img {
display: block;
margin: 0 auto;
}
.item {
width: 200px;
margin: 5px;
border: 1px dotted #999;
float: left;
}
.clear {
height: 0;
overflow: hidden;
clear: both;
}
</style>
<script type="text/javascript">
(function(){if(window.XMLHttpRequest)return;var o=null,s,a=["MSXML2.XMLHTTP.6.0", "MSXML2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"];for(var i=0,j=a.length;i<j;s=a[i],i++){try{if(o=new ActiveXObject(s))break}catch(e){}}window.XMLHttpRequest=o?function(){return new ActiveXObject(s)}:null;o=null})();
function gE(id,D){return (D?D:document).getElementById(id)};
function gAt(o,tN){return o.getElementsByTagName(tN)};
function cE(tN,D){return (D?D:document).createElement(tN)};
function sE(o,t,f){if(o.addEventListener)o.addEventListener(t,f,false);else if(o.attachEvent)o.attachEvent("on"+t,function(){f.apply(o)});else if(typeof o["on"+t]=="function"){var x=o["on"+t];o["on"+t]=function(){x.apply(o,arguments);f.apply(o,arguments)};}else o["on"+t]=f};
function insertSports(oXmlDoc) {
var sTitle, sLink, sDescr, oItem, oLnk, oDv = null,
aItems = gAt(oXmlDoc, "item"), oCl = cE("div");
oCl.className = "clear";
for (var i=0,j=aItems.length; i<j; i++) {
if (i%4==0) {
if (oDv) {
oDv.appendChild(oCl.cloneNode(true));
oCont.appendChild(oDv);
}
oDv = cE(oDv);
}
sTitle = gAt(aItems[i], "title")[0].firstChild.nodeValue;
sLink = gAt(aItems[i], "link")[0].firstChild.nodeValue;
sDescr = gAt(aItems[i], "description")[0].firstChild.nodeValue;
oItem = oTempl.cloneNode(true);
oLnk = gAt(oItem, "a")[0];
oLnk.setAttribute("href", sLink);
oLnk.firstChild.nodeValue = sTitle;
gAt(oItem, "div")[0].innerHTML = sDescr;
oDv.appendChild(oItem);
}
}
function loadSports() {
var oHttp = new XMLHttpRequest();
oHttp.open("post", "resp.php", true);
oHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
oHttp.onreadystatechange = function(){
if (oHttp.readyState<4) return;
insertSports(oHttp.responseXML);
oHttp = null;
}
oHttp.send("contxt=getSports");
}
var oCont = oTempl = null;
function init() {
oCont = gE("sportContainer");
oTempl = gAt(oCont, "div")[0];
oCont.removeChild(oTempl);
}
sE(window, "load", init);
</script>
</head>
<body>
<p><button onclick="loadSports()">Load</button></p>
<div id="sportContainer">
<div class="item">
<p><a href=""> </a></p>
<div></div>
</div>
</div>
</body>
</html>
Der er brugt nogle wrappers, som står i begyndelsen af JS-blokken. Den første er min XMLHttpRequest wrapper
http://www.dengodekode.dk/artikler/ajax/xmlhttprequest_wrapper.php - som du vist kender i forvejen - og resten burde du nok kunne tyde anvendelsen af ;o)
