http://www.tagindex.com/javascript/window/confir …
のような警告ダイアログで、
「以後このメッセージを表示しない」のチェックボックスありにして、
チェックしたら表示しないというのはどのようにしたらいいでしょうか?
どうぞよろしくお願いします。
No.4ベストアンサー
- 回答日時:
No.3です。
>、「OK」をクリックした後に「チェック:なし ボタン:OK」というウインドウが
>出るのを避けることはできますか?
すでにおわかりかも知れませんが、念のため。
表示は、入力内容が取得できている確認に、サンプルとしてアラート表示しているだけですので、その部分を消せばよいだけです。
ご希望のような動作をさせるには、No.2様の回答のようにCookieを利用するのが簡単でしょう。
擬似ダイアログの初期設定をdisplay:noneにしておいて、ロード時にCookieを取得し、必要に応じて表示するという流れになると思われます。
(サンプルにはこの部分は含まれていません)
また、サンプルは位置が固定なので、通常のダイアログのようにユーザがダイアログの位置を移動することができません。この機能も付けようと思えばjavascriptで可能ですが少々面倒かも。
(親ウィンドウの外には移動できないので、通常のダイアログウィンドウとはやはり違いますが…)
別ウィンドウを開いて同様のことを行うのも可能だと思われますが、ほとんどNo.2様の回答と同内容になってしまいますね。
よく考えてみると、別ウィンドウにしておいたほうが、本体のソースが整理できるので(ダイアログ部分が外部化できる)、そちらのほうが扱いやすいかも知れませんね。
その場合は、Cookieを確認して、必要なら別ウィンドウを開くといった感じになるだけで、考え方はほぼ同じです。
No.3
- 回答日時:
ダイアログじゃないけど、こんなこともできますという参考までに…
(右上の×マークは見せかけだけにしてあります)
<html>
<head>
<style type="text/css">
#dlog {
heigth:110px; width:300px;
font-size:10pt;
border:2px ridge gray;
background-color:silver;
text-align:center;
position:absolute;
top:200px; left:200px;
}
#dlog #title{
background-color:navy;
padding:1px 5px;
text-align:right;
}
#dlog #message{
margin:10px auto;
}
</style>
<script language="javascript">
function hoge(c){
document.getElementById('dlog').style.display='none';
var m='チェック : ';
m += document.getElementById('box').checked?'あり':'なし';
m += '\nボタン : ' + (c?'OK':'キャンセル');
alert(m);
}
</script>
</head>
<body>
本文
<p>
なんたらかんたら
<div id="dlog">
<div id="title"><input type="button" value="×">
</div>
<div id="message">
<p><input type="checkbox" id="box"> 以後このメッセージを表示しない
<p><input type="button" value=" OK " onclick="hoge(1);">
<input type="button" value="キャンセル" onclick="hoge(0);">
</div>
</div>
</body>
</html>
No.2
- 回答日時:
すいません、補足です。
ちょっと違いますが、showModalDialogを使えばできますね。
これはHTMLをダイアログのように見せるJavaScriptの関数です。
つまりメッセージとチェックボックスを用意したHTMLを作成しておき、それをあたかもダイアログのように表示するといった手法です。
チェックしたらCookieを保存するようにしておけば、過去にチェックしたかどうかは記憶しておくことができます。
No.1
- 回答日時:
結論から言うと、JavaScriptではできません。
JavaScriptでは、alert、confirm、promptの3種類のダイアログボックス表示しか存在しないためです。
phpやperlなど他のプログラムで作成するしかないですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- Excel(エクセル) 表内で、Enterキーで横→行の最後入力したら次の行の先頭に移動するマクロを作りたい 3 2022/05/01 21:19
- Visual Basic(VBA) Application.Dialogs(xlDialogFileDelete).Showの件 1 2023/02/22 10:02
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
- Windows 10 MSアカウントの「個人設定をクラウドから削除します」は機能していないのでしょうか? 1 2022/11/20 17:01
- YouTube Win10 Youtubeの動画を開くと、必ず右下に設定ダイアログ?が表示されます 2 2023/03/26 11:35
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/07/06 17:46
- C言語・C++・C# ActiveXコントロールを.NETにインポートできない??? 2 2023/05/02 02:50
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでreadonlyの機能はあり...
-
改行をしたいが、<br>と...
-
フォームで「パスワード(確認...
-
ホームページ上の文字の色を変...
-
もしかして
-
エクセルで、日付を入力すると...
-
「ご処理進めて頂きますようお...
-
リストボックスの選択解除
-
VBAでループ内で使う変数名を可...
-
ImageMagickでgif画像の一部が...
-
accessで2つ以上のフォームを起...
-
VBAでセルに値が入力されるまで...
-
【Excel】特定の文字を含むセル...
-
自分の不注意で仕事で乗り合い...
-
複数シートのボタンに同一の動...
-
VBA リストボックスをダブルク...
-
Pythonでgif画像が上手く作れない
-
メルカリのメルカードで買い物...
-
「PC Helpsoft Driver Updated...
-
リョウ・・・量?料?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Q&A掲示板の入力フォームに文字...
-
JavascriptでDom XSSの脆弱性対...
-
【JavaScript】検索がヒットし...
-
CSSでreadonlyの機能はあり...
-
JavascriptでXSSの脆弱性への対...
-
formのsubmitを押すとモーダル...
-
確認ダイアログを次からは表示...
-
JavascriptのHTMLクラス表示に...
-
特定の条件のHTML要素を一括で...
-
jQueryでのドラッグアンドドロ...
-
javascriptで複数の表示・非表...
-
jqueryを使ったスムーススクロ...
-
jqueryアコーディオンの上部の...
-
JavaScriptのdiv.style属性の変...
-
2回目以降のページロード時には...
-
javascriptのエラーで質問です。
-
改行をしたいが、<br>と...
-
クリックすると、色が変わるよ...
-
jQueryのCSSで値に変数を使う方法
-
動画の上に広告をオーバーレイ...
おすすめ情報