Tables will be hidden when it was completed submit order.

JavaScript Event click inside iframe

<table id="table-show-hidden">
  <tr>
      <th>Produk</th>
      <th>Jumlah</th>
      <th>Total Harga</th>
      <th>Aksi</th>
  </tr>
</table>

<iframe id="myframe" src="/myframe/" frameborder="0" width="100%" height="500px"></iframe>
<script type="text/javascript">
$('#myframe').load(function(){
    var iframe = $('#myframe').contents();
    iframe.find("#sending").click(function(){
        //alert("test");
        document.getElementById("table-show-hidden").style.display = "none";
    });
});
</script>


//-------------- Inside iframe --------------
<form id="my_form" method="post">
{% csrf_token %}
{{ form }}
<div class="form-actions">
  <button type="submit" id="sending">Send</button>
</div>
</form>



Solved: http://stackoverflow.com/a/13782102/3445802