menu.js

这是一个ajax动态权限菜单,还是比较可以,大家看一下嘛

 // Ajax
    var XMLHttpReq = false;
    // 创建 XMLHttpReq 对象
    function createXMLHttpRequest(){
      if(window.XMLHttpRequest){
        XMLHttpReq = new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
        try{
          XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e){
          try{
            XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
          }
          catch(e){}
        }
      }
    }

    // 通过Ajax传页面数据
    function getText(url,obj){
      createXMLHttpRequest();
      XMLHttpReq.open("post",url,true);
      XMLHttpReq.onreadystatechange = function() {
        if (XMLHttpReq.readyState==4 && XMLHttpReq.status==200) {
          var varXML = XMLHttpReq.responseXML;
		  
          var varXM = varXML.childNodes[1];
		  alert(varXM);
          createMenu(varXM,obj);
        }
      }
      XMLHttpReq.send(null);
    }

    //动态生成菜单
    function createMenu(varXM,obj){
      //var varXM = varXML.childNodes[1];
      var varDiv1 = document.getElementById(obj);//取得要显示菜单的层对象
      var varDiv = document.createElement("div");
      for(i=0;i<varXM.childNodes.length;i++){
        var ohtml = varXM.childNodes[i];//取得根菜单元素
        //创建Table一列两行
        var varTable=document.createElement("table");
        varTable.width=189;
        varTable.border=0;
        varTable.align="center";
        varTable.style.borderStyle="solid";
	varTable.style.borderWidth="0px";
        createRow(ohtml,varTable,obj);//创建单元格
        varDiv.appendChild(varTable);
        var varBR = document.createElement("<br/>");//换行
        varDiv.appendChild(varBR);
      }
       varDiv1.innerHTML="";
       varDiv1.appendChild(varDiv);
    }
    //创建单元格(一级菜单)
    function createRow(ohtml,varTable,obj){
      //第一个单元格
      var curRow = varTable.insertRow();
      var curCell = curRow.insertCell();
      curCell.height=25;
      if(obj=="center"){
        curCell.background="/testWeb/image/3.jpg";
      }
      curCell.id="p";//光标移上去变成手
      curCell.innerHTML="&nbsp&nbsp&nbsp<b>"+ohtml.nodeName+"</b>"//根菜单
      curCell.onclick=function(){
        if(curCell2.childNodes.length>=1){
          for(i=0;curCell2.childNodes.length;i++){
            curCell2.removeChild(curCell2.childNodes[i]);//删除节点
             this.background="/testWeb/image/4.jpg";
          }
        }else{
          this.background="/testWeb/image/3.jpg";
          createTable2(ohtml,curCell2);//增加节点
        }
      }
      //购造下一个单元格
        var curRow2 = varTable.insertRow();
        var curCell2 = curRow2.insertCell();
        curCell2.id=ohtml.nodeName;
        curCell2.background="/testWeb/image/5.jpg";
        createTable2(ohtml,curCell2);//增加节点
      }

      //createTable2(ohtml,curCell2);//创建二级菜单
    //创建二级菜单
    function createTable2(ohtml,curCell2){
      var varMenuTable = document.createElement("table");//创建一个Tbale，用来显示二级菜单
      varMenuTable.border=0;
      varMenuTable.width="100%";
      varMenuTable.align="center";
      varMenuTable.border=0;
      for(j=0;j<ohtml.childNodes.length;j++){
        var curMenuRow = varMenuTable.insertRow();
        var curMenuCellOne = curMenuRow.insertCell();//放图标
        curMenuCellOne.width=20;
        curMenuCellOne.height=25;
        curMenuCellOne.align="right";
        var varImage = document.createElement("img");
        var curMenuCell = curMenuRow.insertCell();
        var varChild = ohtml.childNodes[j];
        curMenuCell.id=varChild.nodeName;
        for(var n=0;n<varChild.childNodes.length;n++){
          if(n==3){
            curMenuCell.innerHTML="<a href="+varChild.childNodes[3].text+" target='mainFrame'>"+varChild.nodeName+"</a>";
          }
          if(n==2){
            varImage.src=varChild.childNodes[2].text
            curMenuCellOne.appendChild(varImage);
          }
        }
      }
      curCell2.appendChild(varMenuTable);
    }

//测试
    function test(){
      alert("sdfsdf");
    }