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

グレーアウト画面で出たポップアップを画面上をクリックではなく、「閉じる」ボタンを設置して、ボタンを押したらグレーアウト前の画面に戻す方法をご存知でしょうか。
下記のページでグレーアウトした後、閉じる(またはキャンセル)ボタンを出して、それを押すと元のページに戻るように設定したいです。
http://engagementbusiness.jp/test/index.html
ご教授願えたら幸いです。どうぞよろしくお願い致します。

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

▽最新の回答へ

1 ● 牛乳先生(tukihatu)
●100ポイント ベストアンサー

「グレーアウト画面」というのはclickボタン押した後のグレー背景の画面、という認識で大丈夫ですか?

グレーアウトといわれると普通ボタンがクリックできないとかを連想するので…

http://faq.epson.jp/faq/00/app/servlet/relatedqa?QID=002093-1


まず、ソースの以下の部分からonclickを削除します。

<div id="glayer" class="glayer" style="display: none;" onclick="Glayer.hide('glayer')">
↓
<div id="glayer" class="glayer" style="display: none;">

これで、グレー背景をクリックしても消えなくなりました。

後はボタンを設置して、そのボタンに消える処理を書いてやればいいです。

<div id="glayer" class="glayer" style="display: none;">
<div style="text-align:center;width:100%;position:absolute;top:80px;">
<div style="background-color:white;width:300px;top:80px;margin:0 auto;height:100px;padding-top:30px">
<p>メッセージをどうぞ111</p>
<p><input type="button" id="btn" value="close!" onclick="Glayer.hide('glayer')"></input>
</p>
</div>
</div>
</div>
◎質問者からの返答

tukihatuさま

言葉が分りづらく失礼致しました。(「グレーアウト画面」⇒「グレー背景」のことを指してました。)

教えていただいたタグで無事に解決致しました。どうもありがとうございました!!

関連質問


●質問をもっと探す●



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