情報学ブログに書くほどではないニュースネタのためのサブブログ

トップ
">ニュース
">パソコン・インターネット
">学問・資格
">情報学
">携帯・デジカメ
">日記・コラム・つぶやき
">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際 ">ニュース ">パソコン・インターネット ">学問・資格 ">情報学 ">携帯・デジカメ ">日記・コラム・つぶやき ">映画・テレビ ">経済・政治・国際
アーカイブ

hrefリンク先にフォーカスする方法

パソコン・インターネット | 2008/03/02

htmlの<a>タグでリンクを貼るとき、毎回新しいウィンドウを開く場合や、同じウィンドウで別のサイトに移動する場合は問題ないのですが、targetを指定してウィンドウを開こうと思うと、二度目以降のクリックで開いたウィンドウにフォーカスしないという問題があります。リンク先が自分で管理しているサイトの場合は、リンク先で<body onLoad="window.focus()">とすれば良いのですが、外部サイトの場合はこの手法は使えません。

一つ前の記事を書いている最中にそのことに気づいて、対処方法をネットで検索したのですが、良い記事がありませんでした。試行錯誤の結果、以下のような方法が一番良いのではないかと思ったので、検索でたどり着いた方のために紹介しておきます。

方法は簡単で、<a>タグを以下のような形式にするだけです。

<a href="[URL]" target="[ターゲット名]" onClick="window.open(this.href,this.target).focus();return false;">

これならJavascriptの知識がない人や、このブログのように<head>内に<script>タグを埋め込むことができない場合にも利用可能でしょう。Javascriptに対応していないブラウザ(特に携帯など)にも対応しなくて良いなら他の方法もありますが、全ての環境に対応させるには、上の方法が一番良いのではないかと思います。

具体的にどのような動作になるかは一つ前の記事をご覧ください。

素敵な新聞記事/ニュースな待合室
http://informatics.cocolog-nifty.com/news/2008/03/post_1110.html

はてなブックマークに追加 del.icio.usに追加 POOKMARK Airlinesに登録 livedoorクリップへ追加 @niftyクリップへ追加 Buzzurlにブックマーク newsingにピックアップ Choixに投稿 Furlへ追加 Blinklistへ追加 Redditに投稿 twitterでReTweet

固定リンク | コメント(1件) | トラックバック(0件)

コメント

利用させてもらいました。非常に助かりました~。

投稿: | 2010/07/06 17:27:45

コメントを書く

トラックバック

この記事のトラックバックURL:
(トラックバックは記事投稿者が公開するまで表示されません。)

ニュースな待合室をRSSで購読する

Googleで購読 はてなRSSで購読 livedoor Readerで購読 Bloglinesで購読 My Yahoo!に追加

その他のRSSリーダー

管理人のつぶやき