- 締切済み
スタイルの切り替えついて
スタイルの切り替えについてのご質問です。 現在styleswitcher.jsを使用してスタイルを動的に切り替えられるページを作成中です。 ページ内にiframeを使用しているのですが、スタイルを切り替えてもiframe内のcssは同時に切り替えることが出来ません。 どなたか切り替えと同時にiframe内のｃｓｓも同時に切り替える方法をご存知の方がいらっしゃいましたら教えてください。styleswitcher.jsでなくても構いません、よろしくお願いいたします。
- tmtqn543
- お礼率25% (1/4)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- k0021
- ベストアンサー率26% (32/120)
関連するQ&A
- iframe内cssの切り替えが出来ない
ただいま、styleswitcher.jsを使用しスタイルを動的に切り替えられるページを作成中です。 そこでご質問ですが、iframeを使用しているのですが、スタイルを切り替えてもiframe内のcssは同時に切り替えられません。 どなたか切り替えと同時にiframe内のスタイルも同時に切り替える方法をご存知の方がいらっしゃいましたら教えてください。styleswitcher.jsでなくても構いませんので、よろしくお願いいたします。
- ベストアンサー
- CSS
- styleswitcherについて(ページ間での情報の維持)
現在作成しているページで、CSSが切り替えられるstyleswitcherというJavaScriptを使用したいと考えていますが、別ページに移動した際に切り替えたCSSが元に戻ってしまって困っています。 環境は、 WindowsXP InternetExplorer6.0 です。 作成は、http://www.zakimi.com/archives/2004/06/05/214447.phpに書かれている通りに行いました。 具体的には、 ●jsフォルダにstyleswitcher.jsを作成 ●cssフォルダにdefault.cssと2.cssというCSSファイルを作成 ●<head></head>内に <script type="text/javascript"src="js/styleswitcher.js"></script> <link href="css/default.css" rel="stylesheet" type="text/css" title="default" /> <link href="css/2.css" rel="alternate stylesheet" type="text/css" title="2" /> と記述したhtmlファイルを2つ(AとB)を作成 ●htmlファイルAとBの<body></body>内に、それぞれ <a href="#" onclick="setActiveStyleSheet('default'); return false;">CSS1</a> <a href="#"onclick="setActiveStyleSheet('2'); return false;">CSS2</a> と記述 ●htmlファイルAとBに、それぞれのファイルへのリンクを作成 私が実現したいのは、htmlファイルAをブラウザで表示した後、『CSS2』をクリックしてCSSファイルを2.cssに切り替え、さらにファイルBへのリンクをクリックします。この時、ファイルBにはdefault.cssファイルではなく、2.cssを適用するというものです。 現状は、htmlファイルAでCSSをCSS2に切り替えた後にファイルBへ移動すると、default.cssファイルが適用されてしまいます。 これではページ間を移動するたびにCSS2に切り替えなくてはいけなくなってしまうので、困っています。 どなたかお分かりの方がいらっしゃいましたら、お知恵をおかしください。宜しくお願いいたします。
- 締切済み
- JavaScript
- フレームの外枠を消したい HTML、CSS
<iframe></iframe> このタグを使ってページ内にフレームを作成しました。 このフレームの外枠(ボーダー？)を消したいのですが・・・。 タグ内にborder=0を入れ <iframe border=0></iframe> としましたが、外枠は消えません。 CSSも少しならわかるので、CSSを使用する方法でもいいのですが・・・。どちらにしろHTMLで作られている外枠部分を消す必要がありますよね？考え方が間違っていたらおかしなこと言ってるのかもしれません。 とにかく<iframe></iframe>タグで作成したフレームの外枠を消したい。ということで質問させていただきます。わかる方どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- アクセスごとに複数のcssファイルを順番に表示する方法
下記のサイトの様にアクセスごとに違うcssファイルを 順番に読み込む方法を探しています。 http://www.mina-perhonen.jp/ 単純にアクセスごとにランダムにcssを選ぶ方法や styleswitcher.jsの様に切り替えたcssをそのまま各ページ間で 維持する方法など、いろいろ当たってみたのですが、 １、アクセスするごとにトップページのcssを変更させ、 ２、そこから貼られたリンク先でも先のcssを維持させる。 というのがうまく出来ません。 方法はjavascriptでもcssでも、作動するのであれば問いません。 どうぞお知恵をお貸し下さい。
- ベストアンサー
- JavaScript
- スタイルシートを使用したホームページの作成について
教えて下さい。ホームページビルダー７を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに１つコンテンツを増やしたりすると、すべてのページに１つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート（css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- CGIの外部スタイルシート
お世話になっております。 CGIをIFRAMEの中にいれたところ、外部スタイルシートが反映されなくなってしまいました。 色々と書き換えて試してみましたが、反応がありません。 どのような記述を入れれば、反応するようになるのでしょうか。 index（ここにIFRAMEがあります。） ｜ cgi-binの中にcgiとフォルダー（style.cssが入ってます。) CGIのスタイルシートの指定は下記のようになってます。 print "<title>$title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"$base/style.css\"></head>\n"; スタイルシートは a { text-decoration:none; } a:hover {color:#ff0000} body,table { font-size: 10pt; } 漠然とした質問の方法ですみません。 宜しくお願いします。
- 締切済み
- CGI
- iframeについて質問です。
iframeについて質問です。 取得先のページを全体を読み込むことはできるのですが、 指定したid属性だけを読み込むことってできるのでしょうか。 css、html5で対応できれば嬉しいです。 css、html5でできない場合jsでやり方があれば教えてもらえたら嬉しいです。 よろしくお願いいたします。
- ベストアンサー
- CSS
- style要素について
Webページの作成においてスタイルシートによるレイアウトしています。スタイルシートでレイアウトを指定する時<head>タグ内に記述しますが、以下を見てほしいのです。 (1) <style type="text/css"> ～～～ </style> (2) <style type="text/css"> <!-- ～～～ --> </style> (1)と(2)を比較するとどちらの記述方法が適しているのでしょうか？ また、"<!--"と"-->"は無くても正しく反映されるのでしょうか？ 後は、"<!--"と"-->"は本当に必要なのでしょうか？ 補足）HTML4.01 Transitionalで標準準拠モードです
- ベストアンサー
- HTML
- スタイルシート（CSSスタイル）が読み込めない。
Webデザイナー修行中の者です。 社内の人が作ったホームページ。背景や線の画像を各 ページで統一するため、ソースをコピー＆ペーストして 新たなページを作ったのですが、作成の時点では線画像も 背景も表示されるのですが、ブラウザで見てみると背景も 線も出ません。 おそらくスタイルシートというもの（CSSスタイル）が 読み込めていないのだと思いますが、考えられる原因は どんなものでしょう？ 作成者に聞けばいいのでしょうが、いないので聞くことが できません。 かといって、大幅にページを変更する時間もなく、私が 作るページだけを全く別の背景等にするのも、不自然な ものになってしまいます。 業務にかかわるものですので、Webページやタグを公開 できないのですが、アドバイス、よろしくお願いいたし ます。 作成はメモ帳、またはDreamweaver4を使用しています。
- ベストアンサー
- その他（カメラ・ビデオカメラ）
- 文字サイズの大中小について
お世話になります。 今、ホームページを作成しているのですが… ホームページ上で、文字のサイズを簡単に切り替えられる様にしようと思い、探してみたところ、styleswitcher.jsというJavascriptがあったので貰ってきました。 http://alistapart.com/stories/alternate/ ここからstyleswitcher.jsをいただいてきました。 文字の大きさが大、中、小になるように.cssファイルを３つ作り、拡張子.cssはcssフォルダに、拡張子.jsはjsフォルダに分けていれています。 <head> <script type="text/javascript" src="js/styleswitcher.js"></script> <link href="css/main_small.css" rel="stylesheet" type="text/css" title="small" /> <link href="css/main_normal.css" rel="stylesheet" type="text/css" title="normal" /> <link href="css/main_large.css" rel="stylesheet" type="text/css" title="large" /> </head> という風に、ヘッダーのところにリンクを貼りました。 IE、Firefox、Opera、safari(windows用）では、動作確認が出来たのですが、ＮＮ７だけが動きませんでした。 設定を確認したところ、Javascriptを有効にするにはチェックがついていました。 設定のところでＯＫを押してから、切り替えボタンを押すと文字サイズが切り替えられるのですが、違うページに移動してしまうとその機能は動きません。 正直、Javascriptについての知識は全くなく、何がおかしいのか検討も付きません。 googleで何か情報がないか探してみたのですが、Firefoxに問題がある文章はいくつか見かけたのですが、NNに関する情報は見つけられませんでした。 各ブラウザにもいろいろ特徴があるから、動かなくても仕方ないのかな？ でも、ＮＮユーザーの為にも何とかしたいなぁと思いますし、一体どうしたら良いのか困ってます。 大変申し訳ないのですが、どなたかアドバイスをいただけませんでしょうか？よろしくお願いします。
- ベストアンサー
- JavaScript
