{% extends "core/layout.html" %}

{% block content %}
{% set breadcrumb = 'store' %}
{% include "core/claim-breadcrumbs.html" %}
<h3 class="">Congratulations!  You earned a badge.</h3>
<p class="intro">Now, send it to your Mozilla Badge Backpack. The Backpack allows you to collect and share your badges across the web.</p>
<div class="grid-wrapper">
  <div class="grid-item width-three-fifths width-full-when-small">
    <img class="badge-image" src="{{ badge.image }}">
  </div>
  <div class="grid-item width-two-fifths width-full-when-small">
    <h3 class="badge-name">{{ badge.name }}</h3>
    <p class="badge-description">{{ badge.description }}</p>
    <form method="post" action="http://backpack.openbadges.org/issuer/frameless" target="_blank" id="claim-form">
      <input type="hidden" name="assertions" value="{{ badge.assertionUrl }}">
      <button type="submit" class="large-button">Send to Backpack</button>
    </form>
  </div>
</div>
{% endblock %}

{% block foot %}
  {{ super() }}
  <script>
    window.onsubmit = function () {
      setTimeout(function (){
        window.location.href = "{{ url('claim.share') | addQueryString(email=email, shortname=badge.shortname) }}";
      }, 0);
    };
  </script>
{% endblock %}

{% extends "core/layout.html" %}

{% block content %}
{% set breadcrumb = 'store' %}
{% include "core/claim-breadcrumbs.html" %}
<h3 class="">Congratulations!  You earned a badge.</h3>
<p class="intro">Now, send it to your Mozilla Badge Backpack. The Backpack allows you to collect and share your badges across the web.</p>
<div class="grid-wrapper">
  <div class="grid-item width-three-fifths width-full-when-small">
    <img class="badge-image" src="{{ badge.image }}">
  </div>
  <div class="grid-item width-two-fifths width-full-when-small">
    <h3 class="badge-name">{{ badge.name }}</h3>
    <p class="badge-description">{{ badge.description }}</p>
    <form method="post" action="http://backpack.openbadges.org/issuer/frameless" target="_blank" id="claim-form">
      <input type="hidden" name="assertions" value="{{ badge.assertionUrl }}">
      <button type="submit" class="large-button">Send to Backpack</button>
    </form>
  </div>
</div>
{% endblock %}

{% block foot %}
  {{ super() }}
  <script type="text/javascript">
    var form = document.getElementById('claim-form');
    form.onsubmit = function () {
      setTimeout(function (){
        window.location.href = "{{ url('claim.share') | addQueryString(email=email, shortname=badge.shortname) }}";
      }, 0);
      return true;
    };
  </script>
{% endblock %}

Make double-action on form submit work in IE8
Make double-action on form submit work in IE8
