Flywe の Blog - Ajax 另类二级联动菜单(DIV+CSS) var req = null;
if(window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch(e) {
req = false;
}
// branch for IE/Windows ActiveX version
} else if(window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
req = false;
}
}
}
var node;
function OnClickCate(What,CateID)
{
if(What == null) return
node = document.getElementById("RssCate" + CateID)
node = node.nextSibling
while(node && node.tagName && node.tagName != "DIV")
{
node = node.nextSibling
}
if(node == null) return
var initDisplay = node.style.display;
var RssDIV = document.getElementsByTagName("DIV");
if(RssDIV != null)
{
for(var i = 0;i
{
if(RssDIV[i].className == "RssDIV")
RssDIV[i].style.display = "none";
}
}
if(document.getElementById("RssCate" + CateID).getAttribute("status") != "ok")
{
if(req)
{
var str = null;
node.innerHTML = "正在装载数据……";
node.style.display="block";
surl ='cs/menulist.asp?id='+CateID+'&cDate='+ new Date().getTime();
req.open('GET', surl, true);
req.onreadystatechange = alerttest;
req.send(null);
}
document.getElementById('RssCate'+CateID).setAttribute('status','ok');
}
else
{
node.style.display=(initDisplay == "block"?"none":"block");
}
//node = null;
}
function alerttest()
{
if (req.readyState == 4)
{
if (req.status == 200)
{
node.innerHTML = req.responseText;
}
}
}
style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px"