Question

I am trying to write my own Script, because i have not found Jquery plugin suitable to my case.
I basically need to write a script which gives a Cash register or Gasoline Pump effect to my numbers loading automatically Thousand separator ‘.’ and decimal separator ‘,’ in my numbers, like exactly in this example
The Only difference from the example is that i want my numbers automatically load in the page without clicking on the botton

Is it possible to modify this script and making work without the function on click?

Alternatively how would you set up the script giving the function for thousand separator and decimal separator?

Answer 1

well easiest way is to copy the javascript in that example and put it into its own .js file.

call mootools library script from your html <script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

then call your plugin file <script src="js/plugin.js"></script>

then include your initialization script (from that example, it looks like it goes at the bottom of the page, but im not sure)

<script type="text/javascript" charset="utf-8">
    //<![CDATA[
      window.addEvent('domready', function(){
        var total = $('total'); // this is the id of the element that will display the number
        var totalFx = new Fx.CashRegister(total, {duration: 2000});
        totalFx.start(124353526.99); // this is the number that you want to show first when page loads
        });
</script>

see this jsBin i edited