ブックマークレット IFRAME ユニット作成ツール

https では無いページ用です。実行したページに IFRAME のウインドウを埋め込むコードのセットを作成するツールです。URL には、js ファイルの URL を入力し、さらに IFRAME のサイズを入力して実行します。

一つ目の TEXTAREA には、ブクマークレットを登録する為のリンクの HTML コードが作成され、二つ目の TEXTAREA には、.js の中に書き込む基本コードが作成されます。( .js は UTF-8 で保存します )

js URL
IFRAME 幅 IFRAME 高さ


parent.document.getElementById("if").style.position='absolute'; parent.document.getElementById("if").style.width='$widthpx'; parent.document.getElementById("if").style.height='$heightpx'; parent.document.getElementById("if").style.left='0px'; parent.document.getElementById("if").style.top='0px'; parent.document.getElementById("if").style.zIndex=0x7FFFFFFF; parent.document.getElementById("if").style.borderColor='#000000'; parent.document.getElementById("if").style.borderWidth='1px'; parent.document.getElementById("if").style.borderStyle='solid'; parent.document.getElementById("if").style.backgroundColor='#FFFFFF'; str=""; str+="<" + "body style='margin:0;background-color:#fff;'> \n"; str+="<style> \n"; str+=" * { \n"; str+=" font-family:"; str+=" \"メイリオ\", Meiryo, \"ＭＳ Ｐゴシック\"; \n"; str+=" font-size:12px;"; str+="} \n"; str+="</style> \n"; str+="<"+"script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js\"></"+"script> "; str+="<"+"script> \n"; str+="$(function(){ \n"; str+=" loadAction(); \n"; str+="}); \n"; str+="</"+"script> "; str+="<"+"/body> \n"; document.write( str ); document.close(); parent.scroll(0,0); function loadAction() { console.log("ブックマークレット:IFRAMEユニット"); // 初期処理 }

WEB サイトをお持ちで無い方は、Google ドライブを使用できます。

Google ドライブにWEBページを作成する方法

▼ サンプル
https://b3612ccaef41231d7e34cda5ea0b9ed5af2eb17d.googledrive.com/host/0B9Jymqpro6gSVlB5Wm52U29wTlE/bml.js

ブックマークレットコード

一般的なページで IFRAME を埋め込んで Yahoo! の テレビ番組を今の時間帯より２４時間表示するボタンを表示するブックマークレット

選択文字列を Twitter の投稿画面に遷移させるブックマークレットの内容の解説

JavaScript : 通常の WEB ページにブックマークレットでアプリケーション用の IFRAME を埋め込むコード(1)

JS : 外部ファイルを使った、ブックマークレットのスケルトン

Twitter のタイムラインで特定ユーザを非表示にするブックマークレット

JavaScript で埋め込むIFRAMEのコントロール