(1)index.html
(2)「index.html」以降のページのフォルダ(の中にhtml)
(3)css.js
(4)cssファイル
を同じ階層に置いています。
htmlには<SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT>
と書かれており、css.jsファイルからcssファイルを読み込み
htmlにcssが適用されてるように設定されています。
この階層のhtmlにはcssが反映されるのですが
(2)のフォルダの中のhtmlにとってはcss.jsの階層は一つ上になるのですが、
<SCRIPT LANGUAGE="javascript"src="css.js"></SCRIPT>
と書いてもcssが反映されません。
srcの指定を正しくするにはどのように記述したらいいのでしょうか?
<SCRIPT LANGUAGE="javascript"src="../css.js"></SCRIPT>
と記述してもダメでした。
Javascriptの言語がほとんどわからず困ってしまっています。
大急ぎで知りたいのですが、わかる方いらっしゃいましたら
教えてくださると大変助かります。
どうかよろしくお願い致します。
No.4ベストアンサー
- 回答日時:
#1です。
>>元のhtml
>とはどういう意味なのでしょうか?
外部Javascriptファイルの呼び出し元という意味でした。
(省略し過ぎてわかりづらかったですね)
外部Javascriptファイルcss.jsで'abc.css'を適用するように書いた場合
index.html で 'css.js'を呼び出すとabc.cssは同じ階層(フォルダ)にあるので問題なく読めるはずですが
xyz/hoge.html で '../css.js'を呼びしても、'../abc.css'にはアクセスせず、フォルダxyzの中のabc.cssにアクセスしようとします。(見つからないのでCSSが適用されない。)
つまり外部Javascriptファイルで他のファイルへの相対パスを書いても、外部Javascriptから見た相対パスではなく、外部Javascriptファイルを呼び出した元のhtmlからの相対パスとしてアクセスします。
なので、(パス+)ファイル名等を設定する部分にhttp://~ とurlを書いてしまえばどの階層(フォルダ)から呼ばれても同じようにアクセできるようになるはずです。
(わかり易く書きたいとは思うのですが、やっぱりわかりづらいですね ~_~;)
再び丁寧なお答えありがとうございました。
わかりやすい説明のおかげでよく理解する事ができました!
ぜひその方法で試してみようと思います♪
No.3
- 回答日時:
<SCRIPT LANGUAGE="javascript"src="css.jsファイルを置いているフォルダの名前/css.js"></SCRIPT>
つまりcss.jsファイルを置いているフォルダがscriptというフォルダ名なら
<SCRIPT LANGUAGE="javascript"src="script/css.js"></SCRIPT>
これでできるのではないかと思いま~す。
No.2
- 回答日時:
試してないので自信はありませんが、フルパス(
http://xxx.ne.jp/xxxx/css.js)や絶対パス(/css.js)でファイルを指定してはどうでしょうか?css.jsの中(JavaScript中)のcssファイルのパスもそうした方が良いかもしれません。
この回答への補足
回答ありがとうございます。
絶対パスではうまくいきませんでした・・・。
そこでフルパスでの指定の場合、
サーバーにアップしてみないと
反映されているかわからないのでしょうか?
まだアップできていないのです。
また質問してしまいすみません・・。
No.1
- 回答日時:
index.html(TOPページ?)とその他のファイルでは階層が違うのですね?
で、あればJavascriptの中でcssをリンクする部分で http://~/xxx.css と、相対パスではなく、URLを書くのが手っ取り早いと思います。
同じJsファイルからの呼び出しでも、元のhtmlの階層が違うと相対パスが違ってしまうので、どこから呼び出しても読めるようにするのは面倒です。
この回答への補足
回答ありがとうございました。
しかしながら理解が出来ておりません・・・。
>元のhtml
とはどういう意味なのでしょうか?
根本的に知識がなさすぎるもので
ご迷惑おかけします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
外部ファイル名を変数で指定で...
-
Javascriptでのツリーメニュー...
-
javascript内で外部ファイルを...
-
JavaScriptのエラー ( 関数の...
-
ホームディレクトリを示すチル...
-
javascriptファイルは1つに統...
-
サイトのソースに書いてあるjs...
-
サムネイルをクリックすると周...
-
ScriptがTABLEタグの中に表示さ...
-
外部.jsの内容を一部置き換えて...
-
$.ajaxのscriptCharsetについて
-
よくJAVAスクリプトを別ファイ...
-
JavascriptとJqueryを混在し記述
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
base64encodeでの文字化けについて
-
入力したテキストボックスのデ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
JavaScriptのエラー ( 関数の...
-
JavascriptとJqueryを混在し記述
-
ひとつの外部ファイルに複数の...
-
プルダウンメニューを別ファイ...
-
【Google Apps Script】「ライ...
-
外部ファイルを読み込ませるた...
-
JavaScriptで他のファイルのhtm...
-
ホームディレクトリを示すチル...
-
javascriptのalertで文字化けが...
-
外部読み込みで動かないときの...
-
条件分岐で、読み込む外部スク...
-
呼出したjsファイル内で他jsフ...
-
メールフォーム、受信メールの...
-
<script src="">読み込まない
おすすめ情報