-3

このtwitterのフィードを右欄のタグに出力したいのですが、どうすればうまくいくのかわかりません。コードがどこにあっても印刷するように設定されているようです。ただし、ページの本文にコードを配置することはできません。

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>
4

3 に答える 3

0 
 <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>
于 2012-10-26T11:46:02.033 に答える
0

これを試して：

<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>
于 2012-10-26T11:49:05.187 に答える
0

レンダリングする div 内に script タグを配置します。

例えば：

<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>
于 2012-10-26T11:51:37.763 に答える