通常はこのような手順は必要無いのですが、ブックマークレットを使ってページ内のセキュリティの制限なしに IFRAME を追加作成して、元のページのアクセスに jQuery を使いたい場合です。 任意のページに追加機能(ページをリロードすると失われます)を付け加えたい場合、ブックマークレットを使用しますが、ブックマークレットの中に書けるコード量はかなり制限があるので、ブックマークレットから iframe を about:blank で作成して、その中にスクリプトを外部から読み込んで(http ページからは http、https からは https である必要があります)利用します。 ※ 実際は iframe 内の document に対して スクリプト要素を document.write します 画面作成は、読み込まれた外部 JavaScript 内で作成します。画面作成は、JavaScript(DOM) のみでも可能ですが、一般的にクロスブラウジングの必要の無い HTML コードを iframe 内で document.write して作成します。 ※ HTML を document.write したほうが画面定義としての可読性が良くなります しかし、親ページに対して加工を加える場合は、DOM を使う必要があります。( document.write は、ページロード時にしか使用できません ) よって、親ページに対する jQuery のインストールは、以下のようなコードになります
<script type="text/javascript"> if ( !parent.jQuery ) { (function() { var x = parent.document.createElement("script"); x.setAttribute( "src", "//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ); parent.document.body.appendChild( x ); })(); } </script>
※ 無名関数を使っているのは、x という変数をグローバルに定義しない為です。 関連する記事 手ブロのハートデータの左上 16x16 ぶんを Galleria でハート送信できるブックマークレットブックマークレットから、ページ中央に固定する IFRAME ウインドウを作成する
![]()
|
【jQueryの最新記事】
- clipboard.js で、2種類のクリップボード処理オブジェクトを作成して使い分ける
- 一般的な PHP のアップロードページに対して jQuery の $.ajax でファイルをアップロードする
- jQuery の $.ajax で JSON 文字列を WEB より取得して TABLE を作成する
- jQuery で DIV の中の DIV を縦横中央に配置する
- jQuery で ページ内の画像のリンク切れを探してテーブルに URL を表示する
- クリックした入力フィールド以外をブラックアウトする jQuery プラグイン
- FORM の内容を localStorage に保存する jQuery プラグイン
- tableMagic : 単純に JSON から TABLE、TR、TH、TR、TD を作成する jQuery のプラグイン
- 滑らかなスクロール(scroll bar)を提供する jQuery プラグイン jQuery.NiceScroll
- jQuery : F1 キーでヘルプを起動させないようにする
- jQuery プラグイン jquery.balloon.js に jQuery UI を追加してバルーン毎に違ったアニメーション効果を設定する
- jquery.balloon.js で、balloon をメッセージ表示に使う( ゲーム等で使う為 )
- jQuery プラグイン jquery.balloon.js で複数バルーンにそれぞれ別のコンテンツを設定する為には、.each を使う
- jQuery プラグイン jquery.balloon.js を使用する『画像バルーン』の処理 (Excel で作成した吹き出し)
- jQuery プラグイン jquery.balloon.js の外部からのコントロール
- NAVER : Image*After の城と教会編
- jQuery で書かれた、幻想的な動く星座のようなシーン
- jQuery の addClass で、CSS で作成するサイフの出来上がる過程を見れるようにしました
- jQuery/JavaScript でフルスクリーンAPI( スクロールしないし、こりゃあ、WebGL の為にあるような・・・ )
- CSS transition : jQuery の addClass と removeClass で変化を付ければいい。いや、これが一番よさそうだ。