JavaScriptを外部リンクさせる方法



0   名前: ガラガラガラ : 2007/03/08(木) 04:24  ID:Y8GHdFqI sub-6Z
初めて質問させていただきます。
http://www18.big.or.jp/~neon2/JV_SCRIPT/NEKO/neko_b_s.html
上記アドレスのJavaScriptを外部リンクさせて
マウスストーカーを使いたいのですが動きません。

外部リンクさせずに下記ののソース<head></head>内に上記アドレスソースを
挿入すると動くのですが・・・。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>サンプル</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body bgcolor="#CB9265" onload="nekostart()">
</body>
</html>

外部リンクさせるとき最初と最後のJavaScript宣言部分は部分は
ちゃんとはずして実行を試しています。

<SCRIPT language="JavaScript1.2">
<!--

// -->
</SCRIPT>

どなたか解決策、アドバイスお願いします。

1   名前: はな : 2007/03/08(木) 04:24  ID:ck7SJeh2 sub-bK
<!--

この部分のソースをメモ帳などにコピペ
// -->
そのとき、拡張子は、.jsで。
その後、
<script type="text/javascript" src="ファイル名.js"></script>
を、htmlファイル内に設置。
このとき、JS外部ファイルは、なるべく、HTMLファイルがあるサーバーと同じサーバーにUPしておいたほうがいい。(サーバーの直リンク規制やメンテ時の読み込み不能を防ぐため。)
また、ファイル名は、コピーペーストして、貼り付けるとファイル名ミスを防げます。
<body>タグの追加部分の記入忘れもないか確認してください。
src="http〜">のフルパスで入力も確かめてみましたか?
この場合も、URLの書き込みは、アドレスバーのコピペをオススメします。
このぐらいしか、思い当たりませんね。






2   名前: ガラガラガラ : 2007/03/08(木) 04:24  ID:iOMO/jp1 sub-6Z
コメントありがとうぞざいます。
フルパスも試してみましたが駄目でした。
誰か他に実行できない可能性があることについて
わかる方いらっしゃいましたらお願いします。

3   名前: にゃにゃ : 2007/03/08(木) 04:24  ID:MEqRMSEk sub-Tp
これでいけませんか?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-script-type" content="text/javascript">
<script type="text/javascript" language="javascript1.2" src="test.js"></script>
<title></title>
</head>


<body onLoad="nekostart()">

4   名前: ガラガラガラ : 2007/03/08(木) 04:24  ID:RdI6nv/L sub-6Z
新規にソースをコピーして書いたら50%できました。
ありがとうございます。

残りの50%は

外部リンクを読み込みカーソルが表示されたのですが
画像が読み込まれていないこと点。

表示のされ方がかわってレイアウトがくずれてしまっている点。
実際の表示
http://www.garagaragara.com/test2

上のアドレスと下のアドレスでは全くソースが同じなのに
表示のされ方が違う風になってしまうのはなぜなのでしょう?
http://www.garagaragara.com/test

自分が目指している状態
http://www.garagaragara.com/test3
(これはスクリプトを外部ファイル読み込みにしていないのですが
目指しているのはこの状態の外部ファイル読み込み)

何度も質問申し訳ありませんが、
アドバイスお願いします。





5   名前: 匿名 : 2007/03/08(木) 04:24  ID:Z/T9lFdK sub-kJ
test、test3 は文字化けしてる。ページが文字化けすればスクリプトにも影響する。実際の文字コードが UTF-8 なんだから、charset=UTF-8 と指定しなければならない。

また、外部スクリプトの日本語文字をエスケープした方が無難。よく分からなければ、日本語文字を削除した方が良い。

それと、div 要素の width、height、および *['jsneko'].style.left、*['jsneko'].style.top に単位がないのはスクリプトのバグ。厳密なブラウザ(Firefox の full standard mode など)では動作しないので、できれば修正してほしい。img 要素の書式もおかしい。

# まあ、マウスストーカは昔から鬱陶しい(場合によっては迷惑な)仕掛けの五指に入るので、動かない方がかえってありがたいかも。人によっては、動くものが視界にあると読めなくなることもあるので、メニューや重要な連絡事項のあるページでは使わない方が良い。デリケートな方々が集うようなサイトでは特に注意。談話室のような気楽なページ内でのみ使うなら、効果的かもしれないが。

6   名前: 匿名 : 2007/03/08(木) 04:24  ID:Z/T9lFdK sub-kJ
書き忘れ。

> 画像が読み込まれていないこと

画像は NEKO_TORA) というフォルダの中になければならないようだが(たとえば /NEKO_TORA)/mati2.gif)。

7   名前: ガラガラガラ : 2007/03/08(木) 04:24  ID:ZmRvFwmp sub-6Z
アドバイスありがとうございます。
マウスストーカーは良し悪しなのですね。
勉強になります。

もうすこし勉強してから質問します。
ありがとうございました。

一覧へ戻る