Changeset - 30de6b693062
[Not reviewed]
0 1 0
Bradley Kuhn (bkuhn) - 10 years ago 2013-12-17 14:19:05
bkuhn@ebb.org
Add javascript for donate box.
1 file changed with 32 insertions and 0 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/linux-compliance/index.html
Show inline comments
 
{% extends "base_conservancy.html" %}
 
{% block subtitle %}GPL Compliance Project For Linux Developers - {% endblock %}
 
{% block category %}Current{% 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">Donate Now!</h1></div>
 
<a id="donate" style="text-decoration:none"></a>
 
<!-- PayPal start -->
 
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 
<input type="hidden" name="cmd" value="_s-xclick">
 
<input type="hidden" name="hosted_button_id" value="4ZKJN4F9BMFAS">
0 comments (0 inline, 0 general)