0

I'm trying to develope a Javascript fuction that will show the current funds raised. I'm needing to be able to specify a Start Dollar Amount ($0), Goal Dollar Amount ($XXX,XXX,XXX), and a Current Dollar Amount ($XX,XXX). I would like to have this show up as numerical amount and then also a percentage. I know I can predefine the amounts in the javascript itself but is there a way to have the javascript read a .txt file that hase the amounts in it? I have a working script that already does the above but not the .txt file portion. I'm hoping someone can help me. The site I'm working on is completely coded in ASP if that helps any.

<html>
    <head>
        <title>Demo Counter</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            (function($) {
                $.fn.countTo = function(options) {
                    // merge the default plugin settings with the custom options
                    options = $.extend({}, $.fn.countTo.defaults, options || {});

                    // how many times to update the value, and how much to increment the value on each update
                    var loops = Math.ceil(options.speed / options.refreshInterval),
                        increment = (options.Current - options.Start) / loops;

                    return $(this).each(function() {
                        var _this = this,
                            loopCount = 0,
                            value = options.Start,
                            interval = setInterval(updateTimer, options.refreshInterval);

                        function updateTimer() {
                            value += increment;
                            loopCount++;
                            $(_this).html(value.toFixed(options.decimals));

                            if (typeof(options.onUpdate) == 'function') {
                                options.onUpdate.call(_this, value);
                            }

                            if (loopCount >= loops) {
                                clearInterval(interval);
                                value = options.to;

                                if (typeof(options.onComplete) == 'function') {
                                    options.onComplete.call(_this, value);
                                }
                            }
                        }
                    });
                };

                $.fn.DifferenceTo = function(option2) {

                };

                $.fn.countTo.defaults = {
                    Start: 0,  // the number the element should start at
                    End: 100,  // the number the element should end at
                    Current: 50, // the current number
                    speed: 1000,  // how long it should take to count between the target numbers
                    refreshInterval: 100,  // how often the element should be updated
                    decimals: 0,  // the number of decimal places to show
                    onUpdate: null,  // callback method for every time the element is updated,
                    onComplete: null,  // callback method for when the element finishes updating
                };
            })(jQuery);

        </script>
        <link type="text/css" rel="stylesheet" media="screen" href="style.css" />
    </head>
    <body>
        <script type="text/javascript"><!--
            jQuery(function($) {
                $('.timer').countTo({
                    Start: 0,
                    End: 2500,
                    Current: 1250,
                    speed: 5000,
                    refreshInterval: 50,
                    onComplete: function(value) {
                        console.debug(this);
                    }
                });
            });
        //--></script>
        <span class="timer"></span>
        <p>We are $<span class="deficit"></span> from our goal.  Please help us reach it.</p>
    </body>
</html>
2
Contributors
1
Reply
2
Views
5 Years
Discussion Span
Last Post by rotten69
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.