AGAMES 討論區

標題: 奧運獎牌榜 Only For Discuz! 6.X [打印本頁]

作者: dlalden    時間: 2008-11-12 18:44:46     標題: 奧運獎牌榜 Only For Discuz! 6.X

插件名稱: 奧運獎牌榜
適用版本: Discuz! 6.X
作  者: Sina TW
演  示: http://044003.freehyperspace3.com/forumdisplay.php?fid=3
      http://044003.freehyperspace3.com/index.php
聲  明: 本插件只有D6.X適用; 是採用新浪台灣數據,如有版權問題可刪除
修  改: 可在任何地方加上以下代碼:
  1. <script src="http://2008.sina.com.tw/get_medal_list.html" type="text/javascript"></script>
  2. <div class="mainbox">
  3.         <h1>奧運獎牌榜</h1>
  4.         <table summary="奧運獎牌榜" cellspacing="0" cellpadding="0" id="olympiclist">
  5.                 <thead class="category">
  6.                         <tr>
  7.                                 <td>排名</td>
  8.                                 <td>國家/地區</td>
  9.                                 <td>金 / 銀 / 銅</td>
  10.                                 <td>總數</td>
  11.                         </tr>
  12.                 </thead>
  13.         </table>
  14.         <script type="text/javascript">
  15.                 var medals_gold = 0;
  16.                 var medals_silver = 0;
  17.                 var medals_bronze = 0;
  18.                 var medals_country = 0;
  19.                 for(var i = 0; i < medals.length; i++) {
  20.                         medals_gold += parseInt(medals[i].gold);
  21.                         medals_silver += parseInt(medals[i].silver);
  22.                         medals_bronze += parseInt(medals[i].bronze);
  23.                         medals_country = parseInt(medals[i].gold) + parseInt(medals[i].silver) + parseInt(medals[i].bronze);
  24.                         i < 10 ? $('olympiclist').innerHTML += '<tr>' +
  25.                         '<td>' + medals[i].rank + '</td>' +
  26.                         '<td><img src="http://image.sina.com.tw/2008olympic/2008img/flag/logo_'+ medals[i].short +'.gif" width="20" height="13" align="absmiddle" /> ' + medals[i].country + '</td>' +
  27.                         '<td>' + medals[i].gold + ' / ' + medals[i].silver + ' / ' + medals[i].bronze + '</td>' +
  28.                         '<td>' + medals_country + '</td>' +
  29.                         '</tr>' : '';
  30.                 }
  31.                 var medals_all = medals_gold + medals_silver + medals_bronze;
  32.                 $('olympiclist').innerHTML += '<tr>' +
  33.                         '<td>總計</td>' +
  34.                         '<td><span style="padding-left: 24px">所有</span></td>' +
  35.                         '<td>' + medals_gold + ' / ' + medals_silver + ' / ' + medals_bronze + '</td>' +
  36.                         '<td>' + medals_all + '</td>' +
  37.                         '</tr>';
  38.         </script>
  39. </div>
複製代碼

~完成~
補  充:
  1. i < 10
複製代碼

10 為顯示數目,並不能大於所有條數: 截至目前為止,共有44個國家入榜

首頁顯示左欄方法:
在 discuz 模板 找
  1. {subtemplate header}
複製代碼

之下加
  1. <div class="container">
複製代碼



  1. <!--{if empty($gid) && $announcements}-->
複製代碼

之上加
  1. <div class="content">
複製代碼


  1. <!--{if empty($gid) && $announcements}-->
  2.         <script type="text/javascript">announcementScroll();</script>
  3. <!--{/if}-->
複製代碼

之上加
  1. </div>
  2. <div class="side mainbox">
  3. <script src="http://2008.sina.com.tw/get_medal_list.html" type="text/javascript"></script>
  4.         <h1>奧運獎牌榜</h1>
  5.         <table summary="奧運獎牌榜" cellspacing="0" cellpadding="0" id="olympiclist">
  6.                 <thead class="category">
  7.                         <tr>
  8.                                 <td>排名</td>
  9.                                 <td>國家/地區</td>
  10.                                 <td>金 / 銀 / 銅</td>
  11.                                 <td>總數</td>
  12.                         </tr>
  13.                 </thead>
  14.         </table>
  15.         <script type="text/javascript">
  16.                 var medals_gold = 0;
  17.                 var medals_silver = 0;
  18.                 var medals_bronze = 0;
  19.                 var medals_country = 0;
  20.                 for(var i = 0; i < medals.length; i++) {
  21.                         medals_gold += parseInt(medals[i].gold);
  22.                         medals_silver += parseInt(medals[i].silver);
  23.                         medals_bronze += parseInt(medals[i].bronze);
  24.                         medals_country = parseInt(medals[i].gold) + parseInt(medals[i].silver) + parseInt(medals[i].bronze);
  25.                         i < 10 ? $('olympiclist').innerHTML += '<tr>' +
  26.                         '<td>' + medals[i].rank + '</td>' +
  27.                         '<td><img src="http://image.sina.com.tw/2008olympic/2008img/flag/logo_'+ medals[i].short +'.gif" width="20" height="13" align="absmiddle" /> ' + medals[i].country + '</td>' +
  28.                         '<td>' + medals[i].gold + ' / ' + medals[i].silver + ' / ' + medals[i].bronze + '</td>' +
  29.                         '<td>' + medals_country + '</td>' +
  30.                         '</tr>' : '';
  31.                 }
  32.                 var medals_all = medals_gold + medals_silver + medals_bronze;
  33.                 $('olympiclist').innerHTML += '<tr>' +
  34.                         '<td>總計</td>' +
  35.                         '<td><span style="padding-left: 24px">所有</span></td>' +
  36.                         '<td>' + medals_gold + ' / ' + medals_silver + ' / ' + medals_bronze + '</td>' +
  37.                         '<td>' + medals_all + '</td>' +
  38.                         '</tr>';
  39.         </script>
  40. </div>
  41. </div>
複製代碼

另補: Discuz! 6.1.0~F 簡易數據調用
系統設置->工具->數據調用->導入->選取以下文件
[attach]302[/attach]->提交
->設置->啟用邊欄->選取顯示的頁面->提交
~完成×2~




歡迎光臨 AGAMES 討論區 (http://61.244.113.49/) Powered by Discuz! X2