Changeset - fce05b6f99be
[Not reviewed]
0 1 0
Brett Smith (brett) - 7 years ago 2017-01-01 21:10:21
brett@sfconservancy.org
supporter: Add tabindex to supporter sign-up form.
1 file changed with 10 insertions and 10 deletions:
0 comments (0 inline, 0 general)
www/conservancy/templates/supporter/form_partial.html
Show inline comments
...
 
@@ -65,93 +65,93 @@ This partial accepts these optional parameters:
 

	
 
      <div class="supporter-form-input">
 
        {% if form_id == "monthly" %}
 
        <input type="hidden" name="cmd" value="_xclick-subscriptions">
 
        <input type="hidden" name="lc" value="US">
 
        <input type="hidden" name="no_note" value="1">
 
        <input type="hidden" name="t3" value="M">
 
        <input type="hidden" name="p3" value="1">
 
        <input type="hidden" name="src" value="1">
 
        <input type="hidden" name="srt" value="0">
 
        <label for="a3">Monthly Amount: </label>
 
        <div class="input-group">
 
        $ <input type="number" name="a3" size="5"
 
        $ <input type="number" name="a3" size="5" tabindex="10"
 
               min="{{ min_amt }}" value="{{ default_amt }}">
 
        {% else %}
 
        <input type="hidden" name="cmd" value="_xclick">
 
        <label for="amount">Amount: </label>
 
        <div class="input-group">
 
        $ <input type="number" name="amount" size="5"
 
        $ <input type="number" name="amount" size="5" tabindex="10"
 
               min="{{ min_amt }}" value="{{ default_amt }}">
 
        {% endif %}
 
        <p class="form-error">${{ min_amt|add:partial_amt }} is a minimum for
 
          Conservancy Supporters.
 
          <a href="/donate">Donate smaller amounts here</a>.</p>
 
        </div>
 
      </div>
 

	
 
      <div class="supporter-form-input">
 
        <label for="wantGift">Do you want to receive
 
          {% if form_id == "renewal" %}
 
          another
 
          {% else %}
 
          a
 
          {% endif %}
 
          t-shirt? </label>
 
        <div class="input-group">
 
          <input type="radio" name="on0" value="wantGiftYes">Yes
 
          <input type="radio" checked="checked" name="on0" value="wantGiftNo">No
 
          <input type="radio" tabindex="20" name="on0" value="wantGiftYes">Yes
 
          <input type="radio" tabindex="20" checked="checked" name="on0" value="wantGiftNo">No
 
        </div>
 
      </div>
 

	
 
      <div class="supporter-form-input t-shirt-size-selector">
 
        <label for="tShirtSize">T-shirt size: </label>
 
        <div class="input-group">
 
          <select name="os0">
 
          <select name="os0" tabindex="30">
 
            <option value="MenS">Men's S</option>
 
            <option value="MenM">Men's M</option>
 
            <option value="MenL">Men's L</option>
 
            <option value="MenXL">Men's XL</option>
 
            <option value="Men2XL">Men's 2XL</option>
 
            <option value="StandardLadiesS">Standard Ladies' S</option>
 
            <option value="StandardLadiesM">Standard Ladies' M</option>
 
            <option value="StandardLadiesL">Standard Ladies' L</option>
 
            <option value="StandardLadiesXL">Standard Ladies' XL</option>
 
            <option value="FittedLadiesS">Fitted Ladies' S</option>
 
            <option value="FittedLadiesM">Fitted Ladies' M</option>
 
            <option value="FittedLadiesL">Fitted Ladies' L</option>
 
            <option value="FittedLadiesXL">Fitted Ladies' XL</option>
 
          </select>
 
        </div>
 
      </div>
 

	
 
      <div class="supporter-form-input">
 
        <label for="publicAck">
 
          Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </label>
 
        <div class="input-group">
 
          <input type="radio" checked="checked" name="on1" value="publicAckYes">Yes
 
          <input type="radio" name="on1" value="publicAckNo">No
 
          <input type="radio" tabindex="40" checked="checked" name="on1" value="publicAckYes">Yes
 
          <input type="radio" tabindex="40" name="on1" value="publicAckNo">No
 
        </div>
 
      </div>
 

	
 
      <div class="supporter-form-input">
 
        <label for="joinList">Join Conservancy's
 
          Low-Traffic Announcement Email List? </label>
 
        <div class="input-group">
 
          <input type="radio" checked="checked" name="os1" value="joinListYes">Yes
 
          <input type="radio" name="os1" value="joinListNo">No
 
          <input type="radio" tabindex="50" checked="checked" name="os1" value="joinListYes">Yes
 
          <input type="radio" tabindex="50" name="os1" value="joinListNo">No
 
        </div>
 
      </div>
 
    </div>
 

	
 
    <div class="supporter-form-submit">
 
      <input type="image" name="submit"
 
      <input type="image" name="submit" tabindex="60"
 
             src="/img/supporter-payment-button-{{ form_id }}.png"
 
             height="81" width="188" border="0"
 
             alt="{{ verb|capfirst }} as {{ article }} {{ supptype|capfirst }} Supporter Now!">
 
      <p>Button above redirects to PayPal's site for credit
 
        card, bank account or PayPal balance payment methods.  Select
 
        options first.</p>
 
    </div>
 
  </form>
 
</div>
 
{% endwith %}
0 comments (0 inline, 0 general)