2011-08-15 4 views
1

ボタンを押したときに新しいスタイルシートを読み込む簡単なjavascriptがあります。これはChrome以外のすべてのブラウザで正常に動作します。 Webkitエンジンを共有するSafariでもうまく動作します。JavascriptはChrome以外のすべてのブラウザで動作します

は、ここに私のページへのリンクです:

www.evanjackson.net/index-new.html私は問題を研究してきたと私は原料の束を試みたが、それを把握することはできません。スクリプトは "initial.js"ファイルにあります。どんな助けでも大歓迎です!

関連するコード:あなたは任意の拡張子は、あなたのコードに衝突したかで、いくつかの不正なコードがあるとされ有効になっていることを

私は推測する、:

<div onclick="hideStuff('button1'); showStuff('button2'); loadjscssfile('css/custom-theme-reskin2/reskin.css','css'); return false;" id="button1" style="display: block;"> 
       &nbsp; 
</div> 

function loadjscssfile(filename, filetype){ 
    if (filetype=="js"){ //if filename is a external JavaScript file 
     var fileref=document.createElement('script') 
     fileref.setAttribute("type","text/javascript") 
     fileref.setAttribute("src", filename) 
    } 
    else if (filetype=="css"){ //if filename is an external CSS file 
     var fileref=document.createElement("link") 
     fileref.setAttribute("rel", "stylesheet") 
     fileref.setAttribute("type", "text/css") 
     fileref.setAttribute("href", filename) 
    } 
    if (typeof fileref!="undefined") 
     document.getElementsByTagName("head")[0].appendChild(fileref) 
} 
+0

ここに関連コードを貼り付けることはできますか?エディタで '{}'ボタンをクリックすると、コードを貼り付けることができます。 –

+0

あなたのページはchrome/macでうまく動作します。あなたは悪いキャッシュを持っていないと確信していますか? –

+0

Chromeでどの拡張機能を有効にしていますか?新しくインストールしたChromeで試すことはできますか? –

答えて

0

私は推測することができ、十分な情報が存在しないのであなたのキャッシュ。

あなたは、次の試みることがあります。

  1. ブラウザのキャッシュをクリア
  2. を無効にブラウザ再起動し
  3. すべての拡張機能を
  4. は私たちにいくつかのフィードバック;-)
+0

申し訳ありません...私は十分な情報を提供していません。 「新しいスタイルシートをロードする」ボタンをクリックすると、ボタンを変更するJavaScriptを起動し、画像を完全に変更する新しいスタイルシートを読み込みます。 )。これまでのすべてのあなたの応答をありがとう...非常に役立ちます。私はそれが私のファイルの1つがロードに時間がかかりすぎることと関係があると思います...私は今調査中です。再度、感謝します! – Evan

3

私はを与えますこれもまた経験し、いくつかの洞察力を持っているかもしれません。私はMac OSX LionでChrome 13.0.782.112を使用しています。

ブラウザは、ドメインごとに外部ファイルに対して行うことができる要求の数を制限します。 Chromeのデベロッパーツールを開いて[ネットワーク]タブを見ると、.cssファイルに対するリクエストが表示され、そのリクエストが保留状態になります。もっと詳しく見ると、同じドメインからロードしようとしている他のファイルがまだ十数件あることがわかります。私の推測では、これらのファイルのうちの1つ以上が本当に大きいか、サーバーだけが応答していません。これにより、ブラウザーは同じドメインの他のファイルをロードしなくなります。

UPDATE
要求は、このファイルに構成されていますhttp://www.evanjackson.net/music/track_1.m4aおよび他の多くの.M4Aトラック、およびサーバーが応答していません。 .cssファイルは同じドメインにあるため、Chromeはこれらの.m4aファイルが最初に読み込まれるのを待っています。

特定のバージョンのChromeでは、完全に読み込まれるまで.m4aファイルを処理できないようです。

+0

自分のcssファイルを別のタブでも読み込めません(chromeを使用して、Firefoxは正常です)。 Phrogz - そのCSSファイルに直接リンクしてみてください(javascriptを使用しないでください)。クロームは何らかの理由でそのファイルをロードしていないようです。デバッグ中、そのファイルのサイズは常に0であり、ダウンロードは無制限に保留状態のままです。私はtybro0103に一度にたくさんのリソースをロードしていることに同意します。私はそれが問題の根源だとは思わないのです。おそらくテストページを追加して、他のファイルの読み込みも同様に式から外してください。 – Sam

+0

@Samこれは、まだ別のタブにページを開いているためです。もう一方のタブを閉じると、すぐに読み込まれます。 – tybro0103

+0

確認済み - 元のリンクを閉じてから、CSSファイルをロードすると、すぐにCSSファイルが読み込まれます。私はtybro0103が正しい答えを持っていると思います。これらの他のリソースは、プロセス全体を支えていなければなりません。 – Sam

関連する問題