xmlHttp = GetXmlHttpObject()를 Jquery Fade Effect로 변환

Question

몇 년 전에 Javascript와 GetXmlHttpObject 메소드를 사용하여 일부 페이지 내용을 변경하기 위해 온라인에서 찾은 스크립트를 해킹했습니다. 좋은 작품 모두 모두이 페이지에서 볼 수 -

Downtown Transmission Staff

당신은에서 "다음 회원 '라는 링크가 그의 (그녀)의 프로필로 이동 교직원을 클릭하면 맨 위 오른쪽.

다음과 같이의 코드는 다음과 같습니다

내가 세 가지 매개 변수를 전달하고 그래서

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

은, 하나는 직원의 ID입니다 단어 직원은 스위치 문이며, 숫자 1은이다 직원에게 속한 상점을 스크립트에 알리십시오 (일부 고객은 여러 상점이 있습니다).

내 목표는 "? member = 5 & shop = 1"과 같은 각 직원에 대해 동일한 URL 구조를 유지하지만 자바 스크립트를 변환하여 페이드와 같은 멋진 jquery 효과를 제공합니다. 또는 콘텐트에서 미끄러 져 움직여야합니다.

나는 이미 콘텐츠를 가져오고 있기 때문에 jquery 용 javascript를 수정할 수 있어야한다고 가정합니다.

내가 시도했지만 내 코드를 삽입 할 수 있습니다,하지만 당신은 정말 어떤 도움을 주셔서 감사합니다 것 Javascript Code

에서 볼 수, 나는 몇 년 동안 온라인 다른 소스를 사용하고 있지만 검색으로이 웹 사이트는 올라오고 계속 도와주기 위해. 고맙습니다!

Answer 1

하지 최적의 솔루션,하지만 최소한의 변경으로 가정 :

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); 
     }); 
    } 
}