** exlink.inc.php [#rd958a1e] |RIGHT:100|LEFT:360|c |~サマリ|外部サイトへのリンクに矢印をつける| |~リビジョン|1.0| |~対応バージョン|1.4.4| |~投稿者|[[ありぃ]]| |~投稿日|&new{2004-11-09 (火) 20:54:44};| 外部サイトへのリンクに、[[矢印をつけます&ref(external_link.gif);>./]](こんな感じ)。呼び出されると、ページ全体に適用されます。MenuBarなどから呼び出すと便利かもしれません。 #contents **概要 [#v1aa605a] 実態は、その場所にJavaScriptのソースを書き込む((XHTMLだから外部ファイルにしなきゃいけないという話もありますが、まぁ動きますし。))だけのプラグインです。 外部サイトかどうかは、ホスト名で判別しています。例えば、hogehoge.comとfoo.hogehoge.comは別のサイト、hogehoge.com/MT/とhogehoge.com/pukiwiki/は同じサイトと判断します。 [[自作スキン/OrangeBox]]などでは、すでに組み込まれています。改めて導入する必要はありません。 **種別 [#o0602d48] コマンド型プラグイン **書式 [#q6e408c3] #exlink 引数は必要ありません。 **ライセンス? [#w952457f] -http://creativecommons.jp/licenses/by/1.0/ -改変・再配布はご自由に。 **ダウンロード & 設置方法 [#tda46fce] -&ref(exlink.inc.php.2); <= 本体 -&ref(external_link.gif); <= external_link.gif exlink.inc.phpはpluginディレクトリに放り込んでください。external_link.gifはimageディレクトリなどに保存してください。 imageディレクトリ以外の場所に保存した場合は、exlink.inc.phpの20行目付近を修正してください。 **カスタマイズ [#eb1f2daf] ***スタイル [#x0f169a1] 矢印の画像を表示するimgタグには、external_linkクラスが設定されています。CSSでの設定にご利用ください。 例 img.external_link{ margin-right:.5em; margin-left:.2em; } ***JavaScriptのソース [#r3ca9618] 以下のようなソース(実際にはscriptタグがつきますが)が出力されます。下のソースを.jsのファイルにして、スキンのheadタグ内で呼び出してもかまいません。 (横スクロールバーが出るので、適当に改行と空白を入れています) function external_link(){ var host_Name = location.host; var host_Check; var link_Href; for(var i=0; i < document.links.length; ++i) { link_Href = document.links[i].host; host_Check = link_Href.indexOf(host_Name,0); if(host_Check == -1){ document.links[i].innerHTML = document.links[i].innerHTML + "<img src=\"image/external_link.gif\" height=\"11px\" width=\"11px\" alt=\"[外部リンク]\" class=\"external_link\">"; } } } window.onload = external_link; **ご意見 [#te5e717e] -exlink.inc.phpとexlink.inc.php.1には誤りがあるので、削除してもらえればと思います>管理者の方。お手数おかけしてもうしわけないです。 -- [[ありぃ]] &new{2004-11-09 (火) 21:26:26}; -代替テキストが文字化けする可能性があります。その場合は、本体と同じ文字コードで保存しなおしてください。 -- [[ありぃ]] &new{2004-11-09 (火) 22:00:01}; -関連 : スキンにおける<meta>の出力[[dev:BugTrack/578]] -- [[でぃあばぁ]] &new{2004-11-10 (水) 03:07:02}; -ifブロックの最後に以下のコードを挿入すると別窓で開くようになりますね。make_link.phpに手を入れなくて済むのでいい感じです。 :) -- [[jitte]] &new{2005-03-11 (金) 21:51:42}; document.links[i].onclick = function () { window.open(this.href, "_blank"); return false; } --こんな感じがいいのでは?onclick追加するぐらいならtargetを追加して、いちいち関数にする事無いかと -- [[shun]] &new{2005-09-14 (水) 18:24:35}; document.links[i].target="_blank"; -backプラグインで表示される「戻る」に矢印画像が表示されてしまいます。 -- &new{2005-06-20 (月) 19:54:52}; #comment