0
MooTools 확인 상자 기능을 개발 중입니다. 나는 OK와 CANCEL 두 개의 버튼이 있습니다.MooTools 함수 반환 값
그래서 OK를 클릭하면 TRUE를 반환하고 CANCEL을 클릭하면 FALSE를 반환합니다.
여기 내 기능 코드입니다.
function confirm_box(title, text)
{
var className = 'msgAlert info';
var defaut_title ='Information';
// Placing the Overlay
var overlay = new Element('div', {'class':'msgAlert_overlay'});
$$('body').adopt(overlay);
// Placing the Main Div With class name
var main_box = new Element('div', {'class': className});
$$('body').adopt(main_box);
var content_div = new Element('div', {'class':'msgAlert_popup'});
//<a href="javascript:;" class="msgAlert_close"></a>
if(title == '')
title=defaut_title;
content_div.set('html','<div class="msgAlert_header"><h4>'+title+'</h4></div><div class="msgAlert_content">'+text+'</div>');
main_box.adopt(content_div);
content_div.getChildren('a.msgAlert_close');
var footer_div = new Element('div',{'class':'msgAlert_footer'});
var ok_btn = new Element('button');
ok_btn.addEvent('click', function(){
main_box.fade(0);
//overlay.fade(0);
(function(){main_box.dispose(); overlay.dispose(); }).delay(350);
return true;
});
var cancel_btn = new Element('button');
cancel_btn.addEvent('click', function(){
main_box.fade(0);
//overlay.fade(0);
(function(){main_box.dispose(); overlay.dispose();}).delay(350);
return false;
});
ok_btn.set('html','Ok');
cancel_btn.set('html','Cancel');
footer_div.adopt(ok_btn);
footer_div.adopt(cancel_btn);
main_box.adopt(footer_div);
ok_btn.focus();
}
각 버튼을 클릭하면 TRUE와 FALSE가 반환됩니다.
같이 다만를 :이 작동하지 않을
if(confirm_box(title, text))
{
alert('Yes');
}
else
{
alert('No');
}
네, 그 예가 제가 이해하기에 더 좋을 것입니다 ... – Avinash
방금 전 구식 수업을 연장했습니다. http://jsfiddle.net/dimitar/s538U/1/ vs http://jsfiddle.net/dimitar/s538U/ (원래 모달 상자) –
사실 조금 더 세련되었습니다. http://jsfiddle.net/dimitar/s538U/4/ - 잠시 동안 우리 백 오피스에 확인 기능을 추가한다는 의미였습니다. :) –