- 締切済み
Iframe内のフォントサイズや文字色を変えることは可能ですか?
- みんなの回答 (1)
- 専門家の回答
みんなの回答
Java Scriptを利用して、 インラインフレーム内に読み込んだHTMLの スタイルシート設定を削除し、 別のCSSファイルを指定してやることで、 ご希望の結果になると思います。
関連するQ&A
- iframe内MENU
ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 (別ページ作成したcssmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe> こんな感じです。) 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。(レイアウト崩れのような感じで) iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか? 色々試したのですが上手くいきません。 教えて頂ければ幸いです。
- ベストアンサー
- HTML
- iframe 文字化け
ホームページ作成について iframeを使っています。フレームの中に表示するページのファイルには、 文字コードとfont-family:を指定しています。(親ファイルのスタイルシートより。) しかしフォントが反映されません。 (文字コードを変えてもダメ・文字化けは起きていません) ブラウザGoogle Chromeで「要素を検証」したところ、cssの欄でfont-family:文字化け、文字化け となっています。 何が問題なのでしょうか?iframe内でも指定したフォントを反映したいです。 よろしくお願いします。
- ベストアンサー
- CSS
- iframeを使わずに…
いつもお世話になっております。 毎度毎度申し訳ありませんが、お知恵を貸してください。 今ネットショップを作ろうとサイト作成しています。 トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。 最初、ここにはiframeを使おうと考えていました。 トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。 でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。 でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。 そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか? 以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。 もしよろしければ、アドバイスを御願い致します。
- ベストアンサー
- CSS
- iframe内のリンク文字のマウスオーバーで別のiframeに画像を出すには?
こんにちわ。 一つのページにiframeが二つあるのですが、 そのうちの一つのiframe内のリンク文字をマウスオーバーすると、もう一つのiframeに画像が表示されて、 マウスアウトすると元の画像に戻るようにしたいのですが、 そのように出来るのでしょうか? ご存知の方、いらっしゃれば、 その書き方を教えて下さい! よろしくお願いします。
- ベストアンサー
- JavaScript
- 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> これでは連番通りにいかない。 ====================
- ベストアンサー
- JavaScript
- iframe内から親ページに文字列追加
サイト内でiframeを使っているのですが、iframe内のファイルを読み込んだとき、もしくはiframe内のリンクをクリックしたときに大元の親ページに文字列(リンク)を追加したいと考えています。 ・階層イメージ ([ ]内は内容) index(親)[iframe(メイン)] ↓ main(メイン) [iframe(子)(子へのリンクがある)] ↓ child(子)[内容] 現在このようになっています。 childを読み込んだときか、mainの子へのリンクをクリックしたときにindexのほうに文字列(リンク)を追加したいのですが、どなたか方法をご存じの方はいらっしゃらないでしょうか? 当方はあまりHTMLには詳しいとは言えませんので、できれば具体的なタグなどで解説していただければありがたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- iframeクッキー指定(?)
iframeを使用しているのですが、 index.html のiframe内に a.html を、 <iframe src=a.html ~>で表示しています。 そこで、index.html 内のリンクでiframe内に b.html を表示します。 ここで更新を押すと、iframe内には a.html が表示された状態に戻ります。そこで、b.htmlを表示したままにしたいのでクッキーを使用して可能にしているのですが、 index.html 内のリンクでc.htmlを表示して更新を押した際にも c.htmlが、(c.htmlにクッキーを使用しないとb.htmlが)表示された状態になります。 b.html を表示した状態で更新を押すと、クッキーによって、b.html を表示したままにし、 c.html を表示した状態で更新を押すと、クッキーを解除し、a.html を表示する方法を教えてください!! (c.htmlのようなファイルが複数あって、b.htmlのようなファイルは1つです。) javascript超初心者ですので、サンプルなど、記載して説明してくださると助かります。
- ベストアンサー
- JavaScript
- iframeで呼び出した先のステータスバーについて
iframeで呼び出した子ページがjavascriptでステータスバーに文字を表示させているのですが、 これによって親ページのステータスバーにも同じ文字が表示されてしまいます。 これを消すためにリンク先を非表示にするようなスクリプトを試しましたが効果が交互に出てくるようでチカチカして駄目でした。 このような子ページのステータスバー表示を消すことは可能なのでしょうか? よろしくお願いします。
- 締切済み
- HTML
- 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の重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。
- 締切済み
- HTML
- iframe内からのリンク
少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい(ここでいう先頭はページ全体のトップ) ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが;よろしくお願いします。
- ベストアンサー
- HTML
お礼
ありがとうございます。 それはどのようにやるのですか?