Or alternatively....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="Roderick Divilbiss">
<meta name="copyright" content="© 2005, 2006 Roderick Divilbiss">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<title>AJAX Exchange Rate</title>
<script type="text/javascript">
<!--
// global Object
var objRequest;
function getRequestObject() {
if (window.ActiveXObject) {
try {
objRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
objRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
objRequest = null;
}
}
} else if (window.XMLHttpRequest) {
try {
objRequest = new XMLHttpRequest();
} catch(e) {
objRequest = null;
}
}
if (objRequest==null) {
alert('Error');
exit;
}
}
function calcSubtotal(pExchangeRateId, pPayoutAmtId, pTransactionAmtId) {
var transAmt = document.getElementById(pTransactionAmtId).value;
var exRate = document.getElementById(pExchangeRateId).value;
if ((exRate != "") && (transAmt != "")) {
var payoutAmt = exRate * transAmt;
document.getElementById(pPayoutAmtId).value = payoutAmt;
}
}
function getExchrate(pExchangeRateId, pTransactionCurrencyId, pPayCurrencyId, pPayoutAmtId, pTransactionAmtId) {
var transCurrency = document.getElementById(pTransactionCurrencyId).value;
var payCurrency = document.getElementById(pPayCurrencyId).value;
getRequestObject();
if (objRequest) {
objRequest.onreadystatechange = objRequest.onreadystatechange = function() {
handleHttpResponse2(pExchangeRateId, pPayoutAmtId, pTransactionAmtId);
};
var params = '?tc=' + transCurrency + '&pc='+ payCurrency;
objRequest.open("GET", 'http://www.rodsdot.com/ee/ert1273webService.asp' + params, true);
objRequest.send(null);
} else {
document.getElementById(pPayoutAmtId).value = "ERROR";
alert('Error: No HTTPResponse Object');
}
}
function handleHttpResponse2(pExchangeRateId, pPayoutAmtId, pTransactionAmtId) {
if (objRequest.readyState == 4) {
if (objRequest.status == 200) {
var results2 = objRequest.responseText;
objRequest=null;
var arr=results2.split(',');
document.getElementById(pExchangeRateId).value = arr[2];
calcSubtotal(pExchangeRateId, pPayoutAmtId, pTransactionAmtId);
}
}
}
//-->
</script>
</head>
<body>
<form method="post" onsubmit="return false;">
<p>Transaction Currency: <select size="1" name="transactionCurrency" id="transactionCurrency" onchange="getExchrate('exchangeRate','transactionCurrency','payoutCurrency','payoutAmout','transactionAmount');">
<option value="EUR">EUR</option>
<option value="USD" selected>USD</option>
<option value="VND">VND</option>
</select> Transaction Amount <input type="text" id="transactionAmount" name="transactionAmount" size="20" value="100" onchange="getExchrate('exchangeRate','transactionCurrency','payoutCurrency','payoutAmout','transactionAmount');"></p>
<p>Exchange Rate: <input type="text" id="exchangeRate" name="exchangeRate" disabled size="20"></p>
<p>Pay Currency: <select size="1" name="payoutCurrency" id="payoutCurrency" onchange="getExchrate('exchangeRate','transactionCurrency','payoutCurrency','payoutAmout','transactionAmount');">
<option value="EUR">EUR</option>
<option value="USD">USD</option>
<option value="VND" selected>VND</option>
</select> Pay Out Amount <input type="text" id="payoutAmout" name="payoutAmout" size="20" disabled value="0"></p>
<p><input type="submit" name="bSubmit" value="Calculate" onclick="getExchrate('exchangeRate','transactionCurrency','payoutCurrency','payoutAmout','transactionAmount')"></p>
</form>
</body>
</html>
