將JavaScript壓縮到DIV標記

-3

我試圖將這個Twitter供稿輸出到右列中的標記，但我無法弄清楚如何使它工作。看起來代碼被設置爲打印它所在的位置。但是，我不能將代碼放在頁面的主體中。將JavaScript壓縮到DIV標記

這裏是代碼。我在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>

來源

2012-10-26 user1776947

添加更多詳細信息 –

是，更多詳情請。 – Jeff

<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和主要高音JS庫應該留在你頁面的<head> ... </head>標籤 - prefferably ......如果你不能把他們那裏......他們可以在你的頁面的任何地方，但只是前init部分（如上所示）。我meen這一部分：

<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-26 11:46:02 Reflective

有沒有一種方法可以把你建議放在正確的框架中的JavaScript放到標題中？然後用document.getelementbyid函數類型將它推到DIV標籤上？ – user1776947

是的，但如果你有權訪問你的頁面，只需在你的右手面板中放入Twitter的init代碼。否則，您可以像這樣移動它：$（function（）{$（'＃contentRight'）。prepend（$（'。myTwitter'））;}）;'使用jQuery。當然可以使用純Javscript來完成，但是應該完成更多的代碼。 – Reflective

試試這個：

<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-26 11:49:05

問題是我無法將JavaScript放在頁面的主體中，只能在頁眉中放置。這是DotNuke的CMS限制。 – user1776947

把腳本標籤，你想讓它呈現在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>

來源

2012-10-26 11:51:37 bang

所以我想將內容推送到DIV標籤的原因是我無法將JavaScript放在我的頁面正文中。我必須將所有代碼保留在標題中。 – user1776947

將JavaScript壓縮到DIV標記

回答

相關問題