Google AJAX Feed API タブ順番

質問

「Google AJAX Feed API」を利用して、複数RSSを読み込んでいるのですが、
読み込んだ順番でタブを表示させるにはどうすれば良いでしょうか？

具体的には、下記サイトを参考にしているのですが、読み込む度に、タブの「海外」「経済」表示位置が変わってしまいます。これを、RSSを読み込んだ順番( AryURL : [ に記述した順番)で表示するよう、順番を固定化したいです
▽IW3 PROJECT Google AJAX Feed APIの利用
　 http://project.iw3.org/feed_API/ex-feed04.html

回答No.2

fujillin · ベストアンサー

ざっと眺めただけですが、順番が変わるのは、ANo1様の回答にもあるようにajaxのレスポンスが返って来た順にHTMLに追加しているからでしょう。

順番を固定するには、例えば、先にタブとフィードの部分にそれぞれ<li class="triggerN">と<div id="boxN">を用意しておいて、callbackの関数には順番を渡すような仕組みにしておきます。
その上で、callback内の処理では指定順に対応するli、divに内容を追加するように修正するなどの方法で可能になると思います。

ちなみに、ANo1様の方法は、ajaxのcallに時間差を与えることで、レスポンスの順序がcall順と一致することを期待するものですので、十分な時間差さえ与えれば期待する結果が得られることでしょう。

お礼

回答ありがとうございました。
参考になりましたー

回答No.1

babu_baboo

ぐろーばるへんすうをつかって、でーたがかえってきたじゅんに、つなげているからなら～
めんどうそうなので、よびだすのにじかんさで。

さんぷるの３２ぎょうめの
document.body.appendChild( target );
を、
var cbFunc = function () {document.body.appendChild( target );};
setTimeout (cbFunc, i * 200);
に、してみてはどうか？
ためしてないけど。

お礼

回答ありがとうございました。
参考になりましたー