0

ページconfirm("")でポップアップアラート機能を使用javascriptしましたが、ボタンが表示されますが、代わりに必要です。jsp'OK''Cancel''YES' and 'NO'

何かいい方法や、代替手段があれば教えてください。

4

3 に答える 3

3

JavaScript で確認ステートメントを使用している場合は、それを変更することはできません。Java スクリプトまたは jquery を使用してカスタム確認ボックスを作成する必要があります。jqueryまたはjavascriptを使用しないオプションの方法は次のとおりです

<style type="text/css">

div#popup
{
    position:absolute;
    display:none;
    top:200px;
    left:50%;
    width:500px; 
    margin-left:-250px;
    border:1px solid blue; 
    padding:20px;
    background-color:white;
}

</style>

<a 
    href="http://example.com/" 
    onClick="document.getElementById('popup').style.display = 'block'; return false;"
>Go to example.com</a>


<div id="popup">
    <p>Are you sure you want to go to example.com?</p>
    <p>
        <a onclick="document.location='http://example.com/'; return false;">
            Yes
        </a>
        <a onclick="document.getElementById('popup').style.display = 'none'; return false;">
            No
        </a>
    </p>
</div>

jqueryも使える

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...
}
于 2013-07-25T10:58:13.270 に答える
0

javascript は、確認ボックスをカスタマイズするためのオプションを制限します。そのため、確認ボックスのボタンを から OK/Cancelに変更することはできません。YES/NO

JQueryを使用してカスタマイズできます

これは、カスタマイズされた ConfirmBox に JQuery と CSS3 を使用するリンクです。

于 2013-07-25T10:59:34.403 に答える
0

この Jquery 基本ソリューションを使用できます。必要な数のボタンとそれぞれのアクションを追加するオプションがあります。

http://stefangabos.ro/jquery/zebra-dialog/

于 2013-07-25T11:08:17.093 に答える