PHP Classes

File: index.html

Recommend this page to a friend!
  Classes of Anish Karim C  >  Realtime PHP Currency Exchange  >  index.html  >  Download  
File: index.html
Role: Auxiliary data
Content type: text/plain
Description: HTML Application
Class: Realtime PHP Currency Exchange
Convert currency amounts using different sites
Author: By
Last change:
Date: 8 years ago
Size: 1,609 bytes
 

Contents

Class file image Download
<html>
  <head>
    <meta name="Currency Converter" />
    <title>Currency Converter</title>
  </head>
  <body>
    <div class="converter">
      <label for="from">Currency From: </label>
      <select id="from"></select> <br />
      <label for="to">Currency To: </label>
      <select id="to"></select> <br />
      <input type="text" id="amount" placeholder="enter amount" />
      <input type="button" id="go" onclick="" value="Check Now" />
    </div>
    <div id="result"></div>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        var url = "http://openexchangerates.org/api/currencies.json";
        $.getJSON(url, function(data){
          var options = [];
          $.each(data, function(key, val){
            options.push("<option id='"+key+"' value='"+key+"'>"+val+"("+key+")</option>");
            });
          list = options.join('');
          $("#from").append(list);
          $("#to").append(list);
        });
      });
      $("#go").click(function(){
        var fromCurrency = $("#from option:selected").val();
        var toCurrency = $("#to option:selected").val();
        var amount = $("#amount").val().trim();
        var request = $.ajax({
          type: "POST",
          url: "converter.php",
          data: {from:fromCurrency, to:toCurrency, amt:amount},
          dataType: "text"
        });
        request.done(function(msg){
          $("#result").html("<h3>"+msg+"</h3>");
        });
      });
    </script>
  </body>
</html>
For more information send a message to info at phpclasses dot org.