heya ...
quickly wrote one ;) ... that should show the possibilities ... its not really ready or real cool yet but it works correct ... may be i'll work at it the next time ... for fun ;)) ...
[HTML]<html>
<head>
<script>
function CUST_CONFIRM(params) {
this.ok = typeof params.ok != 'undefined' ? params.ok
: 'Ok';
this.cancel = typeof params.cancel != 'undefined' ?
params.cancel : 'Cancel';
this.msg = typeof params.message != 'undefined' ?
params.message : '';
ok_cb = typeof params.ok_cb != 'undefined' ? params.ok_cb
: function() {};
cncl_cb = typeof params.cancel_cb != 'undefined' ?
params.cancel_cb : function() {};
this.ok_cb = function() {
var cp = document.getElementById('cust_confirm_popup');
document.lastChild.lastChild.removeChild(cp);
ok_cb();
};
this.cncl_cb = function() {
var cp = document.getElementById('cust_confirm_popup');
document.lastChild.lastChild.removeChild(cp);
cncl_cb();
};
this._build_dom();
}
CUST_CONFIRM.prototype._build_dom = function() {
var confirm_container = document.createElement('div');
confirm_container.id = 'cust_confirm_popup';
confirm_container.style['z-index'] = '1';
confirm_container.style.position = 'absolute';
confirm_container.style.left = '0px';
confirm_container.style.top = '50%';
confirm_container.style.width = '100%';
var container = document.createElement('div');
container.style['z-index'] = '2';
container.style.marginLeft = '-50px';
container.style.position = 'absolute';
container.style.border = '1px solid black';
container.style.color = 'red';
container.style.left = '50%';
container.style.top = '-10px';
container.style.padding = '5px 5px 5px 5px';
container.innerHTML = this.msg + '<br/><div></div>';
var ok_btn = document.createElement('input');
ok_btn.type = 'button';
ok_btn.value = this.ok;
ok_btn.onclick = this.ok_cb;
container.lastChild.appendChild(ok_btn);
var cncl_btn = document.createElement('input');
cncl_btn.type = 'button';
cncl_btn.value = this.cancel;
cncl_btn.onclick = this.cncl_cb;
container.lastChild.appendChild(cncl_btn);
confirm_container.appendChild(container);
document.lastChild.lastChild.appendChild(confirm_c ontainer);
}
function custom_confirm(params) {
var confirm = new CUST_CONFIRM(params);
}
function do_ok() {
alert('ok');
}
function do_cancel() {
alert('cancel');
}
</script>
</head>
<body>
<input type="button" value="open custom confirm"
onclick="
var params = {
ok: 'Yes',
cancel: 'No',
message: 'Are you sure?',
ok_cb: do_ok,
cancel_cb: do_cancel
};
custom_confirm(params);
"/>
</body>
</html>[/HTML]
kind regards
45
