website Files · www/conservancy/static/supporter-page.js

Files @ 194f95d0168c

Branch filter:

Location: website/www/conservancy/static/supporter-page.js

194f95d0168c 1.6 KiB application/javascript Show Annotation Show as Raw Download as Raw

bkuhn

Float Donate button to the center beside questions

The donate button is now centered beside the questions that relate to
the supporter program.

/* Copyright (C) 2012-2013 Denver Gingerich, 
** Copyright (C) 2013-2014 Bradley M. Kuhn.
** License: GPLv3-or-ater
**  Find a copy of GPL at https://sfconservancy.org/GPLv3
*/

$(document).ready(function() {
    $('.toggle-content').hide();

    $('.toggle-control')
     .addClass('clickable')
     .bind('click', function() {
        var $control = $(this);
        var $parent = $control.parents('.toggle-unit');

        $parent.toggleClass('expanded');
        $parent.find('.toggle-content').slideToggle();

        // if control has HTML5 data attributes, use to update text
        if ($parent.hasClass('expanded')) {
            $control.html($control.attr('data-expanded-text'));
        } else {
            $control.html($control.attr('data-text'));
        }
    });
    $('a.donate-now')
      .addClass('clickable')
      .bind('click', function() {
        var $control = $('#donate-box');

        $control.toggleClass('expanded');
        $control.find('.toggle-content').slideUp("slow");
        $control.find('.toggle-content').slideDown("slow");
    });
    $('#amount').on('input', function() {
        var input=$(this);
        var value = input.val();
        var errorElement=$("span", input.parent());

        var re = /^[0-9\.]+$/;
        var isValid = (re.test(value) && parseInt(value) >= 120);
        if (isValid)  {
           input.removeClass("invalid").addClass("valid");
           errorElement.removeClass("form-error-show").addClass("form-error");
        }
        else {
            input.removeClass("valid").addClass("invalid");
            errorElement.removeClass("form-error").addClass("form-error-show");
        }
  });

  });