ブックマークレット(Bookmarklet)作成補助フォーム


■動作ブラウザ　【 IE:5.0　 NN:6.0　 Safari:1.0】
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 6.0 7.0 2.x 1.0 1.1 1.2
Windows × ？ - ○ ○ ○ × × × × ○ ○ ？ ？ - - - -
Macintosh × × × ○ - - × × × × ○ ○ ？ ？ ？ ？ ？ ○
UNIX - - - - - - × × × × ○ ○ ？ ？ - - - -

説　　明 ブックマークレット（Bookmarklet）を作成する場合にスクリプト作成の補助をする入力フォームです。入力フォームの変換前のコード部分に普通に改行されたJavaScriptを入力します。変換する、というボタンを押すと改行コードを削除し空白を%20にエスケープします。他にも変換する必要があるものがあるかもしれません。ブックマークレットは１行のみのスクリプトなので、この変換フォームを使う事で複数行のスクリプトを１行に変換することができます。これをハイパーリンクタグである<a>のhref属性に記述すればブックマークレットのできあがりです。
サンプル <html>
<head>
<title>Bookmarklet作成補助フォーム</title>
<script language="JavaScript"><!--
function makeBookmarklet(fObj)
{
srcText = fObj.codeArea1.value;
dstText = srcText.replace(/[\n\r]/,"");
dstText = "javascript:"+dstText.replace(/ /g,"%20");
fObj.codeArea2.value = dstText;
}
// --></script>
</head>
<body>
Bookmarklet作成補助フォーム<br>
<form>
変換前のコード：<textarea cols="40" rows="5" name="codeArea1"></textarea><br>
<input type="button" value="変換する" onClick="makeBookmarklet(this.form)"><br>
変換後のコード：<textarea cols="40" rows="5" name="codeArea2"></textarea><br>
</form>
</body>
</html>
補足説明 なし

■サンプルスクリプトを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!
写真素材 PIXTA