Currency Converter

-
               

Currency Converter


Write the below code in view
Default.aspx

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script type="text/javascript">
            $(function () {
            $('#btnConvert').click(function () {
              debugger;
              var amount = $('#txtAmount').val();
              var from = $('#ddlfrom').val();
              var to = $('#ddlto').val();
              $.ajax({

                 type: "POST",
                 url: "WebService.asmx/CurrencyConversion",
                 data: "{amount:" + amount + ",fromCurrency:'" + from +    
                                        "',toCurrency:'" + to + "'}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function(data) {     
               
                 var obj = jQuery.parseJSON(data.d);
                 var res = obj.results;
                 var amount = $('#txtAmount').val();
                 $.each(data, function (index, element) {
                 var obj1 = jQuery.parseJSON(element);                    
                 var p = obj1.results[$("#ddlfrom").val() + "_" + $("#ddlto").val()];                                                                             
                 var pp = parseFloat(p.val) * parseFloat(amount);
                 $('#currency_converter_result').html(amount + " " + $("#ddlfrom").val()
                 + "=" + pp + " " + $("#ddlto").val());
                    }
                    });
                    });
                    });
        </script>
<form id="form1" runat="server">
    <table>
    <tr><td align="right">Enter Amount:</td><td>  <input id="txtAmount" maxlength="12" size="5" value="1" /></td></tr>
    <tr><td align="right">From:</td><td>
    <select id="ddlfrom">
    <option value="AED">United Arab Emirates Dirham (AED)</option>
    <option value="ANG">Netherlands Antillean Guilder (ANG)</option>
    <option value="ARS">Argentine Peso (ARS)</option>
    <option value="AUD">Australian Dollar (AUD)</option>
    <option value="BDT">Bangladeshi Taka (BDT)</option>
    <option value="BGN">Bulgarian Lev (BGN)</option>
    <option value="BHD">Bahraini Dinar (BHD)</option>
    <option value="BND">Brunei Dollar (BND)</option>
    <option value="BOB">Bolivian Boliviano (BOB)</option>
    <option value="BRL">Brazilian Real (BRL)</option>
    <option value="BWP">Botswanan Pula (BWP)</option>
    <option value="CAD">Canadian Dollar (CAD)</option>
    <option value="CHF">Swiss Franc (CHF)</option>
    <option value="CLP">Chilean Peso (CLP)</option>
    <option value="CNY">Chinese Yuan (CNY)</option>
    <option value="COP">Colombian Peso (COP)</option>
    <option value="CRC">Costa Rican Colón (CRC)</option>
    <option value="CZK">Czech Republic Koruna (CZK)</option>
    <option value="DKK">Danish Krone (DKK)</option>
    <option value="DOP">Dominican Peso (DOP)</option>
    <option value="DZD">Algerian Dinar (DZD)</option>
    <option value="EEK">Estonian Kroon (EEK)</option>
    <option value="EGP">Egyptian Pound (EGP)</option>
    <option value="EUR">Euro (EUR)</option>
    <option value="FJD">Fijian Dollar (FJD)</option>
    <option value="GBP">British Pound Sterling (GBP)</option>
    <option value="HKD">Hong Kong Dollar (HKD)</option>
    <option value="HNL">Honduran Lempira (HNL)</option>
    <option value="HRK">Croatian Kuna (HRK)</option>
    <option value="HUF">Hungarian Forint (HUF)</option>
    <option value="IDR">Indonesian Rupiah (IDR)</option>
    <option value="ILS">Israeli New Sheqel (ILS)</option>
    <option value="INR">Indian Rupee (INR)</option>
    <option value="JMD">Jamaican Dollar (JMD)</option>
    <option value="JOD">Jordanian Dinar (JOD)</option>
    <option value="JPY">Japanese Yen (JPY)</option>
    <option value="KES">Kenyan Shilling (KES)</option>
    <option value="KRW">South Korean Won (KRW)</option>
    <option value="KWD">Kuwaiti Dinar (KWD)</option>
    <option value="KYD">Cayman Islands Dollar (KYD)</option>
    <option value="KZT">Kazakhstani Tenge (KZT)</option>
    <option value="LBP">Lebanese Pound (LBP)</option>
    <option value="LKR">Sri Lankan Rupee (LKR)</option>
    <option value="LTL">Lithuanian Litas (LTL)</option>
    <option value="LVL">Latvian Lats (LVL)</option>
    <option value="MAD">Moroccan Dirham (MAD)</option>
    <option value="MDL">Moldovan Leu (MDL)</option>
    <option value="MKD">Macedonian Denar (MKD)</option>
    <option value="MUR">Mauritian Rupee (MUR)</option>
    <option value="MVR">Maldivian Rufiyaa (MVR)</option>
    <option value="MXN">Mexican Peso (MXN)</option>
    <option value="MYR">Malaysian Ringgit (MYR)</option>
    <option value="NAD">Namibian Dollar (NAD)</option>
    <option value="NGN">Nigerian Naira (NGN)</option>
    <option value="NIO">Nicaraguan Córdoba (NIO)</option>
    <option value="NOK">Norwegian Krone (NOK)</option>
    <option value="NPR">Nepalese Rupee (NPR)</option>
    <option value="NZD">New Zealand Dollar (NZD)</option>
    <option value="OMR">Omani Rial (OMR)</option>
    <option value="PEN">Peruvian Nuevo Sol (PEN)</option>
    <option value="PGK">Papua New Guinean Kina (PGK)</option>
    <option value="PHP">Philippine Peso (PHP)</option>
    <option value="PKR">Pakistani Rupee (PKR)</option>
    <option value="PLN">Polish Zloty (PLN)</option>
    <option value="PYG">Paraguayan Guarani (PYG)</option>
    <option value="QAR">Qatari Rial (QAR)</option>
    <option value="RON">Romanian Leu (RON)</option>
    <option value="RSD">Serbian Dinar (RSD)</option>
    <option value="RUB">Russian Ruble (RUB)</option>
    <option value="SAR">Saudi Riyal (SAR)</option>
    <option value="SCR">Seychellois Rupee (SCR)</option>
    <option value="SEK">Swedish Krona (SEK)</option>
    <option value="SGD">Singapore Dollar (SGD)</option>
    <option value="SKK">Slovak Koruna (SKK)</option>
    <option value="SLL">Sierra Leonean Leone (SLL)</option>
    <option value="SVC">Salvadoran Colón (SVC)</option>
    <option value="THB">Thai Baht (THB)</option>
    <option value="TND">Tunisian Dinar (TND)</option>
    <option value="TRY">Turkish Lira (TRY)</option>
    <option value="TTD">Trinidad and Tobago Dollar (TTD)</option>
    <option value="TWD">New Taiwan Dollar (TWD)</option>
    <option value="TZS">Tanzanian Shilling (TZS)</option>
    <option value="UAH">Ukrainian Hryvnia (UAH)</option>
    <option value="UGX">Ugandan Shilling (UGX)</option>
    <option value="USD">US Dollar (USD)</option>
    <option value="UYU">Uruguayan Peso (UYU)</option>
    <option value="UZS">Uzbekistan Som (UZS)</option>
    <option value="VEF">Venezuelan Bolívar (VEF)</option>
    <option value="VND">Vietnamese Dong (VND)</option>
    <option value="XOF">CFA Franc BCEAO (XOF)</option>
    <option value="YER">Yemeni Rial (YER)</option>
    <option value="ZAR">South African Rand (ZAR)</option>
    <option value="ZMK">Zambian Kwacha (ZMK)</option>
    </select></td>
    </tr>
    <tr> <td align="right">to:</td><td>
    <select id="ddlto">
    <option value="AED">United Arab Emirates Dirham (AED)</option>
    <option value="ANG">Netherlands Antillean Guilder (ANG)</option>
    <option value="ARS">Argentine Peso (ARS)</option>
    <option value="AUD">Australian Dollar (AUD)</option>
    <option value="BDT">Bangladeshi Taka (BDT)</option>
    <option value="BGN">Bulgarian Lev (BGN)</option>
    <option value="BHD">Bahraini Dinar (BHD)</option>
    <option value="BND">Brunei Dollar (BND)</option>
    <option value="BOB">Bolivian Boliviano (BOB)</option>
    <option value="BRL">Brazilian Real (BRL)</option>
    <option value="BWP">Botswanan Pula (BWP)</option>
    <option value="CAD">Canadian Dollar (CAD)</option>
    <option value="CHF">Swiss Franc (CHF)</option>
    <option value="CLP">Chilean Peso (CLP)</option>
    <option value="CNY">Chinese Yuan (CNY)</option>
    <option value="COP">Colombian Peso (COP)</option>
    <option value="CRC">Costa Rican Colón (CRC)</option>
    <option value="CZK">Czech Republic Koruna (CZK)</option>
    <option value="DKK">Danish Krone (DKK)</option>
    <option value="DOP">Dominican Peso (DOP)</option>
    <option value="DZD">Algerian Dinar (DZD)</option>
    <option value="EEK">Estonian Kroon (EEK)</option>
    <option value="EGP">Egyptian Pound (EGP)</option>
    <option value="EUR">Euro (EUR)</option>
    <option value="FJD">Fijian Dollar (FJD)</option>
    <option value="GBP">British Pound Sterling (GBP)</option>
    <option value="HKD">Hong Kong Dollar (HKD)</option>
    <option value="HNL">Honduran Lempira (HNL)</option>
    <option value="HRK">Croatian Kuna (HRK)</option>
    <option value="HUF">Hungarian Forint (HUF)</option>
    <option value="IDR">Indonesian Rupiah (IDR)</option>
    <option value="ILS">Israeli New Sheqel (ILS)</option>
    <option value="INR">Indian Rupee (INR)</option>
    <option value="JMD">Jamaican Dollar (JMD)</option>
    <option value="JOD">Jordanian Dinar (JOD)</option>
    <option value="JPY">Japanese Yen (JPY)</option>
    <option value="KES">Kenyan Shilling (KES)</option>
    <option value="KRW">South Korean Won (KRW)</option>
    <option value="KWD">Kuwaiti Dinar (KWD)</option>
    <option value="KYD">Cayman Islands Dollar (KYD)</option>
    <option value="KZT">Kazakhstani Tenge (KZT)</option>
    <option value="LBP">Lebanese Pound (LBP)</option>
    <option value="LKR">Sri Lankan Rupee (LKR)</option>
    <option value="LTL">Lithuanian Litas (LTL)</option>
    <option value="LVL">Latvian Lats (LVL)</option>
    <option value="MAD">Moroccan Dirham (MAD)</option>
    <option value="MDL">Moldovan Leu (MDL)</option>
    <option value="MKD">Macedonian Denar (MKD)</option>
    <option value="MUR">Mauritian Rupee (MUR)</option>
    <option value="MVR">Maldivian Rufiyaa (MVR)</option>
    <option value="MXN">Mexican Peso (MXN)</option>
    <option value="MYR">Malaysian Ringgit (MYR)</option>
    <option value="NAD">Namibian Dollar (NAD)</option>
    <option value="NGN">Nigerian Naira (NGN)</option>
    <option value="NIO">Nicaraguan Córdoba (NIO)</option>
    <option value="NOK">Norwegian Krone (NOK)</option>
    <option value="NPR">Nepalese Rupee (NPR)</option>
    <option value="NZD">New Zealand Dollar (NZD)</option>
    <option value="OMR">Omani Rial (OMR)</option>
    <option value="PEN">Peruvian Nuevo Sol (PEN)</option>
    <option value="PGK">Papua New Guinean Kina (PGK)</option>
    <option value="PHP">Philippine Peso (PHP)</option>
    <option value="PKR">Pakistani Rupee (PKR)</option>
    <option value="PLN">Polish Zloty (PLN)</option>
    <option value="PYG">Paraguayan Guarani (PYG)</option>
    <option value="QAR">Qatari Rial (QAR)</option>
    <option value="RON">Romanian Leu (RON)</option>
    <option value="RSD">Serbian Dinar (RSD)</option>
    <option value="RUB">Russian Ruble (RUB)</option>
    <option value="SAR">Saudi Riyal (SAR)</option>
    <option value="SCR">Seychellois Rupee (SCR)</option>
    <option value="SEK">Swedish Krona (SEK)</option>
    <option value="SGD">Singapore Dollar (SGD)</option>
    <option value="SKK">Slovak Koruna (SKK)</option>
    <option value="SLL">Sierra Leonean Leone (SLL)</option>
    <option value="SVC">Salvadoran Colón (SVC)</option>
    <option value="THB">Thai Baht (THB)</option>
    <option value="TND">Tunisian Dinar (TND)</option>
    <option value="TRY">Turkish Lira (TRY)</option>
    <option value="TTD">Trinidad and Tobago Dollar (TTD)</option>
    <option value="TWD">New Taiwan Dollar (TWD)</option>
    <option value="TZS">Tanzanian Shilling (TZS)</option>
    <option value="UAH">Ukrainian Hryvnia (UAH)</option>
    <option value="UGX">Ugandan Shilling (UGX)</option>
    <option value="USD">US Dollar (USD)</option>
    <option value="UYU">Uruguayan Peso (UYU)</option>
    <option value="UZS">Uzbekistan Som (UZS)</option>
    <option value="VEF">Venezuelan Bolívar (VEF)</option>
    <option value="VND">Vietnamese Dong (VND)</option>
    <option value="XOF">CFA Franc BCEAO (XOF)</option>
    <option value="YER">Yemeni Rial (YER)</option>
    <option value="ZAR">South African Rand (ZAR)</option>
    <option value="ZMK">Zambian Kwacha (ZMK)</option>
    </select></td></tr>
    <tr><td></td><td> <input id="btnConvert" type="button" value="Convert" /></td></tr>
    </table>
    <div style="overflow:hidden; padding:10px; width:500px; margin:10px; background:#EAEAFF; border:solid 1px #ccc;">
    <div id="currency_converter_result" style="padding: 2px; margin: 5px; font-weight:bold; font-size:14pt">

        <div id="currency_converter_result1" style="padding: 2px; margin: 5px; font-weight:bold; font-size:14pt">
    </div>
    </div>
    </form>

Step:2 Right click on project=>Add=>New Item=>Select Web=>Web Service(ASMX) file and add a asmx file and named it as WebService






Write the below code in webserice.asmx.cs  file

  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [System.ComponentModel.ToolboxItem(false)]
  [ScriptService]
  public class WebService : System.Web.Services.WebService
  {
   [WebMethod]
    public string CurrencyConversion(decimal amount, string fromCurrency, string toCurrency)
    {
     WebClient web = new WebClient();
      string url =  string.Format("http://free.currencyconverterapi.com/api/v5/convert?q={0}_{1}&compact={2}", fromCurrency.ToUpper(), toCurrency.ToUpper(), amount);
      string response = web.DownloadString(url);
      Regex regex = new Regex(@":(?<rhs>.+?),");
      var arrDigits = regex.Split(response);
      var lastItem = arrDigits[arrDigits.Length - 1];
      lastItem = lastItem.Replace(' ', ' ');          
      return response;
      }

Step 3: Build your application you will get the below screen




Comments

Post a Comment

Popular posts from this blog

Kendo Control(Dynamics)

-
Image
21. Kendo Button:             Write the below code in view                 <div>                     @( Html.Kendo().Button()    .Name( "btnShare" )   .Content( "Share" )   .HtmlAttributes( new  { type =  "button" , @class =  "btn btn-primary" ,      style =  "height:30px; width:120px; border-radius:0;padding: 3px;"  })                        .Events(e => e.Click( "btnShare_Click" ))                  ) </div> <script>      ...
Read more

Override Authorize Filters in MVC

-
Image
Override Authorize Filters in MVC Authorize Filter: It is to limit the access for a user or user specific to the role. Implementation of Override Authorize filters in MVC Step1: Add a controller and named it as HomeController Add [Authorize] attribute before an action or a controller based on the requirement. Suppose user want to restrict the access of particular controller but allow some of action of that controller. So just add [Authorize] before controller                using System; using System.Web.Mvc; using System.Web.Mvc.Filters; namespace WebApplication1.Controllers {     [ Authorize ]     public class HomeController : Controller     {     } } Step 2: Create a class and named it as OverrideAuthorizeAttribute which should inherit AuthorizeAttribute and Implements IOverrideFilter    public ...
Read more

Form Validation

-
Image
How to validate a form using Jquery Write the below code : < form action ="" id ="frmEnquiry" method ="post" novalidate ="novalidate">                 < p class ="your-para"> Your Name : </ p >                 < input type ="text" name ="Name" id ="Name" value ="" onfocus ="this .value= '' ; " onblur ="if ( this .value == '' ) { this .value = '' ;} ">                 < p class ="your-para"> Your Mail : </ p >                 < input type ="text" name ="Email" id ="Email" value ="" onfocus ="this .value= '' ; " onblur ="if ( this .value == '' ) { this .value = '' ;} ">        ...
Read more