0

重複の可能性:
Javascript 確認ポップアップ [OK] と [キャンセル] の代わりに [はい、いいえ] ボタン

jqueryまたはVB.Scriptを使用せずに、「はい」と「いいえ」ボタンのある確認ボックスを作成するのを手伝ってください。私はたくさん検索しましたが、jqueryですべての答えを得ましたが、それは私の要件ではありません.

確認ボックス関数から別の関数を呼び出す必要があります。以下で使用しているコード

HTML

<a href="#" onlick="show_confirm('<?php echo $cat_id; ?>')">Delete</a>

そしてJavascript

<script type="text/javascript">
function show_confirm(cat_id)
{
  var conf = confirm("Are you sure you want to delete the file");
  if (conf ==true)
  {
    deleteCatagory(cat_id);
  }
}

function deleteCatagory(cat_id)
{
  var obj = document.getElementById("file_"+cat_id);
  callAjax(cat_id,obj);
}
</script>
4

3 に答える 3

2

とてもシンプルです。[はい] ボタンと [いいえ] ボタンがある HTML ボックスをカスタム コーディングする必要があります。[はい] ボタンはコードを実行してボックスを非表示にし、[いいえ] ボタンはボックスを非表示にするだけです。これが行うのと同じくらい簡単なこと：

HTML

<div id="confirmation">
Are you sure you want to delete the category?<br>
<input type="button" onclick="deleteCategory(document.getElementById('catID').value);this.parentNode.style.display='none';" value="Yes">
<input type="button" onclick="this.parentNode.style.display='none';" value="No">
<input type="hidden" id="catID" value="0">
</div>

CSS

<style type="text/css">
<!--
#confirmation {
display: none;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
border: 2px solid white;
padding: 3px;
text-align: center;
width: 200px;
height: 50px;
}
</style>

更新日show_confirm():

function show_confirm(catID) {
    document.getElementById('catID').value=catID;
    document.getElementById('confirmation').style.display='block';
}
于 2012-05-12T19:34:46.927 に答える
0

自分で作成する必要があります。これはhttp://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.htmlに方法があるようですが、これは5分間のグーグル。div を使用してそれを行うことを提案する人もいますが、これは私の個人的な好みです。

于 2012-05-12T19:32:11.993 に答える
-1

確認ボックスに表示される [OK] または [キャンセル] オプションでよろしければ、通話のタイプミスを修正するだけで済みます。私はこのようにします

<a href="JavaScript:void(0);" onclick="show_confirm('<?php echo $cat_id; ?>');">Delete</a>​

ただし、デフォルトのテキストを変更したい場合は、デフォルトのconfirmポップアップではうまくいきません。HTMLベースの「ポップアップ」を考え出す必要があります。

于 2012-05-12T19:35:54.847 に答える