人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

サイトを制作しました。が、エラーが出ます。(windous2000 IE)しかも重いです。
Macだとページが表示されないという報告がありました。

http://alquimist.cool.ne.jp/

自分で調べたところ
blogのコンテンツのところに
はてなのRSSを使用したjavascriptのソースを埋め込んだのですが
それがエラーを起こしているようです。
ソースはhttp://rss.callbee.com/で書き出したものを
そのままコピー&ペーストしただけなので
何故エラーが起こってるのかわかりません。

このエラーを取り除く&Macで見れるようにするにはどうしたらよいでしょう。
教えてください。

・制作はDreamweaverで行っています。
・CSSも使ってます。
・もしかしたら上記以外の原因があるかもしれません;

●質問者: chihal
●カテゴリ:ウェブ制作
✍キーワード:blog CSS Dreamweaver IE JavaScript
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● zifree
●10ポイント

http://www.tohoho-web.com/js/write.htm#noscript

JavaScript の書き方

13行目、</script>の前に

//-->

を付け加えて下さい。


2 ● 186
●20ポイント

12行目}と13行目</script>の間でコメントタグが閉じられていません。

12行目の}の後に「-->」を追加して下さい。


106行目から109行目のスクリプトが変になっています。

106行目末尾の</head>を削除し、109行目末尾の<body>を削除すると見られると思います。


重い理由はrss.callbee.comの反応が悪い所為ですね。埋め込まない場合と埋め込んだ場合を比べてみてください。かなり違います。

◎質問者からの返答

なるほど!

重いのは元々が重いのですね、ありがとうございます


3 ● taisukeg
●20ポイント

■エラーの原因は、[scripts/util.js]がサーバーにアップされていないのでは?


■Macで見られない現象は、<head></head>内のWINDOWSとMacのCSS振り分けのJavascriptのコメントタグのとじ忘れかとおもいます。

<!--

JavaScript

//--> ←追加

◎質問者からの返答

[scripts/util.js]…むむむ、アップした記憶がないですorz それはいったいなんでしょう;;;

MACでみれないのはコメントの閉じ忘れなのですねありがとうございます。


4 ● zifree
●30ポイント

すみません。

他にもおかしい箇所があったため、以下のように記述を変更して下さい。

”や¥は半角に直して下さい。

ポイントは不要です。


<html><head><title>|||||Alquimist|||||</title>


<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>

<script language=”JavaScript”>

<!--

if (navigator.userAgent.indexOf(”Win”)>=0){

document.write(”<link rel=¥”stylesheet¥” type=¥”text/css¥” href=¥”styles/win_jp.css¥”>”);

}

if (navigator.userAgent.indexOf(”Mac”)>=0){

document.write(”<link rel=¥”stylesheet¥” type=¥”text/css¥” href=¥”styles/mac_jp.css¥”>”);

}

//-->

</script>


</head>


以下、修正箇所に関する説明。


<script language=”JavaScript”>

<!--

としてJavaScriptを記述した際は、

//-->

</script>

で終えるのがルールです。

//はJavaScriptのコメントで、-->はhtmlのコメントです。

現在のソースでは、<!--に対するコメントの終了がされて無いので、

ブラウザには丸ごとhtmlのコメントとして解釈されてしまいます。


また、外部のJavaScriptとしてhttp://alquimist.cool.ne.jp/scripts/util.jsを読み込むようになっていますが、

もしファイルが無いのであれば以下の行は不要です。

<script language=”JavaScript” src=”scripts/util.js”></script>


以下の二行は強制的に読み込まれてしまうため、

せっかく上の行でブラウザごとにスタイルシートを分けても実際は分かれていません。

JavaScriptを使って分けたいのであればこの箇所も不要です。

<link rel=”stylesheet” href=”styles/mac_jp.css” type=”text/css”>

<style type=”text/css”>

</style>

<link rel=”stylesheet” href=”styles/win_jp.css” type=”text/css”>

◎質問者からの返答

うわー!マチガイダラケ!

やっぱり素人だとだめですね;

ほとんど独学なのでこうやっていろいろと見ていただけると助かります。ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ