如何在我的jsp頁面中使用javascript顯示popupalert？

Question

我用confirm("")彈出的javascript報警功能在我jsp頁，它顯示了'OK'和'Cancel'按鈕，但我想'YES' and 'NO'代替。

請告訴我有沒有辦法做到這一點，或者有任何替代方法。

Answer 1

如果你在javascript中使用confirm語句，你不能改變它。您將不得不使用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... 
} 

Answer 2

的JavaScript限制了定製確認框選項可選的方法。所以你不能從OK/Cancel更改確認框按鈕YES/NO

您可以使用jQuery來定製

Here is a link使用jQuery和CSS3定製ConfirmBox

Answer 3

你可以去這個jQuery基礎解決方案 它可以選擇添加儘可能多的按鈕，並分別對每個按鈕。

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