ホームページ作成/リンクの表示・装飾 (HTML,CSS,JavaScript)

PDFへのリンクに便利。リンク移動前に確認させる方法

特定のリンクをクリックして移動する前に、移動して良いかどうか確認ダイアログを表示させてみましょう。HTMLファイルへのリンクだと勘違いして、PDFやDOCへのリンクをクリックしてしまうことを防ぐのに良いかも。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

リンク先がHTMLとは限らない

通常のウェブページへのリンクだと思ってクリックしてみたら、実はPDFファイルで、Acrobat Readerが起動してしまった……というような経験はありませんか?
急いでいるときにそうなると、腹が立ってしまう人も居そうです。

そこで今回は、リンクをクリックしたときに、本当に移動して良いかどうか確認ダイアログを表示する仕組みを用意する方法をご紹介いたします。

リンク先へ移動前に確認

次のリンクをクリックしてみて下さい。

サンプルリンク

確認ダイアログが出ましたか?
次のような確認ダイアログが表示されたと思います。

IE6でのダイアログ NN7でのダイアログ

「OK」をクリックすればリンク先へ移動し、「キャンセル」をクリックすれば何も起こりません。(移動しません)

JavaScriptで実現

JavaScriptで実現していますので、JavaScriptを無効にしているとダイアログは表示されません。 しかし、JavaScriptが無効でも、リンクそのものは有効ですから、ダイアログが出ないだけで通常のリンクとしてちゃんと機能します
ですから、安心して利用できます。

今回は、このリンクの作成方法を、仕組みと一緒にご紹介致します。

それでは、次のページへ →

  • 1
  • 2
  • 3
  • 5
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます