ブックマークレット(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にエスケープします。他にも変換する必要があるものがあるかもしれません。ブックマークレットは1行のみのスクリプトなので、この変換フォームを使う事で複数行のスクリプトを1行に変換することができます。これをハイパーリンクタグである<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