- ベストアンサー
iframe内cssの切り替えが出来ない
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは styleswitcher.jsは使用したことはないのですが・・・ iframe内は独立した別のページなので自身のスタイルを変えたとしても一緒には変えれません ・・・と言いたいのですが、こちらのやり方（↓）でやっているのであればやりようはあると思います http://weblibrary.s224.xrea.com/weblog/webdesign/javascript/styleswitcherjs.html iframe内のページにも<script ～>と<link ～>をいれて onclick="setActiveStyleSheet('任意のtitle'); iframe名.setActiveStyleSheet('任意のtitle'); return false;" とすれば多分できるんじゃないかな～と思います（動作未確認(Operaではこれでも無理かもしれません））
関連するQ&A
- スタイルの切り替えついて
スタイルの切り替えについてのご質問です。 現在styleswitcher.jsを使用してスタイルを動的に切り替えられるページを作成中です。 ページ内にiframeを使用しているのですが、スタイルを切り替えてもiframe内のcssは同時に切り替えることが出来ません。 どなたか切り替えと同時にiframe内のｃｓｓも同時に切り替える方法をご存知の方がいらっしゃいましたら教えてください。styleswitcher.jsでなくても構いません、よろしくお願いいたします。
- 締切済み
- JavaScript
- iframeについて質問です。
iframeについて質問です。 取得先のページを全体を読み込むことはできるのですが、 指定したid属性だけを読み込むことってできるのでしょうか。 css、html5で対応できれば嬉しいです。 css、html5でできない場合jsでやり方があれば教えてもらえたら嬉しいです。 よろしくお願いいたします。
- ベストアンサー
- CSS
- iframeで開かれた時だけ別のCSSを適応したい
お世話になっております。 <iframe>で呼び出したページにだけ 違うCSSを適応させる方法はありますでしょうか？ 現在iframeにてtest.phpを呼び出しているのですが このtestphpにかかるCSSを<iframe>で呼び出された時だけ 別のCSSを適応させたいと考えております。 もしこういう条件分岐が可能でしたら教えていただけたら幸いです。
- 締切済み
- CSS
- フレームの外枠を消したい HTML、CSS
<iframe></iframe> このタグを使ってページ内にフレームを作成しました。 このフレームの外枠(ボーダー？)を消したいのですが・・・。 タグ内にborder=0を入れ <iframe border=0></iframe> としましたが、外枠は消えません。 CSSも少しならわかるので、CSSを使用する方法でもいいのですが・・・。どちらにしろHTMLで作られている外枠部分を消す必要がありますよね？考え方が間違っていたらおかしなこと言ってるのかもしれません。 とにかく<iframe></iframe>タグで作成したフレームの外枠を消したい。ということで質問させていただきます。わかる方どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- タブの切り替えについて
こちら（http://5am.jp/jquery/jquery_ui_tabs/）のサイトを参考に JSはそのまま使用し、CSSのみ少し手を加えて、タブの切り替えを作成したのですが、 タブを切り替える度にページトップへスクロールしてしまいます。 JSに手を加えてこれを回避する方法はあるのでしょうか？
- 締切済み
- JavaScript
- iframeを使わずに…
いつもお世話になっております。 毎度毎度申し訳ありませんが、お知恵を貸してください。 今ネットショップを作ろうとサイト作成しています。 トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。 最初、ここにはiframeを使おうと考えていました。 トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。 でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。 でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。 そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか？ 以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。 もしよろしければ、アドバイスを御願い致します。
- ベストアンサー
- CSS
- iframe内MENU
ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 （別ページ作成したｃｓｓmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe> こんな感じです。） 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。（レイアウト崩れのような感じで） iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか？ 色々試したのですが上手くいきません。 教えて頂ければ幸いです。
- ベストアンサー
- HTML
- iframe内のshadowbox プレイヤー位置
こんばんわ。 iframe内でshadowboxを使って動画を再生しようと考えています。 iframeはheight1000px位の縦長です。iframe内の画像をクリックするとshadowboxが機能し、動作はするのですがプレイヤーの位置がフレーム中央に表示されロールしないと見れません。 ページの中央にプレイヤーが配置されるようにわざわざプログラミングされているのは理解できますが、なんとかこのプレイヤーの位置を調整できないものでしょうか。できればiframeページの上部に配置したいのです。 cssでやってもうまくいかず、javascriptも詳しくなく、shadow.jsのソースを見てもわかりません。 もしご存知の方がいらっしゃればお手数ですが、宜しくお願いします。
- ベストアンサー
- JavaScript
- HPの文字の大きさを変えるCSSがうまくいきません
ネット上によく出ているjsやcssを利用した文字サイズを変える方法を、ソースを取り込んでみるのですががうまくできません。 初心者なので、かわかり易く教えていただると助かります。 尚、styleswitcher.jsはダウンロード済です。 ソースは、 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="style1.css" title="style1"> <link rel="alternate stylesheet" type="text/css" href="style2.css" title="style2"> <link rel="alternate stylesheet" type="text/css" href="style3.css" title="style3"> <script type="text/javascript" src="styleswitcher.js"></script> <style type="text/css"> style1.css body {font-size: 100%;} style2.css body {font-size: 80%;} style3.css body {font-size: 120%;} </style> <title></title> </head> <body> <a href="javascript:;" onclick="javascript:setActiveStyleSheet('style2'); return false;">サイズ小</a> <a href="javascript:;" onclick="javascript:setActiveStyleSheet('style1'); return false;">サイズ中</a> <a href="javascript:;" onclick="javascript:setActiveStyleSheet('style3'); return false;">サイズ大</a> <br> <br> テスト<br> </body> </html> よろしくお願いいたします。
- ベストアンサー
- HTML
- アクセスごとに複数のcssファイルを順番に表示する方法
下記のサイトの様にアクセスごとに違うcssファイルを 順番に読み込む方法を探しています。 http://www.mina-perhonen.jp/ 単純にアクセスごとにランダムにcssを選ぶ方法や styleswitcher.jsの様に切り替えたcssをそのまま各ページ間で 維持する方法など、いろいろ当たってみたのですが、 １、アクセスするごとにトップページのcssを変更させ、 ２、そこから貼られたリンク先でも先のcssを維持させる。 というのがうまく出来ません。 方法はjavascriptでもcssでも、作動するのであれば問いません。 どうぞお知恵をお貸し下さい。
- ベストアンサー
- JavaScript
お礼
こんにちは、お返事ありがとうございました。 出来ました！！ IE・NN・FX・safariでは動作します。operaのみ動作できませんでしたが、ターゲットブラウザでは有りませんので大丈夫です。本当にありがとうございました（*^_^*）