自作プラグイン/exlink.inc.php の履歴ソース(No.6)

** 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