南華大學圖資處 -教育訓練專區
南華大學 回首頁 English























 
首頁 > 載入一區塊範例3
Windows 雷達版 - 校務系統
工讀管理系統
活動管理系統
個人資料保護
校內分機查詢
其他常見問題
操作手冊
網頁圖表介紹
網頁載入News資訊

載入一區塊範例 載入一區塊範例2 載入一區塊範例3

<script src="https://www3.nhu.edu.tw/js/public/NewsBase.js"></script>

<table border="1" width="600" cellspacing="0" cellpadding="9" style="border-collapse: collapse" bordercolor="#C0C0C0" >
    <tr>
        <td height="20" bgcolor="#81C784">
        <p align="center"><b><font size="4" color="#FFFFFF">單位訊息公告</font></b></td>
    </tr>
    <tbody id="NewsTable1">
    </tbody>
</table>


<table border="1" width="600" cellspacing="0" cellpadding="9" style="border-collapse: collapse" bordercolor="#C0C0C0" >
    <tr>
        <td height="20" bgcolor="#D28C33">
        <p align="center"><b><font size="4" color="#FFFFFF">單位訊息公告</font></b></td>
    </tr>
    <tbody id="NewsTable2">
    </tbody>
</table>

<script>
  $(document).ready(function () {
    DataLoader.load({
      url: "https://nhuopendata.nhu.edu.tw/api/GetNews?W=80&T=533&L=10",
      target: "#NewsTable1", //網頁中唯一的id
      template: function (item) {
      //下方為自訂區塊內容
        return `
            <tr>
                <td valign="top">                
                        　<a href="https://www3.nhu.edu.tw/Web/NewsDetail?mid=&nid=${item.NSID}" target="_blank">${item.NewsTitleCh}</a>                
                </td>
            </tr>
        `;
      }
    });
  });
</script>

<script>
  $(document).ready(function () {
    DataLoader.load({
      url: "https://nhuopendata.nhu.edu.tw/api/GetNews?W=80&T=533&L=10",
      target: "#NewsTable2", //網頁中唯一的id
      template: function (item) {
      //下方為自訂區塊內容
        return `
            <tr>
                <td valign="top">                
                        　<a href="https://www3.nhu.edu.tw/Web/NewsDetail?mid=&nid=${item.NSID}" target="_blank">${item.NewsTitleCh}</a>                
                </td>
            </tr>
        `;
      }
    });
  });
</script>

單位訊息公告

單位訊息公告























 
test