FC2ブログ

Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

-件のコメント

[C234]

別ウィンドウの掲載ありがとうございました。
ちょっと謎になったのですが、ウィンドウサイズを指定する場合てできるのでしょうか?
できればご教授いただきたいと思います。
  • 2007-11-24
  • 投稿者 : 感謝ですと質問
  • URL
  • 編集

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

[T32] XHTMLでのtarget属性代替メモ

ぬるまゆ

BlogテンプレートのXHTML1.1化において用いた方法の私的メモ。
トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/54-b2604579
この記事に対してトラックバックを送信する(FC2ブログユーザー)

リンクを新窓で開く

海外のサイトで見つけた記事。自分用にメモ。

Much to the chagrin of Web designers everywhere, the HTML 4.0 Strict and XHTML 1.0 Strict recommendations of the W3C no longer include the target attribute of the <a> tag. The Transitional versions of the specifications still include it, but by definition, these specs are on the way out.

W3Cで定められているHTML 4.01 Strict・XHTML 1.0 Strict・XHTML 1.1の仕様ではaタグのtarget属性を含んでいません。Transitionalではまだ含んでいますが、近い将来に仕様から外されるのは間違いありません。

個人的にはtarget="blank"など強制的に制作者側の都合でtarget先を押しつけ、閲覧者の自由を奪うのはナンセンスだと思うのですが、用途を限定すれば便利である事は確かです。

しかし前述通り、HTML 4.01 Strict・XHTML 1.0 Strict・XHTML 1.1にはtarget属性が定義されていませんので、使用する事が出来ません。それを回避するのが今回の目的です。

回避方法としてDOMを使います。対応していないブラウザでは使用出来ません。IEやMozilla Firefoxなど最新のモダンブラウザであれば条件を満たしていると思います。

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;

上記内容をexternal.jsにて保存し、headタグ内で外部参照する。

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

リンク部分のタグを書き換える。

<!-- Before -->
<a href="http://www.google.co.jp/" target="_blank">Google</a>

<!-- After -->
<a href="http://www.google.co.jp/" rel="external">Google</a>

onloadイベントハンドラにてexternalLinks関数を読み込む。

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

1件のコメント

[C234]

別ウィンドウの掲載ありがとうございました。
ちょっと謎になったのですが、ウィンドウサイズを指定する場合てできるのでしょうか?
できればご教授いただきたいと思います。
  • 2007-11-24
  • 投稿者 : 感謝ですと質問
  • URL
  • 編集

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

1件のトラックバック

[T32] XHTMLでのtarget属性代替メモ

ぬるまゆ

BlogテンプレートのXHTML1.1化において用いた方法の私的メモ。
トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/54-b2604579
この記事に対してトラックバックを送信する(FC2ブログユーザー)

Appendix

AdSense

heteml

世界標準のブログソフトウェア「Movable Type」発売中!!

ロリポップならMovableType設置マニュアルも充実。あなたも月々263円でブログデビューしてみよう!!

Profile

CHOU-FLEUR

東京・名古屋を中心にWEBデザイン業をしています。個人・法人を問わずアクセシブルなサイト制作を賜ります。お気軽にお問い合わせ下さい。尚、FC2ブログに関するお問い合わせ・カスタマイズのご質問は当方でお答えする事が出来ません。予めご了承ください(有料カスタマイズ等、仕事に関する件はお気軽にお問い合わせください)。

お問い合わせ先
info@chou-fleur.net

Powered by FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。