BOOTSTRAP3: HANDLING MODAL DIALOG EVENTS

gistfile1.txt

(function()
{


  //get a referenct to the dialog
  var $sentDialog = $("#sentDialog");
  debugger;
  //register handler for the form's submittal
  $("#contactForm").on("submit", function () {
    debugger;
    //show the modal dialog
    $sentDialog.modal('show');
    return false; //don't actually submit the form
  });

  //register some  boostrap on handlers

  $sentDialog.on("hidden.bs.modal", function () {
    //do some work,  save form, move onto another page etc
    alert("hidden bs modal");
  });

  $sentDialog.on("focusin.bs.modal", function () {
    //do some work,  save form, move onto another page etc
    alert("focus in bs modal");
  });

  $sentDialog.on("keyup.dismiss.bs.modal", function () {
    //do some work,  save form, move onto another page etc
    alert("keyup.dismiss.bs.modal");
  });


  $sentDialog.on("click.dismiss.modal", function () {
    //do some work,  save form, move onto another page etc
    alert("clicked dismiss modal");
  });

  $sentDialog.on("show.bs.modal", function () {
    //do some work,  save form, move onto another page etc
    alert("show boostrap modal");
  });
})();