Tạo module giá vàng và tỉ giá bằng javascript

Những bài viết trước mình đã giới thiệu với mọi người cách tạo một module lấy thông tin thời tiết. Hôm nay mình sẽ giới thiệu cho các bạn cách tạo một module đơn giản lấy về thông tin giá vàng và một module khác để lấy thông tin tỷ giá.
Đầu tiên là module giá vàng:
Chèn đoạn code này vào thẻ head

<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Gold_Content.js"></script>

Tiếp theo bạn chèn đoạn code sau vào body:
<table border="1" cellspacing="0" cellpadding="2">
<tr><td><strong>LOẠI VÀNG</strong></td><td><strong>MUA</strong></td><td><strong>BÁN</strong></td></tr>
<tr>
<td><strong>SBJ</strong></td>
<td><script language="Javascript"> document.write(vGoldSbjBuy); </script></td>
<td><script language="Javascript"> document.write(vGoldSbjSell); </script></td>
</tr>
<tr>
<td><strong>SJC</strong></td>
<td><script language="Javascript"> document.write(vGoldSjcBuy); </script></td>
<td><script language="Javascript"> document.write(vGoldSjcSell); </script></td>
</tr>
</table>
Và đây là kết quả:

Tiếp theo là module tỷ giá:
Cách làm giống như với module giá vàng:

Paste đoạn code này vào thẻ head

<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>

Paste tiếp đoạn code sau vào body:

<table border="1" cellspacing="0" cellpadding="2">
<tr>
<td><strong>USD</strong> </td>
<td><script language="Javascript"> document.write(vCosts[0]); //USD </script></td>
</tr>
<tr>
<td><strong>GBP</strong></td>
<td><script language="Javascript"> document.write(vCosts[1]); //GBP </script></td>
</tr>
<tr>
<td><strong>HKD</strong></td>
<td><script language="Javascript"> document.write(vCosts[2]); //HKD </script></td>
</tr>
<tr>
<td><strong>CHF</strong></td>
<td><script language="Javascript"> document.write(vCosts[3]); //CHF </script></td>
</tr>
<tr>
<td><strong>JPY</strong></td>
<td><script language="Javascript"> document.write(vCosts[4]); //JPY </script></td>
</tr>
<tr>
<td><strong>AUD</strong></td>
<td><script language="Javascript"> document.write(vCosts[5]); //AUD </script></td>
</tr>
<tr>
<td><strong>CAD</strong></td>
<td><script language="Javascript"> document.write(vCosts[6]); //CAD </script></td>
</tr>
<tr>
<td><strong>SGD</strong></td>
<td><script language="Javascript"> document.write(vCosts[7]); //SGD </script></td>
</tr>
<tr>
<td><strong>EUR</strong></td>
<td><script language="Javascript"> document.write(vCosts[8]); //EUR </script></td>
</tr>
<tr>
<td><strong>NZD</strong></td>
<td><script language="Javascript"> document.write(vCosts[9]); //NZD </script></td>
</tr>
<tr>
<td><strong>Bat Thái Lan</strong></td>
<td><script language="Javascript"> document.write(vCosts[10]); //Bat Thái Lan </script></td>
</tr>
</table>

Save-> Run-> Kết quả:

Với 2 module trên bạn có thể style theo ý mình sao cho đẹp là được. Ngoài cách lấy thông tin từ 2 file js của vnexpress.net bạn có thể có nhiều cách để lấy các thông tin giá vàng và tỷ giá. Như bạn có thể lấy thông tin từ những iframe của các ngân hàng. Mình ví dụ ngân hàng eximbank:

<iframe src="http://www.eximbank.com.vn/WebsiteExrate1/exchange.aspx" marginheight="5px"
marginwidth="0" scrolling="no" width="300px" frameborder="0" height="245px"></iframe>
<iframe src="http://www.eximbank.com.vn/WebsiteExrate1/gold.aspx" marginheight="0"
marginwidth="0" scrolling="no" width="300px" frameborder="0" height="100px"></iframe>

Đây là 2 iframe nếu bạn view source của họ thì bạn sẽ thấy. Bạn hãy copy và chỗ bạn cần hiển thị và chạy thôi. Mình đã chạy thử và đây là kết quả: