trentmiller
4/1/2013 - 3:06 PM

YES/NO Bootstrap Modal

YES/NO Bootstrap Modal

button {border: 1px #AAA solid; padding: 4px 10px;}
.hide {display: none;}
<div id="modal-from-dom" class="modal hide fade">
    <div class="modal-header">
      <a href="javascript:$('#modal-from-dom').modal('hide')" class="close">&times;</a>
      <h3>Delete URL</h3>
    </div>
    <div class="modal-body">
        <input id="inputBox"></input>
      <p>You are about to delete one track url, this procedure is irreversible.</p>
      <p>Do you want to proceed?</p>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn danger yesClick">Yes</a>
      <a href="javascript:$('#modal-from-dom').modal('hide')" class="btn secondary">No</a>
    </div>
</div>
<div class="appButtonDiv" id="appButtonDiv"></div>
$('#modal-from-dom').modal({ backdrop: true });
$('.confirm-delete').live('click',function() {
    $('#modal-from-dom').modal('show');
});

$('.yesClick').live('click',function() {
  alert("you typed " +'"'+ $('#inputBox').val()+'"'+" in the text box")
});

$(self.deleteButton = function () {
    var appButton = document.createElement('button');
    appButton.className = "deleteMedicare btn btn-small btn-primary active sec_mcare_delete_button confirm-delete";
    appButton.type = "button";
    appButton.innerHTML = "Delete";
    var btn = document.getElementById('appButtonDiv');
    btn.appendChild(appButton);
});
http://jsfiddle.net/MjmVr/814/
    $('.deleteMedicare').live('click', function () {
        $('#modal-from-dom').modal('show');
    });
    $('.yesClick').live('click', function () {
        alert("you typed " + '"' + $('#inputBox').val() + '"' + " in the text box")
    });
    $('#modal-from-dom').modal({ backdrop: true });
    $(self.deleteButton = function () {
        var appButton = document.createElement('button');
        appButton.className = "deleteMedicare btn btn-small btn-primary active sec_mcare_delete_button";
        appButton.type = "button";
        appButton.innerHTML = "Delete";
        var btn = document.getElementById('appButtonDiv');
        btn.appendChild(appButton);
    });



http://jsfiddle.net/aN2kV/2/