JavaScript 확인 팝업 확인 예, No 버튼은 확인 대신 및 취소

https://stackoverflow.com/questions/823790

05-07-2019
|

문제

javaScript 팝업 확인, 나는 확인 대신, 아니오 버튼을 보여주고 싶다.

이 vbscript 코드를 사용했습니다.

<script language="javascript">
    function window.confirm(str) {
        execScript('n = msgbox("' + str + '","4132")', "vbscript");
        return (n == 6);
    }
</script>

이것은 IE, FF 및 Chrome에서만 작동하지만 작동하지 않습니다.

JavaScript에서이를 달성 할 작업 라운드가 있습니까?

또한 'Windows Internet Explorer'에서와 같이 팝업 제목을 변경하고 싶습니다. 여기에 내 자신의 응용 프로그램 이름을 표시하고 싶습니다.

해결책

불행히도, 기본 OK/CANCEL 쌍이 아닌 확인 대화 상자를 열기위한 크로스 브라우저 지원은 없습니다. 제공 한 솔루션은 vbscript를 사용하며 IE에서만 사용할 수 있습니다.

대신 DOM 기반 대화 상자를 구축 할 수있는 JavaScript 라이브러리를 사용하는 것이 좋습니다. jQuery UI를 시도해보십시오 : http://jqueryui.com/

다른 팁

크로스 브라우저 방식으로이를 달성 할 수있는 유일한 방법은 jQuery UI와 같은 프레임 워크를 사용하고 사용자 정의 대화 상자를 만드는 것입니다.

jQuery 대화 상자

내장 확인 팝업과 똑같은 방식으로 작동하지 않지만 원하는대로 수행 할 수 있어야합니다.

당신은 또한 사용할 수 있습니다 http://projectshadowlight.org/jquery-easy-confirm-dialog/ . 매우 간단하고 사용하기 쉽습니다. jQuery Common Library와 하나의 파일 만 포함하십시오.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/blitzer/jquery-ui.css" type="text/css" />
<script src="jquery.easy-confirm-dialog.js"></script>

확인 () 함수 또는 이와 유사한이 크로스 브라우저를 수행 할 수 없습니다. 나는 당신이 The와 같은 것을 사용하는 것이 좋습니다 jQuery UI 대화 상자 대신 HTML 대화 상자를 만들기위한 기능.

당신이 사용할 수있는 특집 (그러나 작고 간단한) 라이브러리는 jsdialog입니다. js.plus/products/jsdialog

다음은 예 및 아니오 버튼으로 대화 상자를 작성하기위한 샘플입니다.

JSDialog.showConfirmDialog(
    "Save document before it will be closed?\nIf you press `No` all unsaved changes will be lost.",
    function(result) {
        // check result here
    },
    "warning",
    "yes|no|cancel"
);

JS 대화 상자 데모 스크린 샷

살펴보십시오 http://bootboxjs.com/

사용하기 매우 쉽습니다 :

 bootbox.confirm("Are you sure?", function(result) {
  Example.show("Confirm result: "+result);
});

1) 사이트에서 파일 아래 파일을 다운로드하여 업로드 할 수 있습니다.

<link href="/Style%20Library/css/smoothness/jquery.alerts.css" type="text/css" rel="stylesheet"/>

2) 그 후에는 아래 코드를 직접 사용할 수 있습니다.

$ .alerts.okbutton = "예"; $ .alerts.cancelbutton = "아니오";

document.ready function에서.

시도해보십시오.

감사

요점에 대한 매우 구체적인 대답은 대화 JS 기능을 확인하는 것입니다.

confirm('Do you really want to do so');

OK 취소 버튼이있는 대화 상자가 표시 되므로이 버튼을 예 아니오로 바꾸는 것은 간단한 작업이 아니기 때문에 jQuery 기능을 작성해야합니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow

JavaScript 확인 ​​팝업 확인 예, No 버튼은 확인 대신 및 취소

JavaScript 확인 팝업 확인 예, No 버튼은 확인 대신 및 취소