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">×</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/