訪問者が訪れるすべてのウェブページにフレームをオーバーレイしますか？

Question

私は、ボタンをクリックするだけで、どのウェブサイトのコンテンツにもオーバーレイするスペースを持たせたいと思っています。例としては、Google翻訳ページhttp://translate.google.com/translate?u=about%3Ablank&hl=en&langpair=auto|en&tbb=1&ie=UTF-8があり、上部のフレームはURLボックスに入力されたウェブサイトにオーバーレイします。

私がしたいことは、Googleの翻訳のようにこのオーバーレイのようなボックスを置くことですが、浮動イメージのクリックで隠れるようにします（矢印など）。 ファイルはローカルにHDDに保存されますが、これは問題ではありません。

私はこれをどの言語で記述するのか分かりませんが、私はJavaScriptを想定していますが、これを行うために呼び出すクラスはわかりません。どんなアドバイスがお分かりですか？私は手を出すことを求めていない、正しい方向にちょうどポイント！

Answer 1

ブラウザの拡張機能を開発しているようです。クロームのためにここを見て：

http://code.google.com/chrome/extensions/getstarted.html

IE、Firefox、およびSafariのためにそれを行うには同様の方法があります。

Answer 2

フレームやiframeを使用する必要があるようです。彼らは実装とは異なりますが、あなたがそれらとやりとりする方法は非常に似ています（新しいページを読み込ませるなど）。

• http://w3schools.com/html/html_frames.asp
• http://w3schools.com/html/html_iframe.asp

あなたは、その名前またはそのIDを経由してフレームを参照するためにJavaScriptを使用することができます。

フレームについて学ぶための素晴らしいサイトがW3Schoolsのです。例：document.framename.src = 'hello.php'またはdocument.getElementById（ 'frameId'）。src = 'hello.php'。

フレームを使用する際の1つの問題は、検索エンジンがフレームを気に入らないということです。 iframeを使用している場合、検索エンジンはページを検索しますが、iframeは検索しません。

フレーム/ iframeのサイズ変更/非表示は、フレームとiframeの両方で行うことができますが、達成方法は使用する方法によって異なります。