loading ...

リンクを別窓で開く

May 13 2008
Date:May 13, 2008 4:22 PM 今日は何の日?
Category:[Customize]
Tag:[ ]

リンクを別窓(target="_blank)で開くと・・・
HTML 4.01 Strict・XHTML 1.0 Strict・XHTML 1.1の
仕様ではaタグのtarget属性を含んでいません。Transitionalではまだ含んでいますが
近い将来に仕様から外されるのは間違いありません。と言われてしまう。

1.下記をexternal.jsで保存する。

function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")
      anchor.target = "_blank";
  }
}
window.onload = externalLinks;

2.デザイン⇒テンプレート⇒テンプレートモジュール⇒ヘッダー
 <head>~</head>内に以下のJava Scriptを記述。

<script type="text/javascript" src="<$MTBlogURL$>external.js"></script>

3.リンクのタグは、下記になります。青字が(target="_blank)

<a href="http://musashi.s201.xrea.com/" rel="external">むちゃとアプルの1日。</a>

Trackback Pings

関連記事からであればお気軽に・・・♪
ただし宣伝目的や無関係のエントリーからのトラックバックの場合は
削除させていただく場合もありますので、ご了承下さい。



 


♪トラックバックエラーによる重複はこちらで削除致しますので、削除依頼コメントは不要です。

Post a Comment

コメントをプレビュー

ご利用のブラウザ、設定ではコメントのリアルタイムプレビューはご利用になれません。

Powered by Movable Type 4.1
This weblog is licensed under a Creative Commons License.
Last Updated: December 1, 2008 3:22 PM