Safariでiframe内のリンクに飛びびたい！

前へ 次へ
このQ&Aのポイント
  • Safariでの空メール起動に関する問題と解決方法
  • Safariでのiframe内リンクのメーラー起動について
  • Safariでのメーラー起動の実現方法
回答を見る
  • ベストアンサー

Safariでiframe内のリンクに飛びびたい！

iframeを使って、自分のHPに他の人のページ（以下、相手先）を設置したいと思っています。 相手先のページにはボタンが設置されており、タップすると空メールを送信する画面（メーラーが立ち上がる）が表示されます。 iPhoneでみたときに、chromeでは正常にメーラーが起動します。 しかしSafariだと、何も反応しません。 iframeを使わずに、相手先のページ上でボタンをタップすると、空メールを送る画面が表示されます。 Safariで閲覧した際に、空メールを送るためにメーラーが起動するようにするにはどうすればよろしいでしょうか？ ちなみにソースは、 <iframe width="360px" height="600px" src="http://～" scrolling="no"></iframe> 教えて下さい！

  • myktk
  • お礼率52% (338/648)
  • HTML
  • 回答数1
  • ありがとう数2

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

  • ベストアンサー
  • Proof4
  • ベストアンサー率78% (151/192)
回答No.1

おそらくSafariの仕様で（セキュリティ上）メーラーが起動しないようになっているのではないでしょうか。 そもそも、iframeを使って別のサイトのボタンを自サイトに表示させ、閲覧者にタップさせることがいかがなものか考える必要があると思います。単純に相手先ページに対してリンクを貼るのではダメなのでしょうか。

参考URL：
http://noumenon-th.net/programming/2016/02/20/clickjacking/
myktk
質問者

お礼

ありがとうございます！ 説明が下手で申し訳ありません。 相手先のサイトを表示させて、その中に複数の選択肢があり、その一つにメーラーを起動させるボタンがある感じです。 セキュリティの問題だとすると、解決する方法は無いということでしょうか？

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

関連する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の重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • iframe内リンクをiframe外に表示する方法

    楽天のショップでiframeを使ってページ作成をしようと思っているのですが、 iframe内にリンクを貼るとiframeの中だけでリンク先に飛ばれて、iframeの外側には反映されません。 iframeの中の<iframe src="http://www.rakuten.ne.jp/gold/●●.html" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="980" height="280"> この中のhtmlには<base target="_top">としているのですが、それでも全体のページには反映されず ifame内だけで展開してしまいます。 通常であればこれで問題ないと思うのですが、楽天の中だと規制がかかり失敗してしまいます。 素人でお見苦しい点もあると思うのですが、よろしくお願いします。 ちなみに参考にしているページはこちらになります。 http://www.rakuten.co.jp/cocoa/ よろしくお願いします。

    • ベストアンサー
    • HTML
  • iframeからのリンクでスクロールさせるには

    scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 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があります。 IFRAMEの中のページにSELECTのプルダウンメニューがあります。 そのプルダウンメニューからONCHANGEでリンクするのですが、その リンク先ページを現在開いている親の画面とは別の画面に出したい のです。テキストリンクだとtarget="_blank"でできるのですが、 SELECTだとどうしても親画面と差し替えになってしまいます。 やってみたコードは parent.location.href="[オプションのVALUE]"; なのですが、これでうまく行きません。 どうすれば、別画面でリンクできるのでしょうか。 よろしくお願いいたします。

  • ホームページを作っています、ページ内にiframeで他のページを表示さ

    ホームページを作っています、ページ内にiframeで他のページを表示させています。 IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が できるのですが、Firefoxだとスクロールバーが出ません・・・ どなたか表示させる方法をご存知でしたら教えてください。 以下HTML記述 <iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe> CSS記述 #iframe4{ border-width : 0px 0px 0px 0px; margin-left : 0px; width : 420px; height : 490px; padding-top : 0px; overflow : hidden; margin-top : 0px; margin-right : 0px; margin-bottom : 0px; padding-bottom : 0px; }

    • ベストアンサー
    • HTML
  • iframeのリンク先の表示について

    こんにちは、先日iframeについてこのページでお世話になりました。 先日の質問は解決したのですが、また問題が発生しまして、色々自分で試してみましたがダメなので宜しくお願いいたします。 あるページの左側（200pxほど）に縦長にメーニューを作ろうとしています。そのメニューを別のhtmlファイルで作って、インラインフレームで呼び出して表示しています。 現在、表示するところまではできたのですが、ブラウザで表示してメニュー内のリンクを貼っているところをクリックすると、左側200pxほどの部分しか表示されません。つまりインラインフレームを挿入したエリア内だけで表示されてしまいます。 何が原因なのでしょうか？ 表示先の画面一杯、つまりページごと？？リンク先に飛んで欲しいのですが、どこをどうすればいいのか自分では限界かと思い質問させて頂きました。 説明がわかりにくいかも知れませんが宜しくお願いいたします。

  • SafariのIframeで高さが取得できません

    <script language="JavaScript"> <!-- function frame_check(){ if(main.document.body){ if(navigator.userAgent.indexOf("Opera") != -1){ // 文字列に「Opera」が含まれている場合 var f = main.document.body.scrollHeight; } else if(navigator.userAgent.indexOf("MSIE") != -1){ // 文字列に「MSIE」が含まれている場合 var f = main.document.body.scrollHeight; } else if(navigator.userAgent.indexOf("Firefox") != -1){ // 文字列に「Firefox」が含まれている場合 var f = main.document.body.offsetHeight; } else if(navigator.userAgent.indexOf("Netscape") != -1){ // 文字列に「Netscape」が含まれている場合 var f = main.document.body.offsetHeight; } else if(navigator.userAgent.indexOf("Safari") != -1){ // 文字列に「Safari」が含まれている場合 var f = main.documentElement.offsetHeight; } if(f) document.getElementById("frame_set").height=f+20; setTimeout("frame_check()",100); }else{ setTimeout("frame_check()",100); } } setTimeout("frame_check()",10); --></script> <iframe name="main" id="frame_set" src="mainf.html" width="800" height="4000" frameborder="0" scrolling="no"></iframe> 上記のスクリプトを作成しましたが、IE7、 Firefoxではうまくいきますが、SafariではIframeに表示するページの高さが取得できません。 どこが問題なのかご教授お願いいたします。

  • facebookいいね html5かiframeか

    facebookの「いいね」ボタンの設置する際の埋め込みコードについてお尋ねします。 html5かiframeか、どちらの方が表示が速いのでしょうか？ あるサイトでは 「html5用のコードも結局はjavascriptでiframeのコードを吐き出しているのでiframeの方が速い」 と言う意見も見ました。 ページのコードはhtml5で作成しておりますので、 どちらにも対応する事が出来ますが、 少しでも早く表示したいと思っています。 ご意見を頂けますよう、お願い致します。

  • iframe ピンポイント表示

    <body> <iframe width="235" height="100%" src="http://～"> </iframe> </body> （詳細略） このままだとＵＲＬ先のページがフレームの左と上に合ってしまい、 スクローラーバーが縦横に出ます。 これをＵＲＬ先の特定の部分が表示されるようにするためには、 どのようにすればよいでしょうか？ 例えば、ＵＲＬ先の上から 100px 左から 100px の部分を、 フレームの左上隅にピタット合わせて表示したいという感じです。 相手先に<a name=""></a>でもあればそこに合わせられますが、 当然私側からはできません。 スクローラーバーを出ないようにできれば、尚いいのですが・・。 よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する