- 締切済み
styleswitcherについて
CSSが切り替えられるstyleswitcherというJavaスクリプトを使ってみたのですが、きちんと動作しません。 症状としては、 初めにページを開いた時はCSSが効いていない状態で、 切り替えるリンクを押すとCSSが効くといった具合です。 ブラウザのJavaスクリプトをOFFにすると、デフォルトのCSSが効いて表示されます。 http://www.zakimi.com/archives/2004/06/05/214447.php こちらに書いていただいているとおりに設置したのですが、どなたか初めからきちんと表示される方法をご教示いただけませんでしょうか？ Windows XPでSP2、IE6の環境です。 ちなみに、FireFoxでは初めから表示されます。 よろしくお願いします。
- HellAwaits
- お礼率66% (4/6)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- NTJ
- ベストアンサー率44% (46/103)
<BODY onload="styleswitcher('最初に表示したいヤツ');"> とりあえず、これでどうかしらん？
- k0021
- ベストアンサー率26% (32/120)
私の使用例 Windows XPでSP2、IE6の環境のみ <link id="ccss" rel="stylesheet" href="../../g_f/mg_img2.css" type="text/css"> <SCRIPT type="text/javascript"><!-- sw=1; function mid_sw(){ if(sw==1){ replace_css('ccss','../../g_f/mg_img1.css'); document.bgm_form.bgm_sw.value="１行３文書(c)"; sw=0; }else{ replace_css('ccss','../../g_f/mg_img2.css'); document.bgm_form.bgm_sw.value="１行１文書(c)"; sw=1;} // --></SCRIPT> </HEAD><BODY> <DIV class="pp00"><form name="bgm_form"> <input type="button" name="bgm_sw" value="１行１文書(c)" onClick="mid_sw()"></form></DIV> <DIV class="mid p100"><a href="JavaScript:al_s2('../kobun/dokue01.gif');"><IMG src="../../kobun/dokue01.gif" alt="1/6"></A></DIV> ・ ・ 参考にしたURL不明 写真一覧を1行に最初は３個表示し 表示文字をクリックすると1行1個の表示です 間違いていたら御免ね
ページソースを提示していただかないとわかりません。 IE が対応できない書き方になっているだとか、いろいろなパターンが考えられます。 それと、Firefox のスペルに関しては注意が必要です。
お礼
回答ありがとうございます。 ソースが必要ですよね。すみません。 ただプライベートなページなので、ちょっと公開するのをためらっております。 ただ、気になったのですがXHTMLで書くと動作しないのかな？と感じました。 <!DoctypeをHTMLにすると動作しているように思います。 > それと、Firefox のスペルに関しては注意が必要です。 なるほど。参考になりました。 ありがとうございます。
お礼
早速の回答、ありがとうございます。 すでにページを作ってしまっているので、 教えていただいた方法に変更するのは難しいです。 これから教えていただいた方法を実験してみます。 ありがとうございました。