在一个页面上显示两个独立的Tumblr博客？

问题描述：

我想在一个页面上相互显示两个独立的Tumblr博客。我希望他们看起来与他们的Tumblr主题完全相同。什么是最好的方法来做到这一点？在一个页面上显示两个独立的Tumblr博客？

我能够使用JavaScript导入的内容是这样的：

<div id="tumblr1"> 
    <script type="text/javascript" src="http://tumblr1.tumblr.com/js"></script> 
<div> 

<div id="tumblr2"> 
    <script type="text/javascript" src="http://tumblr2.tumblr.com/js"></script> 
<div>

但内容显然不会样式。有没有更简单的方法来做到这一点？如果没有，是否有一种简单的方式来设置我从js获得的内容的样式？

UPDATE：
我正在解析JSON的JavaScript，但不顺心的属性值的破折号。举个简单的例子：

<script type="text/javascript"> 
    var tumblelog = { 

        "title":"Tumblr Title", 
        "description":"Tumblr Description", 
        "name":"tumblr name", 
        "timezone":"US\/Central", 
        "cname":false, 
        "feeds":0, 
        "posts-start":0, 
        "posts-total":"111", 
        "posts-type":false 

        }; 

</script> 

<script type="text/javascript"> 

    document.write(tumblelog.posts-total); 

</script>

告诉我“未捕获的ReferenceError：总没有定义”。然而，

<script type="text/javascript"> 

    document.write(tumblelog.feeds); 

</script>

返回0就好了。 Tumblr的API建议像

 document.write(tumblelog['@posts-total']);

当使用但返回“undefined”。

有什么建议吗？

答

我会使用的API，并设置一个JSON回调

<script type="text/javascript" 
src="http://tumblr1.tumblr.com/api/read/json?callback=my_callback"></script> 

<script type="text/javascript" 
src="http://tumblr2.tumblr.com/api/read/json?callback=my_callback"></script>

这时正好有现成的回调：

function my_callback(tumblr_data) 
{ 
    //append the data to the div here 
}

您可以找到tumblr API读取文档here。

编辑：或者你可以这样来做，没有回调：

<div id="tumblr1"> 
    <script type="text/javascript" src="http://tumblr1.tumblr.com/api/read/json"></script> 
    <script type="text/javscript"> 
     parse_tumblr_data(tumblr_api_read); 
    </script> 
<div> 

<div id="tumblr2"> 
    <script type="text/javascript" src="http://tumblr2.tumblr.com/api/read/json"></script> 
    <script type="text/javscript"> 
     parse_tumblr_data(tumblr_api_read); 
    </script> 
<div>

我用on this site之前，上面的例子来改变的tumblr的音频播放器的颜色......但你可以做你想做的。

答

tumblelog['@posts-total']将寻找tumblelog obj的@posts-total密钥，该密钥不存在。

这样做：

document.write(tumblelog['posts-total']);

答

I'd like them to look identical to their Tumblr theme.

使用iframe的？

在一个页面上显示两个独立的Tumblr博客？

相关推荐