• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax实现标签导航
    主要函数:
    复制代码 代码如下:

    !--
    function getObject(objectId) {
         if(document.getElementById  document.getElementById(objectId)) {
        // W3C DOM
           return document.getElementById(objectId);
         } 
         else if (document.all  document.all(objectId)) {
        // MSIE 4 DOM
           return document.all(objectId);
         } 
         else if (document.layers  document.layers[objectId]) {
        // NN 4 DOM.. note: this won't find nested layers
           return document.layers[objectId];
         } 
         else {
           return false;
        }


    var responsecont;
    var xmlHttp;
    var requestType;
    var newsstring;

    function CreateXMLHttpRequest(){
       // Initialize Mozilla XMLHttpRequest object
       if (window.XMLHttpRequest){
           xmlHttp = new XMLHttpRequest();
       } 
       // Initialize for IE/Windows ActiveX version
       else if (window.ActiveXObject) {
           try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
           } 
           catch (e){
                try{
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e){newsstring = "div class='loading'>Loading rquest content fail, Please try it again latter.../div>";}
           }
       }
    }

    function getnews(tagid,x){
       var url = tagid+'_'+x+'.htm';
       var loadstatustext="div class='loading'>img src='images/loading.gif' /> Loading request content, please wait.../div>";
       requestType = tagid;
       CreateXMLHttpRequest();   

       getObject(requestType+'_cnt').innerHTML = loadstatustext;
       xmlHttp.onreadystatechange = processRequestChange;
       xmlHttp.open("GET", url, true);
       xmlHttp.setRequestHeader("If-Modified-Since","0");
       xmlHttp.send(null);  
    }

    function processRequestChange(){
       // only if xmlHttp shows "complete"
       if (xmlHttp.readyState == 4){
          // only http 200 to process
          if (window.location.href.indexOf("http")==-1 || xmlHttp.status == 200){
             newsstring = xmlHttp.responseText;
             //inject centent to tab-pane
                shownews(requestType,newsstring);
          }
       }
    }

    function shownews(requestType,newsstring){
    //![CDATA[
        responsecont = getObject(requestType+'_cnt');
        responsecont.innerHTML = newsstring;
    //]]>
    }

    function TabNews(tagid,x){
        for (var i=1;i=7;i+=2) {
             if (i == x) {
                getObject(tagid+i).className="tabactive"+i;
                if(i!=1){
                   getObject(tagid+(i-1)).style.display="none";               
                   if(i!=7){
                      getObject(tagid+(i+1)).style.display="none";
                   }                 
                }
                if(i==1){
                   getObject(tagid+"2").style.display="none";
                } 
                try{            
                   getnews(tagid,i);
                }
                catch(e){
                   alert(e);
                }  
            }
            else
            {
                getObject(tagid+i).className="";            
                if(i!=7){
                   getObject(tagid+(i+1)).style.display="block";
                }             
            }         
       }
    }
    //-->


    调用方法:
    复制代码 代码如下:
    li style="cursor:pointer" id="tab3" onclick="TabNews('tab',3)">最新折扣信息/li>
    上一篇:用Ajax读取XML格式的数据
    下一篇:Ajax Hacking
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ajax实现标签导航 ajax,实现,标签,导航,ajax,