Home > JavaScript > ブックマークレット作成その1(JavaScript)

ブックマークレット作成その1(JavaScript)

JavaScriptを使ったブックマークレットシステムが昨今流行っていますね。
JavaScriptの勉強もかねてこのブックマークレットシステムを使って何かを作ってみようかと思います。

とりあえずブックマークレットは、どういうものかと言いますと。
JavaScriptをお気に入りに登録してもらい、そのスクリプトを使って現在見ているHP
に関する情報を拾いだしてサービスに使うというものです。

有名なところでは・・・
はてなブックマーク
Livedoor クリップ

この2つは今見ていたページのURLを取得して、そのURLに大してタグ付けをして各サーバーで管理をしているものです。
こんなサービスを作るならまずは、「お気に入りを押したらURLを取得する」という動きをするJavaScriptを作る必要があります。

で!
まずは、どうやって文字列を取得するのか。
今回は、現在見ているURL+コピーしている文字列+範囲選択している文字列を取得するJavaScriptを公開。


javascript:var d=document;var tx=d.selection?d.selection.createRange().text:d.getSelection();location.href='取得先URL
?param='+encodeURIComponent(location.href)+'&sel='+tx+'&p='+clipboardData.getData("Text");

取得先URLで、GETで受け取ればOKです。

param : 見ていたURL
sel : 範囲選択した文字列
p : コピーしている文字列

このブックマークレットのためのプログラムで面白いところは文字数制限があるところ。
どうにかしてうまくプログラミングをする事が鍵だと思います。

これを使ってなんか面白いプログラムを作ってみるかな・・・?

[tags]ブックマークレット,JavaScript[/tags]

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://manjiro.net/archives/28/trackback
Listed below are links to weblogs that reference
ブックマークレット作成その1(JavaScript) from デジタル料理人 - Webプログラマコンサル屋 -
pingback from デジタル料理人 - CakePHPで一風変わったブックマークレットシステムを作り始めました。そ 08-04-03 (木) 17:22

[...] デジタル料理人:ブックマークレット作成その1(JavaScript) [...]

Home > JavaScript > ブックマークレット作成その1(JavaScript)

カテゴリー
blog chart
検索くん

Return to page top