- ベストアンサー
jsがoffのときcssを適応させたい
タイトル通りjsがoffのときのみcssを適応させたいのですが、offを検知し適応させる方法はありませんか？
- dhtfyjh
- お礼率36% (156/426)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞ これは、<head>内に記述したほうがいいですか？ <head>内に記述する方がいいですね。 ＞ また、<style> ＞ <noscript> ＞ .hoge{ ＞ } ＞ </noscript> ＞ </style> ＞ このように直接書くこともできますか？ <style>タグの中に<noscript>タグは入れられないので <noscript> <style>・・・・・ とする方がいいと思います。
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5069/13245)
<noscript> <link rel="stylesheet" href="hoge.css"> </noscript>
補足
ありがとうございます。 これは、<head>内に記述したほうがいいですか？ また、<style> <noscript> .hoge{ } </noscript> </style> このように直接書くこともできますか？
関連するQ&A
- CSSが適応されない
ジオシティーズなどのHPにスタイルシートを適応させたいのですが、適応されず困ってます。 <meta http-equiv="content-style-type" content="text/css"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> としてHPに記述してstylesheet.cssという外部ファイルを読み込ませたいのですが適応されません。 どうすればいいのでしょうか？ ご回答宜しく御願い致します。
- 締切済み
- HTML
- iframeで開かれた時だけ別のCSSを適応したい
お世話になっております。 <iframe>で呼び出したページにだけ 違うCSSを適応させる方法はありますでしょうか？ 現在iframeにてtest.phpを呼び出しているのですが このtestphpにかかるCSSを<iframe>で呼び出された時だけ 別のCSSを適応させたいと考えております。 もしこういう条件分岐が可能でしたら教えていただけたら幸いです。
- 締切済み
- CSS
- CSS @importからのスタイル適応について
CSS外部ファイルからのスタイル適応が出来ず困っています。 以下のスタイルをテーブルに適応させたいのです。 【スタイル(index.css)】 table.test{ background-color: #ffffff; } table.test td{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; } 【以下のタグに適応】 <table cellspacing="0" cellpadding="0" class="test"> <tr> <td>AAA</td> </tr> <tr> <td>BBB</td> </tr> <tr> <td>CCC</td> </tr> </table> 【スタイル入力先】index.css 【読み込み方式】<link>によるbase.cssからの@import <link rel="stylesheet" type="text/css" href="css/base.css"> 更に、base.cssから@importでindex.cssを読み込んでいる環境です。 ******************** 適応されるとテーブルの「AAA」「BBB」「CCC」に点線のアンダーラインが表示されます。 しかしindex.cssに入力してもスタイルが適応されないのです…。 （※ちなみに拡張子はPHPです。HTMLではありません） 色々試すと以下の事が判明しました。 □直接タグにスタイルを入力すると適応される □<head></head>内にスタイルを入力し、Class指定しても適応される □試しに、base.cssに入力するとスタイルが正常に適応される ■しかし、index.cssにスタイル入力すると適応されない なぜ外部CSSファイル(@importからのCSSファイル)から適応されないのでしょうか？ PHPなのが原因だったりもするのでしょうか…。 ご助力お願いします。
- 締切済み
- その他([技術者向] コンピューター)
- CSSがMacで適応されない
CSSを別ファイルで作って呼び出すようにしてhtmlを作っているのですが、一部のページでフォントのサイズをMacSafariが認識してくれません。 CSSはBODY内にベースのフォントサイズを指定(13px)し、その一部ページに<h1>で適応(13pxより若干大きめ)させようとしています。Win2機を使ってそのページを確認した所問題は無かったのですが、MacSafariで確認した所13pxどころか25pxほどのデカ文字になってしまいました。CSSが適用されていないのは分かるのですが、ブラウザの標準値（13px）よりもはるかに大きな文字になるのは記述が変な風に適応されている、という事なのでしょうか。
- ベストアンサー
- HTML
- bt_melter.jsをサイトの一部のみに適応させたい。また演算の方
bt_melter.jsをサイトの一部のみに適応させたい。また演算の方法を1種類にしたい。 という、サイト全体をマトリックス風に演算して表示させるjsがあるのですが このまま<body>タグ内にいれてしまうと、サイト全体が適応されてしまいますので たとえば #hoge というようにIDをふってそのIDのみ適応されるようにするにはどこをいじればよいでしょうか？ http://bodytag.org/bt_melter/ jsファイル本体： http://bodytag.org/bt_melter/bt_melter.js
- ベストアンサー
- JavaScript
- HTML5とCSSとJSの勉強順
Javaを始めて3週間ほどのプログラミング初心者です。 今までJavaをやってきたのですが訳あってHTML5とCSSとJSでAndroidアプリを開発する事になりました。 HTML5とCSSとJSのどれから始めるのが良いでしょうか? (今までやったことはありません) お勧めの入門書などあれば書いてもらえるとありがたいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- HTML＋CSS＋JSでのアプリ開発
HTML＋CSS＋JavaScriptでAndroidやiOSアプリを作る事は可能だと聞いたことがあるのですが、ネイティブアプリとHTML＋CSS＋JSアプリとではできることにどのような違いがあるのでしょうか?僕が今作ろうと考えているのは募金アプリですので、ネイティブアプリだと募金額の30％取られてしまうのであればHTML＋CSS＋JSで行きますが、有料アプリを出す気は無いです。長期的な事を考えたらJavaから入る方がいいかもしれないですね。あとWebページを作りたいって訳じゃ無くて、募金アプリだったらどっちの方が良いかってこととネイティブに対してHTML＋CSS＋JSでする事にどういうメリットどデメリットがあるのかって事です。長くなってしまいましたが、ご回答頂けると嬉しいです。よろしくお願いします。
- 締切済み
- JavaScript
- CGI実行環境下の.jsや.cssが動きません
環境 OS：RedhatLinux ES3 WevServer：Apache/2.0.54 Perl 5.8.0 CGIを設置しているディレクトリのなかに、JapaScriptを書いている xxx.jsとスタイルを定義しているxxx.cssを置いているのですが、 CGIを実行すると、Apacheのエラーログの中に パーミッションが755だと (8)Exec format error: exec of '/hoge/xxx.css' failed, (8)Exec format error: exec of '/hoge/xxx.js' failed, パーミッションを666すると (13)Permission denied: exec of '/hoge/xxx.css' failed, (13)Permission denied: exec of '/hoge/xxx.js' failed, が出力されてしまいます。 もちろん、JavaScriptのエラーも出てしまいます。 .jsや.cssを正常に読み取らせるにはどのようにhttpd.confを 設定すればよいのでしょうか？ ※ちなみに、CGIの実行を許可(ScriptAlias)していない ディレクトリでは.jsや.cssは正常に動いています。
- ベストアンサー
- CGI
- widthでcss,js切換可能でしょうか。
【Web製作】widthでcssやjavascriptを切換えたいです。 マルチデバイス対応のWebSiteを製作しようと思うのですが、 widthによって、cssやjavascriptを切り替えたいのですがどのようにすれば良いでしょうか。 横幅が【959px以下】の場合は【style-1.css】と【base1.js】 横幅が【960px以上】の場合は【style-2.css】と【base2.js】を適応させたいです。 htmlに <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 959px)"> <link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 960px)"> <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 959px)"> <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (orientation: portrait) "> <link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (orientation: landscape) "> と記述してもうまく動作しません。(確認は【PC】【iPhone】【iPad】です。) 私の解釈ですと、 1.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 959px)"> ↑PCの場合、ウィンドウサイズが959px以下の場合【style-1.css】 2.<link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 960px)"> ↑PCの場合、ウィンドウサイズが960px以上の場合【style-2.css】 3.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 959px)"> ↑PC以外で、画面表示サイズが最大959px以下のデバイスの場合【style-1.css】 4.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (orientation: portrait) "> ↑PC以外で、画面表示サイズが最大959px以下ではないデバイスのポートレートモードの場合【style-1.css】 5.<link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (orientation: landscape) "> ↑PC以外で、画面表示サイズが最大959px以下ではないデバイスのランドスケープモードの場合【style-2.css】 と、解釈し指定しているのですがうまく動作しません。 そしてもう一つなのですが、 widthやポートレートモード、ランドスケープモードを判別しjsを切り替える事は可能でしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- JS 違うフレームのCSSを読み替える方法
いつもお世話になります。 過去に何度も出ている質問なのですが、 どれをやってみてもうまくいきませんので、 今更ながら質問させていただきます。 JavaScriptを使用して、一つの子フレームのコンボボックスを 操作すると、もう一つの子フレームのCSSが変化する内容を 実現したいと思っています。 様々な過去ログなどを見て、自分なりに修正してみたのですが、 上手くいきません。 コードを記述いたしますので、悪い点などを指摘し、正しい答えを 教えていただければ幸いです。 以下コード －－－－－－－－－－－－－－－－ フレームセット <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title></title> </head> <frameset cols="200,*"> <frame src="menu.htm" id='menu'> <!-- ↑ここは今回は関係なし --> <frameset rows="100,*"> <frame src="top.htm" id="up"> <frame src="page0.htm" name="main1"> </frameset> <noframes> <body> <p>フレームの代替内容</p> </body> </noframes> </frameset> </html> 子フレーム(操作する側) <html> <head> <title></title> <script type="text/javascript" src="common.js"></script> </head> <body> <select onchange="changesytle(value);"> <option value="style.css">標準スタイル</option> <option value="">スタイルなし</option> </select> </body> </html> 子フレーム(操作される側) <html> <head> <link rel="stylesheet" type="text/css" href="style.css" id="mystyle"> <!-- これを操作しようとしています。 --> <title></title> </head> <body> <h1>ここの文字の色が変わります。</h1> </body> </html> common.js function changesytle(cssfile) { main1.document.getElementById('mystyle').href = cssfile; // ↑これがうまくいかない } style.css h1 { color : #ff0000; } －－－－－－－－－－－－－－－－－－－－－ 以上です。 何卒よろしくお願いいたします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます