SO 16547173 - modal plugin
HTML
<script src="http://vast-eng.github.io/jquery-popup-overlay/jquery.popupoverlay.js"></script>
<form name="idpass" method="post">
<div>
<button name="button" id="button1" value="One" class="One_open" onchange="this.form.submit();">User 1</button>
<button name="button" id="button2" value="Two" class="Two_open" onchange="this.form.submit();">User 2</button>
</div>
</form>
<div id="modal" class="modal">This is hidden</div>
CSS
/* Add these styles once per website */
.popup_background {
z-index: 2000;
}
.popup_wrapper {
z-index: 2001;
}
.modal {
display:none
}
JavaScript
$(function () {
var prefix = "Hello";
var destroyModal = function () {
$(this).remove();
}
$("button").click(function () {
var me = $(this);
$('#modal')
.text( prefix + ' ' + me.val()) // modify clone
.popup({
autoopen: true
}); // end popup
console.log(this);
return false;
});
});