• ベストアンサー

外部ＣＳＳを切り替えながらデザインを変化させるセレクトフォーム

BLUEPIXYの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

document.getElementById("changestyle").href=cssfo.csssel.value ; の changestyle を changeStyle にしてみるとどうでしょう？

tommy-t
質問者

お礼

プログラムまで詳しく見ていただき有り難うございます。このたびはご面倒をおかけし恐縮です。 さて、いろいろ試すなかで、cssfo.csssel.value ;の頭にdocument.をつけてみたらネットスケープでも動作しましたのでまずはご報告いたします。 せっかくバグを見つけていただいたのに、私の知識不足のため、ご面倒をおかけしてしまい、まことに申し訳ありません。 おかげさまで所期の目的を達成することができました。本当に有り難うございました。

この回答がついた質問に戻る
回答 全件
ベストアンサー
外部スタイルシートを読み込む時に <link rel="styles…
Javascriptを使用してやれば可能。 クッキーを使えば選択デザ…
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ホームページビルダーでの外部CSS

    ホームページ作成しています。 ど素人なりに頑張っていますが、内容が増えていくにつれ、だんだん動作が遅くなってきました。 そこで、最近「外部にスタイルシートを作る」ということを学びましたが、「div」あたりになると、さっぱり理解できず、結局「body」や「A」などのCSSを外部にするという段階にとどまっています。 もうすでに、レイアウトやデザインは決まっているので、今ある「manu」や「head」などを外部CSSに固定すれば、あとは記事を書くだけでページが作れると思うのですが…。 CSSのサイトはいろいろ拝見したのですが、レイアウトの段階になると、途中でわからなくなってしまいます。 ホームページビルダー付属のスタイルシートでは、デザインが合いません。そこで、素人にもわかりやすい、レイアウト枠としての外部CSS作成法をご指導ください。また、そのようなフリースタイルシートのソースなどがあればご紹介ください。 とにかく、外部CSSで、レイアウトを固定したいのです。 よろしくお願いいたします。

  • 外部ＣＳＳ

    XHTML文章に外部スタイルシートを適用しているのですが、他のスタイルは適用されるのに何故か背景画像(background-image：)だけが適用されず画像が表示されません！記述も何度も確認したので間違ってはいないと思うのですが・・・*(imgフォルダ、cssファイル、htmlファイルは同じ場所にあります。)記述ミス以外にこの様なことが起こるのでしょうか？起こるとすればなにが原因なのでしょうか！困っています！わかる人がいたら教えて下さい。よろしくお願いします。

  • [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故？

    Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-] 　　　｜―[Templates] 　　　｜　　　｜―[style.css] 　　　｜　　　 Ｌ―[template.dwt] 　　　｜ 　　 　Ｌ[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />

  • HPビルダーでCSSを使ってフレームごとにデザイン変更

    HPビルダー8でフレームを使って左、右下(メイン)、右上での3画面でHPを作成中です。 左・右上・右下でそれぞれ違う背景を違うデザインで使いたいと思っています。 スタイルシートを利用中なのですが調べてもよく理解できずわかりません。 今はビルダーのスタイルシートの細かい指定方法がわからないので直接 手打ちでCSSファイルにメインページのデザインを入れて、 左・右上のフレームページはheadタグ内に個別に入れています。 できれば作業が簡易化できるようにフレームごとに違うデザインのCSSを それぞれ適用させたいとおもうのですが具体的な方法を教えていただけますか？ CSSファイルなどを直接いじる方法でもHPビルダーの機能を使う方法でもどちらでもかまいません。 CSS系のサイトは一通り見てみたのですがさっぱりわからないので 具体的に記述例を教えてくれると大変ありがたいです。よろしくおねがいします。 CSSファイルの記述(一部) body{background-image : url(../○○.jpg);} 左ページの記述 <head> <STYLE type="text/css"> <!--body{background-color:#ffffff}--> </style> </head> 右上ページの記述 <head> <STYLE Type="text/css"> <!--body{background-color:#808080}--> </style> </head>

  • ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる

    ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる機能をつけたいと思い、 http://allabout.co.jp/gm/gc/23930/5/ の通りに記述しました。 しかし、このように記述したページのみスタイルシートの変更ができたのですが、リンク先に飛ぶとスタイルが標準設定に戻ってしまい、再び選択をおこなわなければなりませんでした。 構成は、 index.html index2.html mystyle.css mystyle2.css となっており、index.htmlとindex2.htmlにそれぞれ、上のホームページの通り記述しました。 (何も選択していない状態では、mystyle.cssが適用され、mystyle.cssとmystyle2.cssを選択できます。) リンク先に飛んでも、選択したスタイルを維持することはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • dreamweaverでCSSを作成したい！

    MacromediaのDreamweaverでWebデザインをしています。 DWの機能を使ってCSSを作成したいのですが、 作ったCSSがCSSスタイルのウィンドウに反映されないのです。 カスタムスタイルを作成したいのですが、 適用したい文字を選択して、CSSウィンドウ上の適用したいスタイル名をクリックすれば適用できる、はずなのに、 CSSウィンドウ上にどうやっても反映されません！ どうすればよいのでしょう…。

    • ベストアンサー
    • CSS
  • 要素にスタイルシートを外部ＣＳＳにて指定する方法

    外部運営で、間借りしているサイトを使用しています。（主の部分は、運営会社のみが変更可能） 自分でＣＳＳを変更できないので、例えば、テキストリンクにスタイルを適用す場合、直接記述ができるようなのですが、 <a style="color: red; text-decoration: none;" target="_blank" href="url">ABCD</a> これを、直接スタイル記述ではなく、自分のサイトで作った外部ＣＳＳにリンクさせ、適用させたいと考えています。 ID name属性　Title属性　content type属性　スタイルシートクラス　リンクcharset属性とスタイルシート欄が存在します。（上記の例は、最後のスタイルシートの欄に入れると上記のようなソースになりました。） 上記の中で、何か利用すれば外部CSSのリンクできるのでしょうか。

    • ベストアンサー
    • HTML
  • CSSを適用…させない！

    ちは！ さてさて～スタイルシートで、たとえばページ内のtableすべてにスタイルシートを適用させるため書くのは TABLE{ うんぬん } ですが！この状態で、ページ内の数個のtableにはこの「うんぬん」を適用させたくない！ だからって、適用させたいtableにclassを設定しテクノは面倒だ！ そこで！、適用させたくない数個のtableに、「TABLE」に対してのstyleは適用させない！っていうclassを書く。 そんなCSSありますか？(わかりにく・・・い・・・) とりあえず、「ここは適用しなくていいよ」っていうCSSありませんかね？探してもないものはないんでしょうか・・・

    • ベストアンサー
    • CSS
  • 外部ＣＳＳをかくには。

    ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部ＣＳＳでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY { 　letter-spacing:7px; 　line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。

    • ベストアンサー
    • HTML
  • DreamweaverMX2004 外部CSSへの相対アドレスについて

    WindowsでDreamweaverMX2004 ver7.1を 使っているのですが、外部CSSへリンクを張って 読み込ませる際にいつも相対アドレスの先頭に スラッシュ(同フォルダ内にCSSとHTMLがある場合 /css)と なり、F12を押してできるプレビュー画面では問題無い ものの実際に見てみるとスタイルが適用されていません。先頭のスラッシュを手打ちで削除してやれば解決はするのですが・・・。 これはDreamweaverMX2004のバグなのでしょうか？ もしくは、設定で変更できるのであれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する