jquery plugin to display currency textbox
appends an element infront of the input box, along with the globalize currency symbol
HTML
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/globalize.js"></script>
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/cultures/globalize.culture.en-AU.js"></script>
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/cultures/globalize.culture.de-DE.js"></script>
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/cultures/globalize.culture.ja-JP.js"></script>
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/cultures/globalize.culture.zh-CN.js"></script>
<script src="https://rawgit.com/jquery/globalize/79ae658b842f75f58199d6e9074e01f7ce207468/lib/cultures/globalize.culture.en-ZA.js"></script>
<input type="text" class="currencyBox" />
<!-- http://rawgit.com/ for the github external resources -->
CSS
.currencyLabel {
position:absolute;
margin-left:4px;
margin-top:5px;
z-index:999;
}
.currencyBox {
text-indent:11px;
}
JavaScript
$(document).ready(function () {
Globalize.culture("en-y");
console.log(Globalize.cultureSelector);
$(".currencyBox").currencyBox({
labelClass: "currencyLabel",
culture: "tr-TR"
});
});
(function ($) {
$.fn.currencyBox = function (options) {
// This is the easiest way to have default options.
var settings = $.extend({
// These are the defaults.
labelClass: "currencyLabel"
}, options);
var container = $('<span/>')
.addClass(settings.labelClass)
.html(
Globalize
.culture(settings.culture || Globalize.cultureSelector)
.numberFormat
.currency
.symbol);
// add currency symbol in front of element
this.before(container);
// Greenify the collection based on the settings variable.
return this;
};
}(jQuery));