フレーム位置JavaScript

StackOverflow https://stackoverflow.com/questions/397320

質問

私有するフレームに基づくwebページの3フレームに。A topliner、ナビゲーション左側にコンテンツのフレーム右側となります。

っていきたいと思っているポップアップメニューの場合、ユーザーを右クリックのコンテンツ-フレーム。がdiv-コンテナできない出のフレームの中で、私のアイデアにおいては、全体のフレーム-ページを新しいiframe.このページからの第二iframeが私のポップアップメニューです。

それで、私はこのレイアウト：

<html> (start-page)
  <iframe  (real content)
    <frameset 
      top-frame
      navigation-frame
      content-frame
    >
  >
  <iframe> (my popup-menu, positioned absolutelly and hidden by default)
</html>

私のコンテンツ-フレーム感を持つ"onmouseover"-イベントに割り当て身体ます。このイベントを開のポップアップ-iframeを現在のマウス位置にします。うち私の問題:どのマウス座標relativellyトップ-ウェブサイト（スタートページに私の案)?

現在、私はこのmouseDown-機能（作家のみ、現在もできるのではないかと考えて働FF&Coな問題に...)

function mouseDown(e)
{
  if (window.event.button === 2 || window.event.which === 3) 
  {
    top.popupFrame.style.left = event.screenX + "px";
    top.popupFrame.style.top = event.screenY + "px";
    top.popupFrame.style.display = "";
    return false;
  }    
}

ご覧のとおり、"イベントです。screenX"と"screenY"-変数は変数まで利用でないという理由によって、相対的にmainpage.

そのアイデア?

役に立ちましたか？

解決

あなただけのIEをサポートすることを計画している場合 - あなたはwindow.showModalDialogを呼び出して新しいモーダルウィンドウを使用して試すことができます。 あなたは、画面上の任意の場所に新しいウィンドウを配置することができます。

一般的には、新しいウィンドウとその時のモーダル1を使用することには、多くの欠点がありますが...

ところで - FF 3とアップもサポートwindow.showModalDialogする

他のヒント

あなたはそれがエンタープライズアプリケーションだと言う - あなたはすべての主要なブラウザをサポートする必要がある、またはIEで十分ですか。

？

IEはあなたが必要とする正確に同じように動作し機能を持っているので、私はこれを聞いてるのよ。

window.createPopup(...)

http://msdn.microsoft.com/ EN-US /ライブラリ/ ms536392（VS.85）.aspxのの

ポップアップでも、ブラウザウィンドウの外に見えるようになります！ ： - ）

それを表示するには、位置とサイズの引数を（詳細については、MSDNを参照してください）受け入れ.SHOW（...）メソッドを使用します。良いところは、あなたが簡単にデスクトップに比較的ポップアップ特定のページ要素に関連し、特定のフレーム、特定のブラウザウィンドウまたはを配置できるように、また、位置がに対する相対されているページ要素の相対への参照を渡すことができ、ありますます。

そのため切り替えフレームセット標準部レイアウトを使用。ここから始めポイントの設定 たくさんの異なるcssレイアウト.

知っていを求めることはできないとかではないが、フレームとしては多くの欠点もののポップアップメニューの問題だけに向けて発信していますたとえば、次のようになります。

  • フレームが困難なブックマークが正しくて、フレームセットは、通常のページが見える、アドレスです。
  • その非常に容易に、フレームセットを読み込みのリンクを新しいブラウザウインドウです。これはユーザーが失墜し、売上高の減少をナビゲーションやってしまいます。
  • な劣化を優雅にモバイルデバイスやテキストのみブラウザを推奨いたします。大きなプラスのためのcssレイアウトではなくてもスタイルより、彼らはまだご利用いただけます。
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top