Để làm website tin tức thêm sinh động, chúng ta có thể nhúng thêm tiện ích tự động cập nhật tỷ giá ngoại tệ từ các ngân hàng. Đây là code php lấy thông tin tỷ giá các ngoại tệ từ vietcombank, cập nhật thường xuyên. Tôi đã sử lại code gốc để nó trông đẹp hơn và giống vietcombank, đồng thời tối ưu hơn với chuẩn html5 và load nhanh hơn so với trước phải dùng nhiều table lặp.
Tôi có 2 demo cho 2 kiểu xem, kiểu xem rộng và kiểu xem rut gọn để nhúng vào sidebar hoặc xem trên di động.
<!DOCTYPE html>
<html>
<head>
<title>Tỷ giá ngoại tệ vietcombank cập nhật</title>
<style>
/*skin:web.bendoi.vn*/
DIV.tygiangoaite {background:#0E5841;font: normal normal 13px Tahoma; color:#fff;padding:5px}
table.tygiangoaite { border-collapse: collapse; width: 100%;}
table.tygiangoaite th { text-align: center; background:#6EAA58; font: bold normal 13px arial; color:#fff;}
table.tygiangoaite td { border: 1px dotted #ccc; padding:2px;}
table.tygiangoaite td.r {text-align: right;}
table.tygiangoaite tr:hover { background:#D4E6CC;}
</style>
</head>
<body>
<?php
class Rate{
var $source;
var $mydate;
function getXML(){return file_get_contents($this->source);}
function getRate(){
$xmlData = NULL;
$p = xml_parser_create();
xml_parse_into_struct($p,$this->getXML() , $xmlData);
xml_parser_free($p);
$this->mydate = $xmlData['1']['value'];
$data = array();
if($xmlData){
foreach($xmlData as $v)
if(isset($v['attributes']))
{$data[] = $v['attributes'];}
return $data;
}
return false;
}
function show(){$data = $this->getRate();
print '<table class="tygiangoaite">';
print '<tr class="th"><td colspan="5">Tỷ giá các ngoại tệ của Ngân hàng thương mại cổ phần Ngoại thương Việt Nam (Vietcombank) cập nhật '.$this->mydate.'</td></tr>';
print '<tr class="td"><td>Mã ngoại tệ</td><td>Tên ngoại tệ</td><td>Mua tiền mặt</td><td>Chuyển khoản</td><td>Bán</td></tr>';
foreach($data as $k=>$v){print '<tr><td>'.$v['CURRENCYCODE'].' </td><td>'.$v['CURRENCYNAME'].' </td><td class="r"> '.$v['BUY'].' </td><td class="r"> '.$v['TRANSFER'].'</td><td class="r">'.$v['SELL'].'</td></tr>';}
print '</table>';}}
$rate = new Rate();
$rate->source = 'http://www.vietcombank.com.vn/ExchangeRates/ExrateXML.aspx';
$rate->show();
?>
</body>
</html>
Bạn cũng có thể dùng luôn code dưới đây nhúng vào sidebar trong site của bạn cho nhanh gọn, bạn đặt đâu cũng được. Không cần chỉnh gì hết, nó tự động thu nhỏ cho vừa vùng chứa cho bạn.
<iframe style="height:420px;width:100%;border:0px;overflow:hidden;margin:0px;padding:0px;" src="http://bendoi.vn/tool/tygia/ngoai-te_vietcombank.php"></iframe>
![[ Infographic] Tất tần tật về Google Panda](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsnDgV2IcpHjcp9vYwHoBwy-HGp90AU0OFdkM6RrIwjvCgiUERn-XcUJZ47ZVfsiCsL_myLMa-5Dwz_qnJPLjxvKsgC4ImGQEpRiax1gsQ8AiErUngSny0O_wJ8udjveiGpSr5I6wv71OK/s72-c/google_panda.jpg)
No comments:
Post a Comment