レンタルサーバーでjavascriptが動作しない

このQ&Aのポイント
  • レンタルサーバーにあげたjavascriptまたはPHPが動作しない。スタイルシートは読み込まれているが、javascriptは動作しない。
  • ロリポップの2GBのプランの最初の10日間無料の期間で使っているレンタルサーバーで、javascriptが使えなくなっている。スタイルシートは読み込まれているが、javascriptの動作が検知できない。
  • レンタルサーバー上のjavascriptまたはPHPが動作しない。スタイルシートは正しく読み込まれているが、javascriptの動作が検知できない。初めてのレンタルサーバー利用で初歩的なミスがある可能性もある。
回答を見る
  • ベストアンサー

レンタルサーバーでjavascriptが動作しない

レンタルサーバーにあげたjavascriptまたはPHPが動作しません。 使っているサーバはロリポップの2GBのプランの最初の10日間無料の期間です。 サーバー上にはindex.html(仮)がありアクセスするとそこから <link rel="stylesheet" type="text/css" charset="utf-8" media="all" href="./○○.css"> <script src="./××.js"></script> の記述からスタイルシートとjavascriptを読み込みます。 しかし、実際に動作させると、ページは表示されるものの動作がまったくありません。 自分なりに調べたら、スタイルシートに記述してある背景は表示されているのでスタイルシートは読み込まれているようです。 一方、javasucriptはアドオン「firebug」で監視しても何の動作も検知できません。通常なら同サーバー上のPHPファイルとHTTP通信を行うためfirebugではその内容が表示されるはずです。 以上の理由から、私は何らかの理由でJavascriptが使えないようになっていると考え、このカテゴリで質問させていただきました。 ちなみに、これらのファイルはローカルサーバー上で正しく動作することを確認済みです。 また、ブラウザのjavascriptも有効にしてあります。 レンタルサーバーを使うのは初めてなのでもしかしたら初歩的な部分でつまずいている可能性もあるのでどんな些細なことでも良いです、アドバイスをください。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • mtaka2
  • ベストアンサー率73% (867/1179)
回答No.1

WWWのサーバ側で「JavaScriptが使えない」ようにするなんてことはできません。 おそらく質問者さんのミスでしょう。一番怪しいのは、 > <script src="./××.js"></script> この部分、ファイル名の指定ですね。大文字小文字を間違えているということはありませんか? Windows系OSでは、ファイル名の大文字小文字を区別しませんが、 WWWサーバでよく使われているUNIX系OSでは、ファイル名は大文字小文字の違いも区別されます。 そのため、ファイル名指定で大文字小文字を間違えていると、 ローカルでWindows系OSで試している場合は問題ないのに、 サーバにアップロードすると動かない、なんてことになったりします。

ikasumiramen
質問者

お礼

回答ありがとうございます。 すぐに回答を頂けたのにお礼が遅くなってしまいました。 申し訳ございません。 また解決しましたので報告します。 プログラムが動作しなかった理由はサーバー上で文字コードをutf-8に変更したことによる文字化けでした。 javascript自体は読み込んでいました。 つまり、ご指摘どおり私のミスでした(笑) 他の回答者さんにもこの場で報告させていただきます。 結果は凡ミスでしたが、おかげでいろいろ勉強させていただきました。 ありがとうございます。

その他の回答 (3)

  • ecaih
  • ベストアンサー率48% (16/33)
回答No.4

ファイル名、場所は、本当に正しいですか? firebugで、ファイルが読みこめているかも確認してみてください。 サーバー側で、javascriptを無効なんて出来ないと思いますので、、、。

ikasumiramen
質問者

お礼

回答ありがとうございます。 >サーバー側で、javascriptを無効なんて出来ないと思いますので、、、。 そういうことを確信できたいい機会となりました。 ありがとうございました。

回答No.3

デフォルトのContent-Script-Typeがjavascriptだとは限らんので <meta http-equiv="Content-Script-Type" content="text/javascript"> 入れとくかもしくは <script type="text/javascript" src="./xx.js"></script> とjavascriptだと明示しとくとか

ikasumiramen
質問者

お礼

回答ありがとうございました。 htmlタグはあまり詳しくないのですが、今回の件で勉強させていただきました。 ありがとうございます。

  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

firebugをもう少し使ってみてはどうでしょう。 firebugは読み込みに失敗したファイルも表示されます。 また、javascript自体に問題がある可能性もあるので、たとえば、まずは、最軽量なalert(123)が動くかどうかを試してみてもいいかもしれません。外部がダメならインラインはいけるのかとか、調べられることは沢山あると思いますよ。

ikasumiramen
質問者

お礼

回答ありがとうございます。 結果としては正常に読み込んでいた訳ですが、その事は回答者様のご指摘のあったalert(123)で確信にいたりました。 本当にありがとうございました。

関連するQ&A

  • javascriptをCSSに書き込むと動作しません。何故ですか?

    下記のjavascriptをCSSに書き込みました。拡張子は.jsとしました。 jsのフォルダにtopmuv.jsというファイル名にしました。 <script type="text/javascript"> <!-- function blink() { if (!document.all) { return; } for (i = 0; i < document.all.length; i++) { obj = document.all(i); if (obj.className == "blink") { if (obj.style.visibility == "visible") { obj.style.visibility = "hidden"; } else { obj.style.visibility = "visible"; } } } setTimeout("blink()", 500); } // --> </script> </head> <body onload="blink()"> htmlの読み込みは <LINK rel="stylesheet" href="js/topmuv.js" type="text/javascript"> と書いています。 この場合、上記javascriptのソースをシート上にダイレクトに書き込むと正常に動作しますがcssにすると動作しません。 何が悪いのでしょうか? 詳しい方宜しくお願いします。

  • /から始まるパスについて

    たびたびお世話になっております。 /から始まるパスというのは、サーバにあげないと読みにいきませんよね。 でもサーバにあげても読み込みしません。。。javascriptでスタイルシートの振り分けをしているのですが、その際、JSファイルに <link rel="stylesheet" href="/cmn_css/win.css" type="text/css"> という設定をしてあります。 各ページは、 <script language="JavaScript" type="text/javascript" src="/cmn_js/prart.js"></script> という記述でJSファイルを読みこみしています。ですが、読み込んでくれません。。。相対パスで記述するとスタイルシートが反映されます。 どうしてでしょうか。サーバ側で何か設定が必要なのでしょうか。 すみませんが、よろしくお願いします!

  • css,javascriptの呼び出しについて

    某サイトで、 cssの呼び出しで <link rel="stylesheet" href="xxxx.css?v=yyyyyy" > javascriptの呼び出しで <script src="xxxx.js?v=yyyyyy"> という記述がされていました。 phpスクリプトではよく見かける?v=yyyyyyという記述ですが、cssとjavascriptでは見かけた事がないので色々と調べたのですが、答えが見つかりません。 上記に示した様な記述方法は一般的なものなのでしょうか? 取り留めのない質問ですがよろしくお願い致します。

    • ベストアンサー
    • CSS
  • Javascriptの外部サーバーからの読み込み(greybox)

    いつも参考にさせていただいてます。 greyboxを使ってページを表示したいのですが、 使っているサーバーはjsファイルなどがアップロードできない、CMSサービスのサイトなので、 別のレンタルサーバーにアップロードしたjsファイルを読み込んで動かしたところうまくいきません。 模範例では、 ----------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="greybox/gb_styles.css" type="text/css" media="all"> <script type="text/javascript"><!-- var GB_ROOT_DIR = "./greybox/"; // --></script> <script type="text/javascript" src="greybox/AJS.js"></script> <script type="text/javascript" src="greybox/AJS_fx.js"></script> <script type="text/javascript" src="greybox/gb_scripts.js"></script> </head> <body> <h1>GreyBox サンプル</h1> <a href="http://job.mycom.co.jp/" title="job" rel="gb_page[480,360]"> 毎日就職ナビのページ表示 </a> </body> </html> ----------------------------------- なのですが、パスを絶対パスに変えて ----------------------------------- <link rel="stylesheet" href="http://mydomain/greybox/gb_styles.css" type="text/css" media="all"> <script type="text/javascript"><!-- var GB_ROOT_DIR = "http://mydomain/greybox/"; // --></script> <script type="text/javascript" src="http://mydomain/greybox/AJS.js"></script> <script type="text/javascript" src="http://mydomain/greybox/AJS_fx.js"></script> <script type="text/javascript" src="greybox/http://mydomain/gb_scripts.js"></script> ----------------------------------- と変更しました。 成功例(jsファイル同一サーバー上):http://greybox.main.jp/test_ng/index2.html 失敗例(jsファイル別サーバー上):http://greybox.main.jp/test_ok/index1.html 対応方法をお教え下さい。よろしくお願い致します。

  • JavaScriptで、参照する階層を変えるとCSSが読み込めない

     ランダムに1.cssまたは2.cssというcssファイルを読み込むスクリプトを記述しています。 <script language="javascript"> <!-- var cssno = Math.floor(Math.random() * 2 + 1); document.write("<link rel='stylesheet' type='text/css' href='"+cssno+".css'>"); //--> </script>  これでうまく動いたので、このスクリプトを含むHTMLファイルがある階層に「css」というフォルダを作り、その中にcssファイルを移しました。そこで、 <script language="javascript"> <!-- var cssno = Math.floor(Math.random() * 2 + 1); document.write("<link rel='stylesheet' type='text/css' href='css/"+cssno+".css'>"); //--> </script> というふうに、変数cssnoの前に階層を表す「css/」をつけたのですが、これをやったとたんに動かなくなりました。  ファイルを同じ階層に移動させて、「css/」を取れば(=元の状態に戻せば)動きます。参照する階層を間違えているのかと思って、<head></head>内に通常通り<link rel~>でCSSを指定したら読み込めました。  スクリプトの記述方法がいけないんでしょうか? どうすれば、フォルダ「css」からcssファイルを読み込めるようになりますか?

  • レンタルサーバーで、ホームページを運営しております。本日突然表示がおか

    レンタルサーバーで、ホームページを運営しております。本日突然表示がおかしくなり、Webサーバー内のファイルを調べたところ、jsファイルに追加した覚えのない記述が見つかりました。以下のような変なサイトのphpファイルのURLも記述されています。 document.write('<script src=http://**.se/bilder/klassfest3.php ><\/script>'); このような記述はしていませんし、サーバーにアップロード前のjsファイルと比べてもこのような記述はありません。 何者かがファイルを書き換えることなんて出来るのでしょうか? 防衛策なんてあるのでしょうか? あまり知識の無いものがHPの運営をしているのが問題かもしれませんが、今後のことを思うと心配です。

  • JavaScriptの外部ファイル読み込み

    JavaScriptの外部ファイル読み込みについてご教授下さい。 現在、Webサイトを作ろうとPHPとJavaScriptをレンタルサーバーにアップしたのですが、 ローカルではPHPから外部ファイルのJavaScriptを読み込めるのに、 サーバーにアップするとPHPからJavaScriptを読み込めなくなってしまいます。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>TEST</title> <meta charset=utf-8" /> <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script> ・・・ 上記のようにしてもjquery-1.4.2.min.jsが読み込まれず、jQueryが使えません。 FireBugでスクリプトを確認すると以下のようなエラーが出ていました。 1Failed to load source for: http://xxx.my-sv.net/js/jquery-1.4.2.min.js ちなみに以下のようにJavaScriptファイルを開こうとするとブラウザは真っ白なのですが、 http://xxx.my-sv.net/js/jquery-1.4.2.min.js テキストファイルに変更したものだと中身を見ることができました。 http://xxx.my-sv.net/js/jquery-1.4.2.min.txt ブラウザはFireFox3.0.11とIE8.0の両方でダメでした。 なぜJavaScriptファイルだけ読み込めないのでしょうか。 ご教授お願いいたします。 ※ちなみに、別のレンタルサーバーにアップロードしたら問題なく読み込めました。 しかし、そこにはDBがなかったので、なるべく今のレンタルサーバーを使いたいのです。。

  • thickboxのjavascriptについて

    ウェブサイト作成初心者です。 ホームページの一部のページでthickboxを使用してhtmlを表示するページを作ろうとしています。 その場合 <head>~</head>内に <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="thickbox.js"></script> <link href="thickbox.css" rel="stylesheet" type="text/css" /> はthickboxを使うページだけに記述すればいいのでしょうか。それとも前ページに記述しないといけないのでしょうか。 お分かりなられる方、お手数ですが教えてくださいませ。

    • ベストアンサー
    • HTML
  • Javascriptがうまく動作しません。

    こんにちわ。 サイト制作初心者の者です。 サイトにCSSの切り替えが出来る"styleswitcher.js"を使用しているのですが、 切り替えの動作はするものの、ページを更新(リフレッシュ)したり、別のページに移動すると、元のCSSに戻されます。 ネットで同じ様なエラーが出てないか確かめてみましたが、役に立ちそうな答えが見つからなかったので、ここに質問させていただきます。 Styleswitcher.js http://www.alistapart.com/articles/alternate/ サイトでのソース: == <head></head>内:== <script type="text/javascript" src="js/styleswitcher.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" title="Default" /> <link rel="alternate stylesheet" href="css/style2.css" type="text/css" title="Custom2" /> <link rel="alternate stylesheet" href="css/style3.css" type="text/css" title="Custom3" /> == <body></body>内:== <div class="csspalette"> <a href="#" onclick="setActiveStyleSheet('Default'); return false;"><img src="images/ccss1.jpg" width="18" height="18" border="0" class="ccss-icon" /></a> <a href="#" onclick="setActiveStyleSheet('Custom2'); return false;"><img src="images/ccss2.jpg" width="18" height="18" border="0" class="ccss-icon" /></a> <a href="#" onclick="setActiveStyleSheet('Custom3'); return false;"><img src="images/ccss3.jpg" width="18" height="18" border="0" class="ccss-icon" /></a> </div> ==== コードには問題は無いと思うのですが、 この他にJquery等を使ったエフェクトを入れているので、それが問題なのでしょうか? ご教授願います。

  • 動作が軽いレンタルサーバを教えて下さい。

    こんばんは。よろしくお願いいたします。 知りうる限り動作が最も軽いレンタルサーバを教えて下さい。 PHPとcgi(できればDB)が利用可能ならば容量、値段は不問です。

専門家に質問してみよう