0

こんにちは。読んでくれてありがとう。

私は友人のバンドのために小さな (1 ページの) サイトを構築しており、ニュース セクションの代わりに tumblr フィードを使用しています。唯一のことは、私はJS / JQueryの初心者です。

投稿を正常に表示することができましたが、現時点では、フィードは投稿のタイトル、宣伝文句、日付 (この順序で) を取得しています。タイトルよりも前に日付を表​​示したいので、CSSで日付をタイトルより上にずらす（位置：相対）という大雑把な使い方をしています。

これまでのところ、ヘッダーにこれがあります：

<script src="http://www.google.com/jsapi" type="text/javascript"> </script>

そして、これは body 終了タグの直前の body にあります:

<script type="text/javascript">

google.load("feeds", "1"); 

      function OnLoad() {       
    var feedControl = new google.feeds.FeedControl();             
    feedControl.setNumEntries(3); 

    feedControl.addFeed("http://xxxxxxxxxx.tumblr.com/rss");             
    feedControl.draw(document.getElementById("recentPosts"));     
}           

google.setOnLoadCallback(OnLoad); 

</script>

日付がタイトルの前になるように出力をカスタマイズする方法を知っている人はいますか?

ありがとう、ジョン

4

2 に答える 2

0

Google のスクリプトによってレンダリングされた html をハックする必要があると思います。物事を簡単にするために jquery を使用することができます。の後に変更を適用することを忘れないでください

google.setOnLoadCallback(OnLoad);
于 2012-06-01T08:48:36.933 に答える
0

次のようなものである可能性があります（テストされていません）：

 <script language="Javascript">
google.load("feeds", "1"); 
function loadFeeds()
{
    var feedControl = new google.feeds.FeedControl();             
    feedControl.setNumEntries(3); 

    var html;
    var feed = new google.feeds.Feed("http://www.digg.com/rss/index.xml");

    feed.load(function(result) {
    if (!result.error) {
        var container = document.getElementById("feed");
        for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];

            html+=entry.date+"<p>"+entry.title+"</p>"+entry.description+"<br>";

            document.getElementById("feed").innerHTML =html;
        }
    }
    });   
}
google.setOnLoadCallback(loadFeeds);    
</script>
于 2012-06-01T10:18:57.327 に答える