• 締切済み

jQueryDialog　iframeで描画

jQueryDialogのiframeを使用して、３階層となるように画面を表示したいと考えています。 親 - 子 - 孫で、子と孫画面をiframeDialogを使用したいと考えております。 子のiframeを親.jspに、孫のiframeを子.jspにコーディングを行ったのですが、 孫Dialogを表示した際に子画面の裏に描画されたような状態となってしまいました。 質問１）iframeのネストに問題があるのでしょうか。 質問２）同じような画面構成をされている方はどのようにコーディングされたのでしょうか。 こちらの解決策を教えて頂けないでしょうか。

みんなの回答

  • hymat
  • ベストアンサー率58% (95/162)
回答No.1

実装がどうなってるかわかんないですが、style="z-index:2;" とか、子、孫で番号を増やしていけば良いかと？

tibimika
質問者

お礼

ありがとうございました。 解決できました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • iframeから別ページのiframeへのリンク

    iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか？ ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe Ｂ_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • topから孫フレームへのアクセス方法

    トップフレームから↓の感じでフレーム階層を作っています。 [topフレーム] ... <iframe src="子.jsp"/> ... [子.jsp] <frameset rows="50%,50%" id="ko"> 　<frame src="孫１.jsp" id="mago1"/> 　<frame src="孫２.jsp" id="mago2"/> </frameset> topフレームから「孫１.jsp」「孫２.jsp」内の要素にJavaScriptでアクセスする方法があれば教えてください。

  • Java/描画してもリサイズをしないと描画されない

    描画をしてもpaintComponent内でないとリサイズ時に消えてしまい安全じゃないことは知っていましたが、今回は逆のことが起きてしまいました。 親JPanelに子JPanelを追加(add(子))して、その後その子JPanelを消して(removeAll())別の子JPanelを追加(add(子))するとrepaint()をしても描画されません。 リサイズをすると描画されるのですが、リサイズをしなくても描画する方法があればご教示ください。 参考までに。 ゲームのタイトル画面を作るためにこの問題にぶつかりました。タイトル画面とゲーム画面を別にしようとしたためです。

  • iframe内から親ページに文字列追加

    サイト内でiframeを使っているのですが、iframe内のファイルを読み込んだとき、もしくはiframe内のリンクをクリックしたときに大元の親ページに文字列（リンク）を追加したいと考えています。 ・階層イメージ （[　]内は内容） 　　　index（親）[iframe（メイン）] 　　　　　　　　　↓ 　　　　　main（メイン）　[iframe（子）（子へのリンクがある）] 　　　　　　　　　↓ 　　　　　　　child（子）[内容] 現在このようになっています。 childを読み込んだときか、mainの子へのリンクをクリックしたときにindexのほうに文字列（リンク）を追加したいのですが、どなたか方法をご存じの方はいらっしゃらないでしょうか？ 当方はあまりHTMLには詳しいとは言えませんので、できれば具体的なタグなどで解説していただければありがたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ブラウザのウィンドウ制御についての質問です。

    ブラウザ(Netscape7.6)のウィンドウの制御について質問させてください。 お詳しい方がおられましたら、教えて頂きたいのですが・・・ 親画面・子画面・孫画面と３つのJSPファイル・３つの画面がある状態で、 若くなるほど、詳細な情報をあらわすようになっています。 親画面からリンク部をクリックすると、 子画面の新しいブラウザが立ち上がり、 その子画面のリンク部分をクリックすると、 子画面を表示していたブラウザで、孫画面(登録画面)が表示されます。 (要するに、ブラウザ自体は、親画面と 子画面又は孫画面の二つが上がった状態です) 孫画面が、登録画面で、登録を終了したあと、孫画面は閉じて、 親画面と子画面を、今孫画面で登録した内容を反映させる為 更新(再読み込み)させたいのです。 孫画面を作っているJSPファイルから、登録終了後サブミットしているのですが、 そのとき、サブミットを、親画面と子画面の両方にかけたいのです。 (同じタイミングで再表示させたい) 孫画面の<FORM>タグのACTIONのところで、カンマ区切りで、親画面と子画面を 呼ぶようにやってみたのですが、子画面は再表示されますが 親画面はピクリとも動きません。 やはり、親画面の再表示は子画面からサブミットしなければ ならないのでしょうか？ なにか、いい方法がありましたら、教えていただけないでしょうか？ 親・子画面を両方いっぺんんい再読み込みさせる方法が ありましたら、教えてください。 おねがいいたします。

  • iframe内でのスクロールについて

    iframeに関する質問です。 iframe内のみアンカーでスクロールしたいのですが、iframe含めページ全体がスクロールしてしまいます。 sampleファイルとして質問したい部分を抜粋したものを下記を記載します。 ◆index.html(親html) ◆01.html(iframe含む子html) ↓ ◆index.html <ul> <li><a href="01.html#Aarea" target="inline">子htmlのAへスクロール</a></li> <li><a href="01.html#Barea" target="inline">孫htmlのBへスクロール</a></li> <li><a href="01.html#Carea" target="inline">孫htmlのCへスクロール</a></li> </ul> <iframe src="01.html" id="inline" name="inline" width="300px" height="300px"></iframe> ◆01.html <div name="Aarea" id="Aarea" style="background:#00F; width:300px; height:300px; color:#CCC;"> <p>A area</p> </div> <div name="Barea" id="Barea" style="background:#9C0; width:300px; height:300px; color:#CCC;"> <p>B area</p> </div> <div name="Carea" id="Carea" style="background:#C36; width:300px; height:300px; color:#CCC;"> <p>C area</p> </div> これを実行した際に親であるindex.htmlもスクロールしてしまいます。 以前にも似た質問がされていましたが、対処方法が思っていたものと違っていた為質問自体重複してしまうかもしれませんが質問するに至りました。 完全にiframe内のみをスクロールさせる方法はありますでしょうか。 よろしくお願いします。

  • iframe内MENU

    ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 （別ページ作成したｃｓｓmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe>　こんな感じです。） 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。（レイアウト崩れのような感じで）　iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか？ 色々試したのですが上手くいきません。 教えて頂ければ幸いです。

    • ベストアンサー
    • HTML
  • 複数のiframeの読み込みについて

    とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、 下記の通り（コード、画像参照）ページを組んだところ、 IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。 制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。 状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。 ■■■ページの概要について 恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。 ・表示させる方のページをA.html（親ページ）、iframe内で読み込むページをB.html（子フレーム）とします。 ・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります（子フレームの方は自由です。） ・親ページも子フレームも触れるものの、この2ページは別ドメインです。（下記の例は相対パスで記述しています） ・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。 ・iframeはスクロールが出ないように高さを調節しています。 ・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、 　親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。 ・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。 ・（ページ内リンクは親ページの方に記述することも出来ます。） ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。 http://okwave.jp/qa/q1105662.html http://okwave.jp/qa/q2938546.html ■■■表示のエラーについて（サーバ上でも、ローカルでも同じような状態です。） ・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。 　（⇒ページが読み込むと同時に一番上に行ってほしいです。） ・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、 　読み込むように少しページがぶれるのですが、元の位置のままです。 ・IE11のみですが、リンクで使用している画像がぼやけて表示されます。 　（外部CSSで文字の背景に設定しています。） ■■■コードについて ◆A.html（親ページ） ※JSは使用不可です。 ※<body>は触れません。 ※B.htmlのページとは別ドメインです。 <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Baの内容--> <a name="linkAa" id="linkAa"></a> <iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bbの内容--> <a name="linkAb" id="linkAb"></a> <iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bcの内容--> <a name="linkAc" id="linkAc"></a> <iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe> ◆B.html（子フレーム） ※JSは使用可です。 <div class="pageLink"> <a name="Blink" id="Blink"></a> <ul> <li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li> <li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li> <li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li> </ul> </div> <a name="Ba" id="Ba"></a> <div>Baの内容</div> <a name="Bb" id="Bb"></a> <div>Bbの内容</div> <a name="Bc" id="Bc"></a> <div>Bcの内容</div> 以上です。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • iframeの中から、親frameのURLを操作したい

    iframeの中から、親frameのURLを変更することはできないでしょうか？ 現在、iframeの中にcgiのページを表示させてます。 このcgiから、親のURLを変更したいのです。 親Winodw、子Windowの関係なら、JavaScripを使用してこんな感じで 親URLを操作できますが、親frame、子frameの関係の場合はどうすればよいのでしょうか。 opener.location = "http://www.***.com" 宜しくお願いします。

  • iframeで呼び出した先のステータスバーについて

    iframeで呼び出した子ページがjavascriptでステータスバーに文字を表示させているのですが、 これによって親ページのステータスバーにも同じ文字が表示されてしまいます。 これを消すためにリンク先を非表示にするようなスクリプトを試しましたが効果が交互に出てくるようでチカチカして駄目でした。 このような子ページのステータスバー表示を消すことは可能なのでしょうか？ よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する