カスタム検索パネル

カスタム検索パネル イメージここでは、よく使う検索サービスで素早く検索するブックマークレットを作ることが出来ます。 ブックマークレットを実行すると、いくつかの検索サービスのリストが付いた「検索パネル」が表示されます。
「Google」や「Yahoo」など項目テキストをクリックするとその検索サービスで検索します。また、左のチェックボックスを使って複数の検索サービスを一括で検索することも可能です。
Webページでテキストを選択してブックマークレットを実行すると、選択した文字列が検索テキストになります。また、連続検索に対応した検索結果ページを表示しているときは、検索文字列をURLから抽出してそれを検索テキストとします。

カスタム検索パネル のカスタマイズ

update: 2009-01-28

下の「利用する検索サービスを選択」でチェックした項目が、ブックマークレット実行時に項目として表示されます。あまり使わないものはチェックを外しておくとパネルがスッキリします。


Javascript ソースコードの確認

(function(){var D=document,B=D.getElementsByTagName('body')[0];

function bmlPanel(id,w,h){
 var P,F,H,X,DP,CL;

 B.appendChild( P = D.createElement('div'));
 P.id=id;
P.style.cssText='
   position:fixed;top:10px;left:10px;padding:2px;
   width:'+w+'px;height:'+h+'px;
   opacity:0.8;filter:alpha(opacity=80);background:#000;
   border:1px solid #666;
   color:#fff;font-size:12px;text-align:left;
   z-index:9998;-moz-border-radius:5px;';

 P.appendChild(H=D.createElement('div'));
 H.innerHTML = id;
 H.style.cssText='
   padding:0px 10px;
   height:20px;line-height:20px;
   color:#fff;font-size:12px;font-weight:bold;text-align:center;
   cursor:move;';
 DP=D.createElement('div');
 DP.style.cssText='background:transparent;position:fixed;top:0px;left:0px;width:100%;height:100%;';

 P.appendChild(F=D.createElement('div'));
 with(F.style){
   height=h-20+'px';overflow='auto';
   backgroundColor='#222';
   color='#eee';fontSize='11px';
   cursor='auto';
 }

 P.appendChild(CL=D.createElement('div'));
 CL.title='close';
 with(CL.style){
  border='#444 solid 1px';
  position='absolute';top="5px";left="5px";height='10px';width='10px';
  cursor='pointer';
 }
 CL.onclick=function(){
  B.removeChild(this.parentNode);
 };

 H.onmousedown=function(e){
  x=(e)?e.pageX:event.x;
  y=(e)?e.pageY:event.y;
  ox=x-P.offsetLeft;
  oy=y-P.offsetTop;
  P.appendChild(DP);
  return false;
 };
DP.onmousemove=function(e){
   x=(e)?e.pageX:event.x;
   y=(e)?e.pageY:event.y;
   P.style.left=(x-ox)+'px';
   P.style.top=(y-oy)+'px';
   return false;
 };
DP.onmouseup=function(){
  P.removeChild(DP);
  return false;
 };
 P.header=H;P.content=F;
 return P;
}


var t=''+(window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text);
 if (!t) {L=document.location.href;if(L.match(/(yahoo\.).+?.*p=([^&]+)/)||L.match(/(amazon\.).+?.*field-keywords=([^&]+)/)||L.match(/(\.wikipedia\.).+\/wiki\/([^\/]+)/)||L.match(/(youtube\.).+search_query=([^&]+)/)||L.match(/(\?.*\b)q=([^&]+)/)||L.match(/(\#search\/)([^\/]+)/) )t=decodeURIComponent(RegExp.$2);}


Es=[['Amazon','http://www.amazon.co.jp/exec/obidos/external-search/?keyword=%%'],['Google','http://www.google.co.jp/search?q=%%'],['Wikipedia','http://ja.wikipedia.org/wiki/%%'],['Yahoo','http://search.yahoo.co.jp/search?p=%%'],['Yahoo辞書','http://dic.yahoo.co.jp/dsearch?enc=UTF-8&stype=0&dtype=2&p=%%'],['Youtube','http://jp.youtube.com/results?search_query=%%'],['テキスト翻訳(英語→日本語)','http://translate.google.com/translate_t?hl=ja&sl=en&tl=ja&q=%%']];
var SP = bmlPanel('sp',200);
SP.header.innerHTML='検索パネル';
var C=SP.content,qt,tc=[],td=[],t,i,sbm,tmp;

C.appendChild( qt = D.createElement('input'));
qt.value=t;
qt.style.cssText='
	display:block;width:90%;margin:6px;border:1px solid #666;
	background:transparent;color:inherit;font-weight:bold;font-size:13px;
';

for(i=0; i < Es.length;i++){
	C.appendChild( tc[i] = D.createElement('input'));
	C.appendChild( td[i] = D.createElement('div'));
	C.appendChild( tmp = D.createElement('div'));
	td[i].url = Es[i][1];

	tmp.style.cssText='clear:both';
	with(tc[i]){
		type='checkbox';name=i;value=Es[i][1];
		style.cssText='
			float:left;	clear:left;	display:block;	margin:2px 6px;
		';
	}
	with(td[i]){
		style.cssText='
			cursor:pointer;
		';
		onmouseover	= function(){ with(this.style){fontWeight='bold';color='#ff8'}};
		onmouseout	= function(){ with(this.style){fontWeight='inherit';color='inherit'}};
		onclick	= function(){
			open( this.url.replace(/%%/,qt.value) ,'_blank'); 
		};
		innerHTML=Es[i][0];
	}
}
C.appendChild( sbm = D.createElement('button'));
with(sbm){
	innerHTML='チェックしたサービスで一括検索';
	style.cssText='
		cursor:pointer;margin:6px auto;display:block;clear:both;
	';
	onclick	= function(){
		for(i=0;i<tc.length;i++){
			if(tc[i].checked){ open( tc[i].value.replace(/%%/,qt.value) ,'_blank'); }
		}
	}
}

})()
カスタム検索パネル ←このボタンをブックマークバーにドラッグ

「カスタム検索パネル」に関連するブックマークレット

ブログでの注目度と評判(Yahoo) 詳細...

ブログでの注目度と評判(Yahoo) イメージ選択したテキストを対象に、Yahoo!ブログ検索の「注目度の推移」と「評判」のグラフをパレットに表示します。グラフをクリックやドラッグすると検索結果ページを表示します。

update: 2009-02-04

サイト内検索 詳細とカスタマイズ...

Googleのサイト内検索を使って、閲覧中のサイト内で選択したフレーズを検索します。 なにも選択せずに実行すると、Googleにインデックスされている閲覧中のサイト内のページがすべて検索されます。

update: 2009-01-06

その場でGoogle検索 詳細...

その場でGoogle検索 イメージ選択したテキストでGoogle検索した結果を、ページ移動なしでフローティングパレットに表示します。

update: 2009-01-29

その場でサイト内検索 詳細...

その場でサイト内検索 イメージ選択したテキストで現在表示中のサイト内検索した結果を、ページ移動なしでフローティングパレットに表示します。

update: 2009-01-29

Flickrで検索 詳細とカスタマイズ...

ページ内の選択した文字列をFlickrで検索します。【連続検索対応】

update: 2009-01-04

Goolge検索順位を表示 詳細...

Googleの検索結果ページで実行すると、検索結果タイトルの先頭に検索順位の番号を表示します

update: 2008-12-30

クイックイメージブラウズ 詳細...

クイックイメージブラウズ イメージ閲覧中のページから直接リンクされた画像や、ページ内の大きな画像をライトボックスっぽくブラウズします。Google Images 検索及び、Yahoo画像検索にも対応しています。

update: 2009-01-21

Google Reader を検索 詳細とカスタマイズ...

ページ内の選択した文字列をGoogle Reader で検索します。【連続検索対応】

update: 2009-01-07

Youtubeで検索 詳細とカスタマイズ...

Youtubeで検索 イメージページ内の選択した文字列をyoutubeで検索します。【連続検索対応】

update: 2009-01-13

このページをブックマーク

Top 20

クイックイメージブラウズ 詳細...

クイックイメージブラウズ イメージ閲覧中のページから直接リンクされた画像や、ページ内の大きな画像をライトボックスっぽくブラウズします。Google Images 検索及び、Yahoo画像検索にも対応しています。

update: 2009-01-21

リンク先のフルURLを表示 詳細...

リンクテキストをhttpなどから始まるフルURLに置き換えます

update: 2008-12-30

Gmailテンプレート 詳細とカスタマイズ...

Gmailテンプレート イメージGmailのメールテンプレートをブックマークレットとして保存して、ブックマークバーからいつでも呼び出すことができます

update: 2009-01-26

GoogleReaderに追加 詳細...

表示しているウェブサイトのフィードをGoogle Reader またはiGoogleへ追加

update: 2009-01-01

Evernoteでクリップ 詳細...

Evernoteでクリップ イメージ表示中のページを Evernote でクリップします

update: 2009-01-03

リンクされた画像をすべて開く 詳細...

表示中のWEBページからリンクされた画像をすべて開きます

update: 2008-12-29

外部リンク/内部リンクに色づけ 詳細...

外部リンク/内部リンクに色づけ イメージ外部リンクを赤色、内部リンクを青色、その他のリンクをオレンジ色の点線で囲みます。

update: 2009-02-08

Google Bookmarkに追加 詳細...

表示中のページをGoogle Bookmarksに追加するダイアログを表示します。

update: 2009-01-03

画像を拡大 詳細...

ページ内の画像を2倍に拡大します

update: 2008-12-31

Youtube動画をMP4でダウンロード 詳細...

Youtube動画をMP4でダウンロード イメージYoutube内の動画をPC等で扱いやすいMP4でダウンロードするリンクを表示させます

update: 2008-12-31

プラグイン要素を消去 詳細...

Flashやムービー、Javaアプレット、外部サーバーからのインラインフレームをページ上から消去します

update: 2008-12-30

リンク先URLを表示 詳細...

リンクテキストをリンク先URLに置き換えます

update: 2008-12-30

goo辞書で調べる 詳細とカスタマイズ...

ページ内の選択した文字列をgoo辞書で検索します。【連続検索対応】

update: 2009-01-13

サイト内検索 詳細とカスタマイズ...

Googleのサイト内検索を使って、閲覧中のサイト内で選択したフレーズを検索します。 なにも選択せずに実行すると、Googleにインデックスされている閲覧中のサイト内のページがすべて検索されます。

update: 2009-01-06

前のページ番号 詳細とカスタマイズ...

URLに含まれる数字の部分を1減らします

update: 2009-02-02

Google検索 詳細とカスタマイズ...

ページ内の選択した文字列をGoogleで検索します。【連続検索対応】

update: 2009-01-26

テキスト翻訳(英語→日本語) 詳細とカスタマイズ...

ページ内の選択したテキストを Google 翻訳 で英語から日本語にテキスト翻訳します。【連続検索対応】

update: 2009-01-19

サイトのトップへ 詳細...

ドメインのトップURL(普通はトップページ)に移動します

update: 2008-12-31

画像を消去 詳細...

ページ内の画像を消去し、代替テキスト(alt属性の内容)に置き換えます

update: 2008-12-30

リンクを別ウインドウでひらく 詳細...

ページ内のリンクをクリックした際、新しいウインドウで開くようにしますが、次々に新しいウインドウを作るのではなく、1つのウインドウを再利用するようにします

update: 2008-12-30

inserted by FC2 system