jquery-formatcurrency

Version:

This is a continuation / enhancement to [Ben Dewey's plugin with the same name](https://code.google.com/p/jquery-formatcurrency/). Most of the work is his', I've just added a few features and options, and fixed some small issues, so at least most credits

github.com/BasvanH/jquery-formatcurrency

BasvanH/jquery-formatcurrency

148 lines (122 loc) • 9.51 kB

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery FormatCurrency Sample</title> <script type="text/javascript" src="../external/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="../jquery.formatCurrency.js"></script> <script type="text/javascript" src="../i18n/jquery.formatCurrency.all.js"></script> <style type="text/css"> body, div { margin:0px auto; padding:0px; } .main { margin:40px; } .sample { float:left; margin:10px; padding:4px; border:1px solid #888; width:350px; min-height:100px; } .sample h3 { margin:-4px; margin-bottom:10px; padding:4px; background:#555; color:#eee; } .currencyLabel { display:block; } .code { width:720px; clear:both; } .code h3 { background:#966; } </style> <script type="text/javascript"> // Sample 1 $(document).ready(function() { $('#currencyButton').click(function() { $('#currencyField').formatCurrency(); $('#currencyField').formatCurrency('.currencyLabel'); }); }); // Sample 2 $(document).ready(function() { $('.currency').blur(function() { $('.currency').formatCurrency(); }); }); </script> <link rel="stylesheet" type="text/css" href="csharp.css" > <style type="text/css"> .csharpcode { font-size:.7em; } </style> </head> <body> <div class="main"> <div class="formPage"> <h1>Format Currency Sample</h1> <div class="sample"> <h3>Formatting Using Button Click</h3> <input type="textbox" id="currencyField" value="$1,220.00" /> <input type="button" id="currencyButton" value="Convert" /> <div> Formatting Currency to an Html Span tag. $1,220.00 </div> </div> <div class="sample"> <h3>Formatting Using Blur (Lost Focus)</h3> <input type="textbox" id="currencyField" class='currency' value="$1,220.00" /> </div> <div class="sample code"> <h3>Code</h3>   <pre class="csharpcode"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery FormatCurrency Sample</title> <script type="text/javascript" src="scripts/jquery-1.2.6.js"></script> <script type="text/javascript" src="scripts/jquery.formatCurrency.js"></script> <style type="text/css"> body, div { margin:0px auto; padding:0px; } .main { margin:40px; } .sample { float:left; margin:10px; padding:4px; border:1px solid #888; width:350px; } .sample h3 { margin:-4px; margin-bottom:10px; padding:4px; background:#555; color:#eee; } .currencyLabel { display:block; } </style> <script type="text/javascript"> // Sample 1 $(document).ready(function() { $('#currencyButton').click(function() { $('#currencyField').formatCurrency(); $('#currencyField').formatCurrency('.currencyLabel'); }); }); // Sample 2 $(document).ready(function() { $('.currency').blur(function() { $('.currency').formatCurrency(); }); }); </script> </head> <body> <div class="main"> <div class="formPage"> <h1>Format Currency Sample</h1> <div class="sample"> <h3>Formatting Using Button Click</h3> <input type="textbox" id="currencyField" value="$1,220.00" /> <input type="button" id="currencyButton" value="Convert" /> <div> Formatting Currency to an Html Span tag. <span class="currencyLabel">$1,220.00</span> </div> </div> <div class="sample"> <h3>Formatting Using Blur (Lost Focus)</h3> <input type="textbox" id="currencyField" class='currency' value="$1,220.00" /> </div> </div> </div> </body> </html></pre> </div> </div> </div> </body> </html>