確認ダイアログの「OK」ボタンとかの言葉を変えたい

0   名前： 500円玉 ： 2007/07/24（火） 22:37  ID:QhY88XQC sub-t1
JavaScriptの、「確認ダイアログ」の、「OK」ボタンと「キャンセル」ボタンを
「yes」と「no」に変えたいのですが、よく分からなくて・・・

他サイトも回って調べました。
1   名前： 匿名 ： 2007/07/24（火） 22:37  ID:2Rq6b0vp sub-Cz
貴方の言う『確認ダイアログ』とは何のこと？
2   名前： himajin ： 2007/07/24（火） 22:37  ID:tteTgD8E sub-gm
alertやconfirmのボタン名を変えることは不可能と思います。
3   名前： 匿名 ： 2007/07/24（火） 22:37  ID:epW2eUw6 sub-8t
おや、VBScriptの出番ですか？
<script type="text/vbscript">
Public Function ShowMessage(mes)
'メッセージボックス表示
    ShowMessage = MsgBox(mes, vbYesNo + vbQuestion) = vbYes
End Function
</script>
<script type="text/javascript">
function test() {
    if (ShowMessage('処理しますか？')) {
        //Yes
    }
}
</script>
4   名前： ヨロズミタマ ： 2007/07/24（火） 22:37  ID:kqesmFoG sub-gm
ダイアログボックスとは微妙に違いますがJavaScriptを使ってダイアログボックスみたいなものを作ります。
工夫すると面白いかもしれません。

<html>
<head>
 <title>確認ダイアログをＷｅｂ上で作ってみるサンプル</title>

 <style type="text/css">
 <!--

  /*確認用ダイアログボックスのスタイルを設定*/
   #dialog
   {
     /*↓↓普段は非表示にしておく(重要)*/
      visibility:hidden;

     /*↓↓中央に配置しておくとカッコイイかも*/
       position:absolute;
       left:50%;
       top:50%;
       width:300px;
       height:200px;
       margin-left:-150px;
       margin-top:-100px;


      /*↓↓後は自分の趣味なのでお構いなく・・・*/
         border:solid 3px orange;
         background-color:#ffffbb;
         text-align:center;
         padding:30px 0px 0px 0px;
         font-size:17px;
   }

  //-->
  </style>

 <script language="javascript" type="text/javascript">
 <!--

   function SHOW_DIALOG()
   {
    //ダイアログボックスを表示する
     if(document.getElementById("dialog"))
     {document.getElementById("dialog").style.visibility="visible";}
   }


   function CHANGE_COLOR(cmd)
   {
    if(cmd=="start") //Ｙｅｓをクリックしたとき
    {document.bgColor="#aaaaff";}
    else if(cmd=="stop") //ＮＯをクリックしたとき
    {document.getElementById("dialog").style.visibility="hidden";}
   }

 
  //-->
 </script>
</head>
<body>


<a href="javascript:SHOW_DIALOG();">背景色を変える</a>



<!--↓↓確認用ダイアログボックス-->
<div id="dialog">
<b>本当に実行しますか？</b><br>
<div style="margin:60px 0px 0px 0px;">
<input type="button" value="ＹＥＳ" onclick="CHANGE_COLOR('start');">
<input type="button" value="ＮＯ" onClick="CHANGE_COLOR('stop');">
</div>
</div>



</body>
<html>

5   名前： 匿名 ： 2007/07/24（火） 22:37  ID:/I7AxP9P sub-Cz
>>4
面白いですね。ダイアログ部分を動的に生成すれば、HTML ソースに依存しないのでベターかと思います（テキスト端末などで表示されることもないし）。

ちなみに、position: absolute; するなら、visibility: hidden; よりも top: -9999px; left: -9999px などで移動させた方が何かと便利かもしれません。
一覧へ戻る