website Changeset - 00b0576bbb2f · Conservancy Kallithea

Changeset - 00b0576bbb2f

Parent rev.

Child rev.

[Not reviewed]

0 1 0

Bradley Kuhn (bkuhn) - 9 years ago 2014-12-01 18:38:08
bkuhn@ebb.org

Add show/hide javascript as used for npoacct.

1 file changed with 31 insertions and 0 deletions:

www/conservancy/static/supporter/index.html

0 comments (0 inline, 0 general)

www/conservancy/static/supporter/index.html

➞

Show inline comments

 {% extends "base_conservancy.html" %}
 {% block subtitle %}Support Conservancy - {% endblock %}
 {% block category %}supporter{% endblock %}
 {% block head %}
 <link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="/jquery.min.js"></script>
 <script type="text/javascript" src="/jquery-ui.min.js"></script>
 <script type="text/javascript">
   $(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");
     });
   });
 </script>
 {% endblock %}
 {% block content %}
 <div style="position:fixed;top:180px;right:2%;width:18%">
 <table style="background-color:#afe478;width:100%;">
 <tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 <div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Become a Supporter Now!</h1></div>
 <form id="supporter-form"
             action="https://www.paypal.com/cgi-bin/webscr"
             method="post" name="supporter">
                 <input type="hidden" name="business" value="info@sfconservancy.org" />
                 <input type="hidden" name="return" value="https://sfconservancy.org/thank-you/" />
                   <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />
                       <input type="hidden" name="cmd" value="_s-xclick" />
                       <input id="amount" type="text" name="amount" size="5" value="120" />
                       <small>($120 min; increase amount if you'd like.)</small>
                                             <h5>Do you want to receive a t-shirt?</h5>
                       <input type="hidden" name="on1" value="Donation Gift" />
                       <input type="radio" checked="checked" name="os1" value="Yes" />Yes

0 comments (0 inline, 0 general)