자바 스크립트에서 내 자신의 확인 대화 상자를 작성하려면 어떻게해야합니까?

Question

javascript에서 confirm()과 같은 역할을하는 것을 쓰고 싶지만 대화 상자를 스킨 처리 할 수 ​​있도록 직접 작성하고 싶습니다. 내가 사용자가 응답하고 true 또는 false를 반환 할 때까지 기본적으로 자바 스크립트 스레드를 기다리는 방법을 통해 생각하는 데 어려움이 있습니다.

Answer 1

내가 너라면, 인기있는 자바 스크립트 라이브러리 중 하나를 살펴볼 것입니다. 대부분은 모달 대화 상자를 포함합니다.

내가 JQuery에서 발견 한 몇 가지는 jqModal과 SimpleModal입니다.

당신이 모달 대화 상자를 만들 때, 당신은 버튼에 이벤트를 묶어해야합니다, 그래서 당신이 뭔가를 할 것이다 :

function askUserYesOrNo() { 
    var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>'); 
    $("#yes").click(handleYes); 
    $("#no").click(handleNo); 
    myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses 
} 

function handleYes() { 
    //handle yes... 
} 

function handleNo() { 
    //handle no... 
} 

Answer 2

당신은 정말 때문에의 수, 이것에 대한 프레임 워크를 사용하려면 이상한 크로스 브라우저 문제를 직접 경험해보십시오.

모달 대화 상자를 정의 할 수있는 jQuery 프레임 워크 용 플러그인 인 jqModal을 사용하여 좋은 결과를 얻었지만 그게 유일한 옵션은 아닙니다. 일부 대안으로는 Google 검색 jquery modal 또는 yui modal을 사용해보세요.

Answer 3

창을 사용할 수 있습니다. showModalDialog (mozilla)이지만 Internet Explorer에서 소개 된 비표준 기능입니다. 이제는 Firefox 3 및 Safari에서도 지원됩니다 (어떤 버전인지는 모르지만 적어도 3.1 이상은 있지만 iPhone은 지원하지 않습니다).

Answer 4

베어 본 유이 모달 라이트 (example) : Mootools의 내용은

http://bravo9.com/journal/a-simple-lightbox-modal-dialog-with-yui-c5b048f5-b278-46d1-9a7e-0d3035094f52/

Answer 5

는 moo.rd's Custom.Confirm 및 참조 용 Windoo.Confirm있다.