FC2ブログ

スポンサーサイト

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


このエントリーをはてなブックマークに追加

[XHTML 1.0 Strict・IE6/7対応]外部リンクアイコン自動挿入Script

以前仕事で作った、「外部リンクアイコン自動挿入Script」を公開します。
target="_blank"を使えないXHTML 1.0 Strictの文書型で外部リンクを別ウィンドウで開きたいと思っていろいろ検索したのですが、探し方が悪かったのかhttps://~で始まる自社サーバを除外してくれるものが無かったので自作したのがきっかけです。
ついでに外部リンクアイコンをテキストの後ろにCSSで背景画像指定したら、IE6・7でリンクテキストが複数行に渡った場合にとんでもない場所に表示されてしまう問題も一緒に解決しようとか、その他細々欲しい機能を盛りこんで全部入り(?)っぽく仕上げてみました。
似たような要望あるんじゃないかなぁ?と思うのでよかったら使ってください。

★主な仕様★
---------------------------------------------------
・外部サイトは自動的に別ウィンドウで開く(target="_blank"不要)
・「外部サイト」の判定は、「http://~」または「https://~」で始まるリンクのうち、
 自分自身のドメイン以外のもの
・外部リンクにはリンクテキストの末尾に自動的にアイコンを挿入(class不要)
・IE6/7で複数行インライン要素における背景画像の表示バグ回避のため、IE6・7のみはIMG要素を自動で挿入
・内部リンクでも意図的に別ウィンドウで開きたい場合はa要素にclass="blank"で対応。
・外部リンクにアイコンを付けたくない場合(画像からのリンク等)はa要素にclass="noicon"で対応。
---------------------------------------------------

プラグイン化はしてませんが、必要なパラメータはjs内の初期設定で変数指定できるようにしてあるので、必要に応じて変更してください。
ちなみにJavaScriptあんまり詳しくないのでかなりベタな方法で書いてます。もっとスマートなコードに書き換えられる方は是非教えてください!(切実)あと機能追加とかプラグイン化とか!そして私にください(笑)
特にこんな機能が追加されると素敵だと思います。

・アイコンを追加する場所を前か後か選択できる
・内部リンクとして認識するフルパスを複数指定できる
・画像にリンクが貼ってある時には自動的にアイコンを付けない設定にする

どなたかお願いしますm(_ _)m

★サンプル付きデータはこちら↓↓
ダウンロード





このエントリーをはてなブックマークに追加
スポンサーサイト

どんな要素でも簡単にカルーセル化「CarouFredSel」

Amazon等でよく見かける「カルーセル」表示。
jQueryで自作したりその都度仕様にあったプラグインを探して導入したりするのは大変ですが、「CarouFredSel」なら簡単な設定でどんな要素でも簡単にカルーセル化でき、大変便利です。

http://caroufredsel.frebsite.nl/

このプラグインの便利なところは、

・<ul>や<img>などの単純なHTMLソースを自動的にカルーセル化してくれる
・縦、横、秒数設定、循環/非循環、NEXT/PREVボタンの有無など、豊富なオプションが用意されている

というところです。
サイトもヘルプもすべて英語ですが、「Configration Robot」が用意されており、各項目についてチェック方式で質問に答えていけばオプション設定の記述を自動的に書き出してくれる便利なサービスもついています。

http://caroufredsel.frebsite.nl/configuration_robot.php

これは便利!
おすすめです。


このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。