bitcoinprices.js is a Javascript library for presenting Bitcoin prices in human-friendly manner.
Example:
- Sourcing data from bitcoinaverage.com exchange rate market data API
- Easy to place on any web page
- Web and mobile friendly
- Integrates with Bootstrap front-end framework
- Integrates with Font Awesome icon font
- Change currency through a dropdown menu
- Change currency by clicking / touching a price on the page
- Manual currency conversions
Demo with clickable bitcoin prices, bitcoin price menu and manu bitcoin price conversion.
No server-side components needed.
You must have jQuery (version 1.9 or later) installed.
Put bitcoinprices.js
in your application.
You manually need to call bitcoinprices.init()
to trigger the loading of exchange rate data and
making price switching logic to work:
<script src="bitcoinprices.js"></script> <script> $(document).ready(function() { bitcoinprices.init({ // Where we get bitcoinaverage data url: "https://api.bitcoinaverage.com/ticker/all", // Which of bitcoinaverages value we use to present prices marketRateVariable: "24h_avg", // Which currencies are in shown to the user currencies: ["BTC", "USD", "EUR", "CNY"], // Special currency symbol artwork symbols: { "BTC": "<i class='fa fa-btc'></i>" }, // Which currency we show user by the default if // no currency is selected defaultCurrency: "BTC", // How the user is able to interact with the prices ux : { // Make everything with data-btc-price HTML attribute clickable clickPrices : true, // Build Bootstrap dropdown menu for currency switching menu : true, } }); }); </script>
Your templating language must output Bitcoin prices with data-btc-price attribute:
<p> <div>Example price: <span data-btc-price="1.0">1.0 BTC</span></div> </p>
- You manually initialize the library with bitcoinprices.init() and give it a config you want to use, including bitcoinaverage.com API URL. See the demo for an example.
bitcoinprices.init()
fires HTML documentmarketdataavailable
event when the script manages to load exchange rates- Whenever the user changes price presentation format HTML document
activecurrencychange
event is fired - You can manually call
bitcoinprices.convert()
to convert between any currencies supported by bitcoinaverage.com - You can manually call call
bitcoinprices.updatePrices()
if your own JavaScripts sets the active currency and all prices on the page are updatd.
It is suggested that you cache bitcoinaverage.com API output on a local server with proper cache headers. This may considerably speed up your site and reduces bitcoinaverage.com load.
See also server-side Python implementation for converting Bitcoin prices.
Mikko Ohtamaa (blog, Facebook, Twitter, Google+)
Contact for work and consulting offers.