-1

数年前、オンラインで見つけたスクリプトをハックして、Javascript と GetXmlHttpObject メソッドを使用して一部のページ コンテンツを変更しました。このページでわかるように、全体としてはうまく機能します-

ダウンタウン トランスミッション スタッフ

スタッフ メンバーをクリックすると、右上に「次のメンバー」と表示されたリンクがある彼 (彼女) のプロフィールに移動します。

このコードは次のとおりです。

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

そのため、3 つのパラメーターを渡します。1 つはスタッフ メンバーの ID、staff という単語は switch ステートメント用、1 はスタッフ メンバーが所属するショップをスクリプトに伝えるためのものです (一部のクライアントは複数のショップを持っています)。

私の目標は、URL の「?member=5&shop=1」など、各スタッフの同じ URL 構造を維持することですが、使用している JavaScript を変換して、コンテンツのフェードやスライドなどの素敵な jquery 効果を得ることができます。

私はすでにコンテンツを取得していて、それが機能しているので、jquery の JavaScript を変更できるはずだと思います-いいえ?

試してみましたがコードを挿入できませんでしたが、Javascript Codeで確認できます

何年もオンラインで別のソースを使用してきましたが、ヘルプを検索するとこの Web サイトが表示され続けます。ありがとう！

4

1 に答える 1

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);
      });
   }
}
于 2012-09-24T15:45:13.470 に答える