将xmlHttp = GetXmlHttpObject()转换为Jquery淡化效果

时间:2012-09-24 15:01:27

标签: jquery

几年前,我在网上找到了一个使用Javascript和GetXmlHttpObject方法更改页面内容的脚本。总而言之,你可以在这个页面上看到很棒的作品 -

Downtown Transmission Staff

如果您点击一名工作人员,则会将您带到他(她)的个人资料中,并在右上角显示“下一位会员”的链接。

此代码如下:

<span id='next_staff'  onClick="change(8,'staff',1)"  >Next Team Member</span>

所以我传递了三个参数,一个是工作人员的id,一个是工作人员用于转换语句,而数字1是告诉脚本工作人员所属的商店(一些客户有多个商店) )。

我的目标是为每个工作人员保留相同的网址结构,例如网址中的“?member = 5&amp; shop = 1”,但转换我使用的javascript以给我一个很好的jquery效果,如淡入淡出或在conntent上滑动。

我会假设因为我已经获取内容并且它正在工作我应该能够修改javascript的javascript - 不是吗?

我尝试但无法插入我的代码,但您可以在Javascript Code

看到它

我真的很感激任何帮助,我多年来一直在网上使用其他来源,但是当我寻求帮助时,这个网站不断涌现。谢谢!

1 个答案:

答案 0 :(得分:0)

假设不是最好的解决方案,但变化很小:

function stateChanged(){ 
   if (xmlHttp.readyState==4){ 
        var xmlDoc=xmlHttp.responseXML.documentElement;
        $("#staff_profile").fadeOut(100, function() {
            switch(typex){
                case 'service':
                //...
                break;   
            case 'staff':
                 document.getElementById("staffnameheader").innerHTML = xmlDoc.getElementsByTagName("stafftitle")[0].childNodes[0].nodeValue;
                 document.getElementById("staffdesc").innerHTML = xmlDoc.getElementsByTagName("staffdescription")[0].childNodes[0].nodeValue;
                 document.getElementById("staffimg").src = xmlDoc.getElementsByTagName("staffimage")[0].childNodes[0].nodeValue;
                 document.getElementById("navbutton").innerHTML = xmlDoc.getElementsByTagName("nextstaff")[0].childNodes[0].nodeValue;  
            break;
            case 'affiliate':
               //...
            break;
            }
            $("#staff_profile").fadeIn(100);
      });
   }
}