Regular Expression

正しいURL構文かどうかをチェックするものではなく、文章中にURLが含まれるかどうかを調べるための正規表現について。

続きを読む

アンカーのhrefに含まれる拡張子やスキームに応じたアイコンを表示するっていうのはCSSでよくあるけど、
ドメインに応じてfaviconと同じアイコン表示するのは見たことがない。

どこのサイトか判別するなら大体こんなパターンが考えられる：

• www.sitename.com …　真ん中にサイト名
• sitename.com　…　先頭にサイト名
• service.sitename.co.jp　…　サービス名＋サイト名
• site.name　…　ドット無くすとサイト名

その理屈をjavascriptの正規表現でやっつけてみたのが次のソースです。

var TextlinksAddClass = function(target,title){
this.target = target || document;
this.title = title;

this.start = function(){
var anc = this.target.getElementsByTagName(“a”);
for(i=0; iView Demo »

del.icio.usみたいなドット無くすとサイト名になるものは判別してない。

上記はアンカーにclassとtitleを付与するものですが、改変して
createElement(“img”)やstyle.backgroundでclass+’.png’とかすれば自動的にアイコンの挿入が出来る。
アンテナサイトとかで使えるかも。

続きを読む

正規表現によるマッチング。location.hrefにmach()使ってドメイン部分を取り出す。

• http://www.google.co.jp/ →　www.google.co.jp
• http://example.com/　→　example.com
• file:///D:/→　D
• http://localhost/hoge/index.html　→　localhost
• http://127.0.0.1:8000/　→　127.0.0.1　

※表示の都合上、全角の「？」が混じっているので注意

var str = "http://www.google.co.jp/";
var domain = str.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):？[0-9]*?\//i)[1];
alert(domain);

変数domainは配列になり、domain[0]にはプロトコルからドメイン後ろのスラッシュまで、
domain[1]にはドメイン部分のみが格納されます。
変数strをlocation.hrefにすると、表示しているページのURIがマッチング対象になる。

続きを読む