2013-04-22 30 views
1

我有一個博客腳本從一個帳戶中提取最新的三個Twitter帖子,並且我調整了它以在帖子底部的圖像分隔符中添加,但不希望看到最後一篇文章底部的分隔符。我堅持使用語法來計算前兩個,然後在第三個排除圖像(或重寫沒有圖像的行)。將圖像添加到三個javascript結果的前兩個中

下面是代碼塊:

function twitterCallback2(twitters) 
{ 
    var statusHTML = []; 
    for (var i=0; i<twitters.length; i++) 
    { 
     var username = twitters[i].user.screen_name; 
     var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) 
     { 
      return '<a href="'+url+'" target="_blank">'+url+'</a>'; 
     }).replace(/\[email protected]([_a-z0-9]+)/ig, function(reply) 
     { 
      return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; 
     }); 

     statusHTML.push('<li><span>'+status+'</span> <a class="date" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" target="_blank"><br /><p style="text-align:left; margin-top:4px;"><img src="../images/news/twitter-bird.png" style="margin:3px 2px 0 0;">'+relative_time(twitters[i].created_at)+'</a></p><img src="../images/news/twitter-divider.png" style="margin-top:4px;"></li>'); 
    } 
    document.getElementById('twitter_update_list').innerHTML = statusHTML.join(''); 
} 

任何幫助,將不勝感激。

回答

2

未經檢驗的,但這應該工作:

function twitterCallback2(twitters) { 
    var statusHTML = []; 
    for (var i=0; i<twitters.length; i++){ 
    var username = twitters[i].user.screen_name; 
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) { 
     return '<a href="'+url+'" target="_blank">'+url+'</a>'; 
    }).replace(/\[email protected]([_a-z0-9]+)/ig, function(reply) { 
     return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>'; 
    }); 
    var htmlToPush = '<li><span>'+status+'</span> <a class="date" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" target="_blank"><br /><p style="text-align:left; margin-top:4px;"><img src="../images/news/twitter-bird.png" style="margin:3px 2px 0 0;">'+relative_time(twitters[i].created_at)+'</a></p>'; 
    if (i<twitters.length-1) 
     htmlToPush += '<img src="../images/news/twitter-divider.png" style="margin-top:4px;">'; 
    htmlToPush += '</li>'; 
    statusHTML.push(htmlToPush); 
    } 
    document.getElementById('twitter_update_list').innerHTML = statusHTML.join(''); 
} 
+0

也許未經測試由你,但完美的作品!謝謝你的幫助! – bridgemanusa 2013-04-22 23:48:35

相關問題