人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript の confirm に関する質問です。OK とか キャンセルのボタン内の文字部分は、変更可能なのでしょうか?

●質問者: isogaya
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript キャンセル ボタン
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Mook
●60ポイント

標準の alert や confirm では ボタンの内容を変更する機能はありませんが、

下記のように showModalDialog を使用し自作のダイアログを使用する方法もあります。

http://www.tohoho-web.com/js/window.htm#alert


以下、簡単なサンプルです。

C:\myDialog.html を作成(実際はURLとして呼び出せる場所に配置し、それを呼び出す。)

<HTML>
 <HEAD>
 <TITLE> My Dialog</TITLE>
<script type="text/javascript"><!--
function init() {
document.myform.buttonA.value = window.dialogArguments[1];
document.myform.buttonB.value = window.dialogArguments[2];
document.getElementById("message").innerHTML = window.dialogArguments[0];
}
// --></script>
 </HEAD>
 <BODY onload="init();">
 <FORM name="myform">
<div id="message"></div>
<input type="button" name="buttonA" value="" onClick="returnValue=true; self.window.close()">
<input type="button" name="buttonB" value="" onClick="returnValue=false; self.window.close()">
 </BODY>
</HTML>

呼び出し側は適当に作成します。

<HTML>
 <HEAD>
 <TITLE> New Document </TITLE>
 </HEAD>
 <BODY>
 ダイアログテスト
<script type="text/javascript"><!--
args = new Array();
args[0] = "ハイかイイエで答えてください。";
args[1] = "ハイ";
args[2] = "イイエ";
val = showModalDialog("C:\\myDialog.html", args,"status:false;dialogWidth:320px;dialogHeight:90px");
alert( val );
//--></script>
 </BODY>
</HTML>

ダイアログは通常のHTML として作成できますので、自由な設計ができます。

http://www.openspc2.org/reibun/javascript/window/004/

◎質問者からの返答

ありがとうございます。ちょっと手間はかかるけどできるわけですね。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ