• 締切済み

ブラウザのタブを閉じるときにお知らせを出したい

ホームページを作っているのですが、 ページを閉じようとすると別のお知らせを出してる ページがあって、それと同じことをしたいのですが 閉じるボタンを押したときに表示される画面はカスタマイズ出来ないのでしょうか? 普通にデザインしたページをlightboxみたいに周りが暗くなってお知らせ画面が出てくるようにしたいです。 恐らくjavascriptを使って作るのだと思うのですが、参考ページなどあれば教えていただけると嬉しいです。 参考ページを載せたいところなのですが、URLを失念してしまいました。 お手数ですがよろしくお願いいたします。

みんなの回答

  • f1204-okw
  • ベストアンサー率84% (16/19)
回答No.1

残念ながらできません。 規定のダイアログが表示されるのみです。 閉じるという操作の制御はかなり限定されています。 悪意のあるコードを実行させないためです。 おせっかいですが、閉じる前にお知らせを出す行為がユーザーに嫌われないかもう一度考えてみては。 最低限の場面でシンプルな規定の画面を出すだけで十分効果があるのではないでしょうか。 詳細は「javascript beforeunload」と検索し調べてください。

関連するQ&A

  • jquery lightboxが作動しません

    ホームページビルダー14で、趣味のホームページを作っています。 jquery lightbox0.5を下記サイトからダウンロードし、アップロードしてHTMLを組み込みました。 ダウンロードしたjquery lightbox0.5のサイトURL http://www.css-lecture.com/log/javascript/012.html ホームページビルダー上の確認画面、及び、ローカル画面では、スムーズに作動するのですが、 サイト上にアップすると、上手くいきません。 サイトの背景は暗くなり、白い拡大画面は立ち上がるのですが、その白い画面の真ん中に×印がついていて、写真が掲載されません。 ホームページ作りは初心者なので、行き詰ってしまっています。 どなたかお解りの方、教えて頂けると幸いです。 お手数をおかけいたしますが、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • lightbox plus機能が上手く作動しません

    lightbox plus機能が上手く作動せず、困っています。 ホームページビルダー14で、趣味のホームページを作っています。 「lightbox plus」機能を導入したく、all aboutの下記サイトを参考にしてダウンロードし、resourceファイルを写真ファイルにアップロードして、説明に沿ってhtmlを組み込んでみました。 all about のページ: http://allabout.co.jp/gm/gc/23975/ hard内に、下記をペーストしました。 <link rel="stylesheet" type="text/css" href="resource/lightbox.css" media="screen,tv"> <script type="text/javascript" charset="UTF-8" src="./resource/spica.js"></script> <script type="text/javascript" charset="UTF-8" src="./resource/lightbox_plus.js"></script> そして、拡大させたい画像は、以下の様にしました。 <a href="photo/goods/up1/1111.jpg" width="320" height="527" rel="lightbox"><img src="photo/goods/up/111.jpg" width="91" height="150"alt=""/></a> 上記の様に組み込んだら、元の小さな画像から、拡大画像を表示するまでは出来たのですが、どうしても拡大画像が別ページで立ち上がってしまいます。 また、別ページに立ち上がった画像をクリックしても、元のページには戻らず、ブラウザの戻るボタンを押さなければ戻りません。。。 ページ上で拡大画像が立ち上がり、画面をクリックすると元のページに戻る様に設定したいのですが、どうすれば良いのか分かりません。 ホームページ作りは始めたばかりなので、恥ずかしいほど素人です。 どなたかお解りの方がいらっしゃいましたら、お手数ですがよろしくお願いいたします。 専門用語は、只今勉強中なので、出来れば分かり易い言葉で教えて頂けると幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • URLの変更をお知らせするジャンプページ

    こんばんは。 どなたか教えていただけないでしょうか。 先週解約したプロバイダでホームページを開設していました。 そして今日、新しいプロバイダで新しいホームページを開設したのですが、先 週解約したホームページにアクセスした人たちに、 「このページは新しいURLに移動しました・・・」というお知らせをしたいの ですが、解約してしまったので、前のサイトを編集することができません。 前のホームページから、新しいホームページのURLをお知らせすることは不可 能なのでしょうか。 よろしくお願いします。

  • アメブロでのlightbox設置について

    アメブロでのlightbox設置について教えてくださいませ。 アメブロにjQuery版のlightboxを設置したいと思い、下記の参考サイトさまの手順とおりに設定したのですが、画像がいつまでも読み込み中になりうまく表示されません。 http://ameblo.jp/new-bulue9/entry-10487238040.html 私が行った手順としては 1:jQuery lightBox plugin 0.5をダウンロードし、フォルダ名を「Lightboxj5」に変更したのちレンタルサーバーにアップロード。 2:下記プラグインの「ホームページのURL/」をレンタルサーバーのURLに書き換えて保存。 <!--■ jQuery Lightbox 5.0 ■--> <head> <link href="ホームページのURL/Lightboxj5/css/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet" media="screen" /> <script src="ホームページのURL/Lightboxj5/js/jquery.js" type="text/javascript"></script> <script src="ホームページのURL/Lightboxj5/js/jquery.lightbox-0.5.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('a[rel*=lightbox]').lightBox({ overlayBgColor:'#000009', overlayOpacity:0.6, imageLoading:'ホームページのURL/Lightboxj5/images/lightbox-ico-loading.gif', imageBtnClose:'ホームページのURL/Lightboxj5/images/lightbox-btn-close.gif', imageBtnPrev:'ホームページのURL/Lightboxj5/images/lightbox-btn-prev.gif', imageBtnNext:'ホームページのURL/Lightboxj5/images/lightbox-btn-next.gif', containerResizeSpeed:350, txtImage:'画像:', txtOf:'/' }); }); </script> </head> <!--■■■■■■■■■--> 3:「ブログを書く」段階で画像にで指示されたとおりrel="lightbox"を a タグの最後に記述。 <a href="http://stat.ameba.jp/user_images/20100221/22/new … rel="lightbox"><img src="http://stat.ameba.jp/user_images/20100221/22/new … /></a> 以上です。他のプラグインとバッティングしている可能性も考え他をすべて削除して起動してみましたが、これも駄目でした。 稚拙な文章でわかりつらいかとは思いますが何卒お知恵をお貸しくださいませ。

  • CGIでホームページトップにお知らせを載せたい

    ホームページのトップページに日々のお知らせを載せれるようなCGIってありませんか? トップページはHTMLでできているのでそこに組み込めるようなもので、書き込みはトップページ以外の別のページからウェブ上で登録できるものがいいです。

  • メニューバーが重複してしまいます

    はじめまして。 フッターに固定のメニューバーをつけたくて 下記のサイトを参考にさせて頂き どうにかこうにか実装することができたのですが どうしても自分では解決できない問題が生じましたので もし、アドバイスが聞けたらと思い投稿させて頂きます。 ホームページの画像を表示する際、わたしはlightboxを利用していまして 画像をクリックすると黒い画面が立ち上がり、画像が画面中央に表示され 画面の下部分に、画面を閉じる✖️ボタンと、次の画面に移る▶︎マークが 表示される仕様になっています。 今回、設置したフッターメニューがlightboxが立ち上がっても表示されるため lightboxのボタンが下に隠れてしまいます。 lightboxが立ち上がった時に、このフッターメニューを非表示にする 仕組みにしたいのですが、どなたかアドバイスを頂けないでしょうか。 宜しくお願い致します。 参考サイト http://dokidome.com/wp-customize/1353/

  • 以下のjava2つを併用したいのですが…

    ホームページを作っています。 写真を載せてるページに、lightboxを使用しました。 PHPでヘッダーにメニューを、 フッターにミクシチェックやツイッター、FBのいいねボタンなどを入れました。 フッターにjavaで別窓が開くタグを入れました。 この時点では、lightboxもちゃんと反映されていました。 先日、ページ下まで行った時にある「Topへ」のボタンをクリックしたとき、 トップまでスクロールするjavaを入れました。 http://www.sapphirus.biz/javascript/gotop/ そして、ページ内リンクもスライドさせたいと思い、 http://5509.me/log/slidescrolljs を入れました。 この二つを入れたとたん、lightboxが反映されなくなったのです…。 色々調べてみたのですが、jQueryというのが原因とか… しかし、一度このページをサーバー上から削除し、 スライドスクロールのjava2つを入れる前のファイルをUPしてみたのですが、 (lightboxが反映されていたままのファイルのコピー) lightboxは反映されませんでした… スライドスクロールのjavaのタグを削除したファイルをUPしてみたり、 色々してみたのですがlightboxは反映されず… ダウンロードし、解凍したlightboxのフォルダをそのままサーバーにUPし、 indexにアクセスしたところ、写真の拡大は反映されました。 いったい何が原因なのかさっぱりわかりません。。 まとまりのない文章で、状況もわかりづらいかもしれませんが、 お詳しい方、お助けいただけると嬉しいです。。 もしくは、ページ内&トップへのスクロールがスライドと、 lightboxのような写真拡大の効果で、 この2つが併用できるプログラムなどあれば、 教えていただきたいです>< よろしくお願いします!!

  • Lightboxのグループをループさせる。

    Lightbox 2を使用しているのですが、 グループに指定した画像をループさせることは可能でしょうか。 http://lokeshdhakar.com/projects/lightbox2/ 1つめの画像の「prev」をクリックで、最後の画像を表示、 最後の画像の「next」をクリックで1つ目の画像を表示させたいです。 javascriptは書かれていることはだいたいわかるのですが、 新規に自分で何かを作ったりカスタマイズしたりするほどの知識がありませんので、 具体的に教えて頂けると有難いです。 お手数ですが、ご存知の方宜しくお願いします。

  • HP、更新したことをお知らせするには、どうしたら?

    http://www.okweb.ne.jp/kotaeru.php3?q=824694 こちらでも質問させていただきましたが、一度締め切って 再度質問させていただきます。 社内のホームページを更新した際に、「更新しました」的な 表示をしたいのですが、条件は下記の通りです。 1 できれば手動が良い。少しの修正をしただけでお知らせして しまうと、うっとうしいため。 2 現在はある1ページについては、更新すると自動でメニュー内の マークに変化が出る。そこをクリックすると、そのページに飛べ、 一度クリックした人にはもう知らせない。 (誰が作ったのか不明で、サイトのフォルダ内のどこにデータが 仕込んであるのかわからない。) 3 更新されたページがどこか・・・ということではなく、どこか 更新されたページがある、ということに気がつかせるための知らせ。 何を(JavaScriptなど)使ったらいいのかわからないため、ネットや 本ではうまく調べることができません。 よろしくお願いいたします。

  • ブラウザを閉じるについて

    現在、Webサイトを運営している者です。 サイトの中に仲間だけが見る事の出来るページを作っているのですが、画面をブラウザの×ボタンではなく、例えば「ログアウト」のようなものを作って欲しいと言われました。 この場合、どの言語を使えばそういったものを作れるのか教えて欲しいのです。 プログラミングの知識は浅いのですが、言語さえ教えて頂ければ私自身で調べられるだけ調べますので、よろしくお願いします。 現在、簡単なCGIとJavaScriptとPHPの書籍は所持しています。入門書ばかりなので凝った事は出来ませんが必要に応じて本の購入も考えています。 私としては、別にサイトに必要な機能ではないのではないかとは思っているのですが出来れば要望にお応えしたいので、どなたか教えて頂ければと思います。宜しくお願いします。