You Look Too Cool

ブラウザ上の選択された文字列を取得する方法

JavaScriptを使って、ブラウザ上の選択された文字列を取得する方法を示します。
IEの場合は、documentに対して、「selection.createRange().text」を使うと取得できます。
Firefoxの場合は、documentまたはwindowに対して、「getSelection()」を使います。

次は選択された文字列をアラートで表示させる例です。 (さらに…)

「Twitterに投稿」用のリンクとブックマークレット

自分のウェブサイトのタイトルとURLをTwitterに投稿するための「リンク」は次のように書きます。

そして、この「リンク」を右クリックしてブックマークに登録するとブックマークレットになります。この場合は自分のウェブサイトでなくても使えます。

Twitterに投稿

自動入力のためのブックマークレットの作り方

ウェブサイトのテキストボックスに文字列をセットしたり、リストボックスの選択肢を選んだりすることがありますが、いつも同じページで同じ作業をするのは苦痛です。
ブックマークレットを使うと自動化することができます。
ここではブックマークレットの作り方を説明します。 (さらに…)

alertとpromptのどちらを使うか

ブックマークレットで、取得した何らかの結果を表示させるにはアラートまたはプロンプトを使う。

promptを使った場合は、IEならば、文字列がテキストボックスに出力され、選択状態になるので、コピーが簡単である。

ブックマークレットで目的のウェブサイトを開く方法

ブックマークレットを使って特定のページを開く場合は次のような方法があります。

同じウィンドウで開く

別のウィンドウで開く

Amazonのリンクを作成するブックマークレット

Amazonのシンプルなリンクを作るブックマークを作ってみました。
Amazonの商品ページ(単品)を開いた状態で実行すると、リンク用の文字列(HTML)が表示されたダイアログが出ます。
Firefoxで動作を確認しました。
「xxxxx-22」のところを自分のアソシエイトIDに置き換えます。 (さらに…)

HTMLのテーブルを縞状にするブックマークレット

ウェブページのテーブル、すなわち「<table>～</table>」を使って書かれたテーブルについて、1行おきに背景をグレーにするブックマークレットを作ってみました。
長い表を縞状にすることで見やすくしようというわけです。
そのページにあるテーブルすべてが対象になります。
InternetExplorer6、Firefox3で動作確認済みです。 (さらに…)

iPhoneでPicasaWebの画像を保存する方法

Twitterで「iPhoneでPicasaWebの画像が保存できない」というつぶやきがあり、「そんなはずはないだろう」と思い、やってみると確かにできませんでした。
iPhoneでは通常は画像をしばらく押していると、その画像を保存するオプションが表示されるのですが、PicasaWebではそれが出ません。
JavaScriptか何かで画像を押したときに別の動きをするように仕組まれているようです。

そこで「HTMLを解析して最初に登場する画像のURLを拾い、それをSafariで直に表示する」というブックマークレットを作りました。
これはこれですぐにできたのですが、肝心のPicasaWebで実行するとうまくいきません。
表示したい画像の前にアイコンか何かの画像データがあるためにそちらを拾ってしまうようです。

それで諦めかけたところ、Twitterで同じ人が「ブックマークレットでできた。ただし最初に拡大表示」というつぶやきをしていました。
「まあ、できたのならば、それでいいか」とも思いましたが、「途中まで成功しているので、自分なりの方法を完成させたい」と再度チャレンジ。

同じように「最初に拡大表示」をしてから、ブックマークレットを実行すると成功しました。

このブックマークレットは下のページにあります。iPhone専用です。

bookmarklet for iPhone

下はPicasaWebの画面ですが、赤で囲んだボタンを押してから、ブックマークレットを実行します。

このブックマークレットは「そのページにある画像すべて」を表示します。
私の作ったブックマークレットは「そのページにある最初の画像のみ」を表示します。
すべて表示する方が確実なのは間違いないでしょう。

次のページを開くブックマークレット

URLに数字が入っている場合、次の数のページを開きます。「test123.htm」ならば「test124.htm」が開きます。 (さらに…)

はてなハイクの通常表示とモバイル表示を切り替えるiPhone用ブックマークレット

はてなハイクにはiPhone用のページがあります。
しかしiPhoneで見ているときに通常ページが開いてしまうことがあります。
これをiPhone用ページ(モバイル表示)のURLに変換するブックマークレットを作りました。

bookmarklet for iPhone

逆にモバイル表示の時に実行すると通常ページのURLに変換されます。