Question

我正在尝试将此Twitter Feed输出到右栏中的标签，但我无法弄清楚如何使其工作。看起来代码设置为打印它所在的位置。但是，我无法将代码放在页面正文中。

http://cusli.org/NiagaraIntlMootCourt/NiagaraMoot.aspx

这是代码。我在html正文中有一个id为“comments”的div标签。

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<style type="text/css">
#nav {
padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width: 760px;
    height: 0px;
    background:#6E102B;
    margin-bottom: 5px;

    }
.twtr-hd, 
.twtr-ft,
.twtr-user
{ 
display: none; 
}
</style>

<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,

  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#b80b0b'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'

  }


}).render().setUser('NiagaraMoot').start();

</script>

Answer 1

 <div id="contentRight">

    <!-- this is your right coulmn, put TWitter script here -->
    <div class="myTwitter">
      <script>
         new TWTR.Widget({
           version: 2,

           ....

         }).render().setUser('NiagaraMoot').start();
      </script>
    </div> 
    <!-- end of your insert --> 

    <div id="dnn_ContentPane_Right">
     ....

CSS和主要的Tweeter JS库应该保留在你页面的<head> ... </head>标签中 - 最好......如果你不能把它们放在那里......它们可以在你的页面中的任何地方但在init部分之前（如上所示）。我看这部分：

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<style type="text/css">
#nav {
padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width: 760px;
    height: 0px;
    background:#6E102B;
    margin-bottom: 5px;

    }
.twtr-hd, 
.twtr-ft,
.twtr-user
{ 
display: none; 
}
</style>

Answer 2

试试这个：

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<style type="text/css">
#nav {
padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width: 760px;
    height: 0px;
    background:#6E102B;
    margin-bottom: 5px;

    }
.twtr-hd, 
.twtr-ft,
.twtr-user
{ 
display: none; 
}
</style>

<script>
var myThing = new TWTR.Widget({ //save you reference
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,

  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#b80b0b'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'

  }


}); //remove from here

</script>

HTML中的

<div>
<script>
myThing.render().setUser('NiagaraMoot').start(); //add here
</script>

</div>

Answer 3

将脚本标记放在要渲染的div中。

例如：

<html>
  <body>
    <h1>Hello world</h2>
    <div>
      <script type="text/javascript">
        new TWTR.Widget({
          version: 2,
          type: 'profile',
          rpp: 4,
          interval: 30000,
          width: 250,
          height: 300,

          theme: {
            shell: {
              background: '#ffffff',
              color: '#000000'
            },
          tweets: {
            background: '#ffffff',
            color: '#000000',
            links: '#b80b0b'
          }
         },
         features: {
           scrollbar: false,
           loop: false,
           live: false,
           behavior: 'all'    
         }        
         }).render().setUser('NiagaraMoot').start();
      </script>
    </div>
  </body>
</html>

将Javascript推送到DIV标签

3 个答案: