• ベストアンサー

iframe子ページから親ページへのアクション

iframe内（子ページ）の<input>をクリックすると、 親ページのアクションとして<a href="#wrap">●●●</a>の 「●●●」を押したときと同じアクションをしてほしいのです。。 <input type="submit" onclick="(function(){ window.parent.※※※※※(); }());" /> ↑みたいな感じで実現できるのでしょうか？(T_T)

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

そういえばlocationはhashをもってましたね <input type="submit" value="go" onclick="parent.location.hash='wrap'"> みたいな感じで？

yuuuuuuko_2011
質問者

お礼

ありがとうございます！ しかしすみません…現在他案件で手が回らなくまだ試行できていないのです… また試行してみます！ありがとうございました！

その他の回答 (2)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

単純に、<a href="[親ページのURL]#wrap targrt="_parent">本文</a>でよいのでは？(_topでも同じ) #はブラウザに保存されるデータなので・・

yuuuuuuko_2011
質問者

お礼

ありがとうございます！ これは<a>ではなく<input>で実行したかったんですよ。。 でもありがとうございました！

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

<input type="submit" value="go" onclick="parent.location.href=parent.location.href+'#wrap'"> みたいな感じではだめですか？

yuuuuuuko_2011
質問者

お礼

ありがとうございます！ 今やってみたのですが、うまくいきませんでした。。（T_T） これは何をやりたいのかというと、 親ページに子ページ（お問い合わせフォーム php）を埋め込んで、 <input type=submit>で入力内容確認画面へ遷移したときに画面が上に上がってほしいということなのです。。 頂いたソースでは無理でした。。 やはり <a href="#wrap">的なやり方では難しいことなのでしょうか。(ToT)

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

関連するQ&A

  • submitした後にiframeのページを戻す

    フォームからデータを送った後に前にページに戻したいのですが、何方かご教授して頂けないでしょうか？ <FORM method="POST" action="http://www.ｘｘｘ/get.cgi" target="iframe_2"><INPUT type="button" value="送信" onclick="submit();javascript:parent.iframe2.history.go(-1);"></FORM>

  • 【JavaScript】iFrame内submit

    JavaScriptで、iFrame内のFormをsubmitする方法を教えてください。 条件： iFrameに読み込むページは千差万別で、FormにIDもNameも設定されていない状況（ただし、必ずFromは１つ）で、そのiFrame内のフォームをsubmitする方法。 Form名がわからないですから、getElementsByTagName("form")[0]で呼び出すしかなさそうなんですが、 （iFrameの名前を"ifl"とします）iFrameの外に置いた空アンカーで <a href="#" onclick="parent.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としても <a href="#" onclick="document.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としてもうまく動きません(；´Д｀) どういうエラーが出てるのか知りたかったので、onclick内部を外出しして、try-catchでくくり function pushSubmit() { try { eval("parent.ifl.getElementsByTagName(\"form\")[0].submit()"); } catch(e) { alert(e); } } としてから、pushSubmit()を空アンカーで実行すると、エラーは「Error: Permission denied for <file://> to get property Window.getElementsByTagName」と返ってきます。 もう、どうにも突き当たってしまいました・・・ どなたか光明を差して下さい・・・orz

  • iframeの中から親ページをスムーズスクロール

    タイトルどおり、iframeの中から親ページをスムーズスクロールしたいと考えています。 ヘッダに <script> $(function() { var topBtn = $('#toTop'); topBtn.click(function () { parent.$('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); </script> 親ページには高さ3000ピクセルのiframeを作って、そこに読み込んでいる子ページ最下部に <div id="gotoTop"><a href="#top_page"><img src="_image/btn_top.jpg" alt="トップに戻る" /></a></div> と記述しています。 この状態で親ページをスムーズスクロールさせることができません。 事情があって、親ページ側にはスクリプトやタグを追加することができません。 親も子もおなじドメインにあります。 ["parent" $('body,html') animate]などのキーワードで検索した記事を参考に parent.$('body,html').animate を window.parent.$("body").animate や $('html, body', window.parent.document).animate に書き換えてみてもうまくいきませんでした。 どうかアドバイスをお願いいたします。

  • iframe内のページ(複数)を変更

    ページに複数のボタン(リンク)があり、それをクリックすることで同一ページ内のiframeの内容を変更させたいです。 色々なところを探した結果、 function Change() {document.ifSample.location.href="xxx.html";} と <FORM><INPUT type="button" value="変更！1" onclick="Change()"></FORM> の組み合わせで、単一ページの変更が出来るというのは判りました。 これを複数ページ用に改造するにはどのようにしたら良いでしょうか? 方法がありましたら教えてください。

  • iframe越しに文字をインプット

    クリックした文字をifame内のテキストボックスに入れたいのですが、うまく動きません。iframeの特殊な指定のしかたなどあるのでしょうか？ よくわからないところ：「parent」はとりあえず入れてみただけ。 (^^; 【sample1.htm】 <A href="javascript:function voi(){};voi()" onclick="parent.document.fm1.Title.value='やったね'">転記</A> <IFRAME NAME="Frame1" WIDTH=800 HEIGHT=500 SRC="sample2.htm" STYLE="position:absolute;top:50px;left:5px;"></IFRAME> 【sample2.htm】 <form name="fm1"> <INPUT TYPE="TEXT" NAME="sample" SIZE="12"> <form>

  • 単独で開かれたiframeを親ページに表示したい

    ブログ記事(blog1.html、blog2.html、blog3.html)を親ページ(index.html)のiframeとして表示しています。 親ページを開いた際には、デフォルトで最も新しいブログblog3.htmlが表示されるようになっています。 ブログ記事が単独で開かれた場合には、 if (window == window.parent) { location.href = "./index.html"; により自動的に親ページに導くようにしていますが、その際に開かれたブログ記事を表示したいと思います。 当たり前ですが、現在はblog3が開かれてしまいます。 どのようにしたらいいでしょうか。 以下、現在確認中のサンプルスクリプトです。 ■親ページ■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <p>index.html</p> <iframe src="./blog3.html" frameborder="2" width="300" height="100"></iframe> <div id="result"></div> </body> </html> ■ブログ1■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog1</title> </head> <body> <p>blog1.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html> ■ブログ3■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog3</title> </head> <body> <p>blog3.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html>

  • 親ページから子ページ内の操作をする iframe

    インラインフレームを用いたサンプルを作っています。 親から子へ指示を送ったら、子がそれに応じるというものです。 ローカル環境でエラーを出さずに実現するには postMessageで、どんなコードになりますか？ 【親ページ】parent.html <body style="background:bisque"> <div>parent.html 親ページです.</div> <pre> 【テーマ】親ページから子ページ内の操作をする ＜条件＞ ・ローカル環境 ・親子とも同じ場所 ・親の指示で子が応じる </pre> <iframe id="iframe2" width="500" height="160" src="./child.html"> </iframe> <div>親からの指示内容</div> <div><button onclick="func1()">書き換え１</button> 「囲まれています」を「囲まれました」に書き換える</div> <div><button onclick="func2()">書き換え２</button> 「-----」を「親から伝言あり」に書き換える</div> <script> //子に指示する関数 function func1(){ } function func2(){ } </script> </body> 【子ページ】child.html <body style="background:#eee"> <div>child.html 子ページです.</div> <p> <span id="test">ここは「id属性がtest」のspan要素に囲まれています。</span> <div id="result">output:<span>-----</span></div> </p> <script> //子が応じる関数 </script> </body>

  • 新規ウインドウから他のページにいけますか？

    JavaScriptのwindow.openでページを表示した時に小さな別Windowも表示させるようにしています。 その画面を閉じるのに <input type="button" value="CLOSE" onclick="window.close()"> をクリックすると閉じるのですが、もう一つボタンを付けてそのボタンをクリックするとTOPページに戻るようにしたいんです。 location.href = "URL";で他のページにいけるんですよね？ ボタンを表示させるには <input type="button" value="TOP" onclick="window.location.href="URL";"> でいいのでしょうか？ やってみたのですが何も動きません。 どなたかわかる方、教えて頂けないでしょうか？よろしくお願いします。

  • 別なページにジャンプさせたい

    ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form onSubmit="jump()"> <input type="submit"> </form> </body> </html> でも <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form> <input type="submit" onClick="jump()"> </form> </body> </html> でも動きません。（そのページを表示したままです） <body onload="jump()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。 よろしくお願いいたします。

  • iFrame内の変数を、親フレームの方で取得したい

    iFrame内でGoogle mapを表示しているのですが、 このGoogle mapの中心の緯度・経度を、 ハイパーリンクかフォームのボタンをクリックした時に、 次に飛ぶページへ渡したいのですが、やり方がわかりません。 どなたかお助け頂けないでしょうか。 ちなみに今まで考えられる範囲でやろうとして失敗したのは、 ○iFrame内で用いていた$mapという変数を、親フレームでglobal $mapと宣言して、参照しようとする　⇒だめでした。 ○iFrame内をjavascriptで書き、地図が動かされた時に、 POSTを利用して親フレームに送る (<form name="a" target="_parent"><input name="b" hidden="送りたい値">...として、地図が動かされた時のイベントでdocument.a.submit();としたのですが、うまく行きませんでした。 javascriptをあまり知らないため、ひょっとしたら出来るのかもしれません。) ○iFrame内にsubmitボタン/リンクを設けて、次のページに飛ぶ ⇒iFrame内に次のページが表示されてしまい、全体が切り替わらない。 どうぞ宜しくお願いします。

    • ベストアンサー
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する