• ベストアンサー

iframe内をクリックさせない方法ありませんか?

いつもお世話になっています。 タイトルの通りなんですが、 iframe内をのリンクなどをクリックさせない方法ってありますか? 条件として、iframe内のページはソースを触ることができません。 jsなどが絡む場合オープンソースがあれば助かります。 よろしくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

#1です。 z-indexプロパティでiframeと透明画像を重ねる。 iframe{ position: absolute; top:〇〇px;left:**px;z-index:0; } #image{ position: absolute; top:〇〇px;left:**px;z-index:1; } iframeにスクロールバーが表示されてたらその分画像を小さくする(だいたい15pxぐらい) 透過画像を使うのでIE6には効きませんが…

errorman
質問者

お礼

遅くなって申し訳ございません。 試行錯誤の上ようやく実現できました! ありがとうございました!

その他の回答 (1)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

iframeの大きさ分の透明画像を上に重ねてみては?

errorman
質問者

補足

回答ありがとうございます。 もうちょっと具体的に教えていただきたいのですが、どういうことを調べればよろしいでしょうか?

関連するQ&A

  • JavaScript 配列とiframe

    カテゴリを誤って投稿してしまいました。 インラインフレームを二つ(iframe1,iframe2)用意し、jQueryにてクリック出来るようにしたdiv要素のクリックで、それぞれのリンク先をJavaScriptの配列に収めた連番通り、1,2,3,4…htmlと表示させたいのですが、二つの配列を使用すると連番通りに表示されなくなります。(一つの配列使用では連番通りに表示されます。) 1クリックで、iframe1にはiframe1link1.htmlの表示、iframe2にはiframe2link1.htmlの表示。クリックごとにlink2,link3と順番どおりに表示する、これを可能にするお知恵を拝借したいと思い投稿させて頂きます。よろしくお願いいたします。 ================ (JavaScript(1)iframe1.js) var URLs=new Array(); var cnt=0; URLs[1]="iframe1link1.html"; ******* URLs[10]="iframe1link10.html"; function Jump1(){ cnt++; if(cnt==11) {cnt=0;} iframe1.location.href=URLs[cnt]; } ================= (JavaScript(2)iframe2.js) var URLs=new Array(); var cnt=0; URLs[1]="iframe2link1.html"; ******* URLs[10]="iframe2link10.html"; function Jump2(){ cnt++; if(cnt==11) {cnt=0;} iframe2.location.href=URLs[cnt]; } ================ (HTML) <!doctype html> <link rel="stylesheet" href="./css/style.css" type="text/css"> <script src="iframe1.js"></script> <script src="iframe2.js"></script> <title>sample</title> <div id="container" class="div" onclick="Jump1();Jump2()"> <div id="main"> <iframe src="./iframe1link0.html" id="iframe1"></iframe> <iframe src="./iframe2link0.html" id="iframe2"></iframe> </div> </div> これでは連番通りにいかない。 ====================

  • iframeからのリンクでスクロールさせるには

    scrollsmoothly.jsを使用させもらっています。 iframe内にtarget="_top"でリンクを設置。 ※リンク先はiframeを表示しているページ内へのアンカーリンクです。 iframeでscrollsmoothly.jsを読み込んでもスムーズスクロールされません。 iframeが表示されているページに読み込んでも同じです。 target="_top"を外せばフレーム内でスクロールするのですが、 フレーム内でリンクさせたいわけではないので、どうしてもこれを外せません。 iframe内からのアンカーリンクでスムーズスクロールするにはどのようにすればよいでしょうか。 よろしくお願いします。

  • iframeを使わずに…

    いつもお世話になっております。 毎度毎度申し訳ありませんが、お知恵を貸してください。 今ネットショップを作ろうとサイト作成しています。 トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。 最初、ここにはiframeを使おうと考えていました。 トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。 でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。 でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。 そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか? 以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。 もしよろしければ、アドバイスを御願い致します。

    • ベストアンサー
    • CSS
  • 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 B_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • iframeに追記はできますか?

    JavaScript iframeに追記はできますか? タイトルのとおりです。 インラインフレームのページと インラインフレーム内のページは 同じ場所にあって、ローカル環境です。 要は、1つのiframe内に2つのファイルを入れられるか? ・HTMLファイルを1つ追加する ・JSファイルを1つ追加する くわしい情報をご存じの方、ご教示お願い致します。

  • <iframe>~</iframe>内のwindow.open

    どなたかご伝授ください。 例: 1.htmlの中に<iframe>~</iframe>で、2.htmlを表示したとします。その2.htmlの中には<iframe>~</iframe>で3.htmlを表示させます。 この場合、3.html内のリンクボタンを押した時に別ウィンドウで開かせるwindow.openは、どのhtmlに記述するのでしょ? 1~3.htmlそれぞれに書いてみたんだけど、エラーが出てしまします。 教えて下さい!

  • iframe内MENU

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

    • ベストアンサー
    • HTML
  • リンクをiframeまでジャンプしてHPを表示

    ページ上部に外部リンクがいくつかってあって ページの下部にiframe ページ上部の外部リンクをクリックすると ページ下部のiframeにウェブサイトが表示されて ページ下部のiframeまでジャンプする用にしたいですが 何か方法はありますか!? ――――――――――――――――――――――― |                                          | ・Gmail | ・Yahooメール                                    | ・Twitter | ・Facebook | ・ | ・ | ・ | ・ | ・ | ・ | ・      ~~~~~~~~~~//~~~~~~~~~   | ・ | ・ | ・ | ・ |  ――――――――――――――――――――― | | (iframe)   | | | | | | | | |  ――――――――――――――――――――― |  ――――――――――――――――――――――

  • iframe内のshadowbox プレイヤー位置

    こんばんわ。  iframe内でshadowboxを使って動画を再生しようと考えています。 iframeはheight1000px位の縦長です。iframe内の画像をクリックするとshadowboxが機能し、動作はするのですがプレイヤーの位置がフレーム中央に表示されロールしないと見れません。  ページの中央にプレイヤーが配置されるようにわざわざプログラミングされているのは理解できますが、なんとかこのプレイヤーの位置を調整できないものでしょうか。できればiframeページの上部に配置したいのです。 cssでやってもうまくいかず、javascriptも詳しくなく、shadow.jsのソースを見てもわかりません。 もしご存知の方がいらっしゃればお手数ですが、宜しくお願いします。

  • iframe内cssの切り替えが出来ない

    ただいま、styleswitcher.jsを使用しスタイルを動的に切り替えられるページを作成中です。 そこでご質問ですが、iframeを使用しているのですが、スタイルを切り替えてもiframe内のcssは同時に切り替えられません。 どなたか切り替えと同時にiframe内のスタイルも同時に切り替える方法をご存知の方がいらっしゃいましたら教えてください。styleswitcher.jsでなくても構いませんので、よろしくお願いいたします。

    • ベストアンサー
    • CSS