引数を2個使いたい場合 Javascript

質問

こんにちは。
Javascriptについてアドバイスお願いします。
■やりたいこと
「普通」「大きい」と言うテキスト画像をクリック
することでCSSを入れ替える。

・外部JSにしたい
・<input>のボタンではなく画像を使う
・一つのページで使うCSSは2種類（共通.cssと各頁ごとの設定用）
作ってみたスクリプトは下記の通りです。
function chooseCSS(csstype,cssname){
if(csstype == "normal"){
document.getElementById("baseCSS").href = "base.css";
document.getElementById("eachCSS").href = cssname + ".css";}
else{
document.getElementById("baseCSS").href = "base2.css";
document.getElementById("eachCSS").href = cssname+"2.css";}
}
---------------------------------------------
HTMLの記述

☆head内
<link href="base.css" rel="stylesheet" type="text/css">
<link href="base.css" rel="stylesheet" type="text/css" id="baseCSS">
<link href="top.css" rel="stylesheet" type="text/css">
<link href="top.css" rel="stylesheet" type="text/css" id="eachCSS">

☆body内
<a href="javascript:void(0)" onClick="chooseCSS('normal','top')"><img src="img/btn01.gif" border="0" class="normal"></a>
<a href="javascript:void(0)" onClick="chooseCSS('big','top')"><img src="img/btne02.gif"　border="0" class="big"></a>
---------------------------------------------

ローカルでは動いていたのでサーバーにUPしたらネスケとsafariは動作するのにIE（JSの設定は有効になっていました）だけ動かなくなりました。

あまりJavascriptは得意ではないので
どなたかアドバイスお願いいたします！

回答No.4

BLUEPIXY · ベストアンサー

>動作するようになりました。
良かったですね。
ムダなアドバイスで煩わせてすみませんでした。
結局、なんなのですかね～。
<a href="#" onClick="chooseCSS('big','top');return false">
とかでもいいかも

お礼

ムダなんてとんでもない！本当に助かりました
ありがとうございました（＾＾）

回答No.3

BLUEPIXY

>ローカルでは動いても
>アップすると上手く動きませんでした。
こちらでも、ネットワーク上にアップしても試してみましたが特に問題ありませんでした。
切り換える前のスタイルが表示されているということは、
おそらくパスの設定も間違いではない（同じフォルダにあるなら）のではないかと思います。
後は、ローカルで動いてサーバーで動かないというよくある原因としては、ファイル名が大文字小文字などを区別するということがあります。
ファイル名が違っていたり、日本語を使用していたりすることはないでしょうか？

お礼

何度も申し訳ありません。
自分でも色々試していたらHTMLの記述を変更してみたら動作するようになりました。

<a href="javascript:chooseCSS('normal','top');"><img src="img/btn01.gif" alt="普通" class="normal">

ファイル名は全てアルファベット小文字にしてありましたし、BLUEPIXYさんはネット上でも動いているとお聞きしてスクリプトの問題ではないのだなと思ったら気がつきました。
何しろ自分で考え考え書いたスクリプトなので、そこに問題がある、と思っていたので・・・。
でも、onclickでもBLUEPIXYさんの場合は動いているのでその辺は謎のままですが^^;

丁寧にアドバイスして頂きありがとうございました！

回答No.2

BLUEPIXY

>やはりスクリプト自体に問題があるのでしょうか・・
その後色々試してみたのですが、
２つのＣＳＳをこのスクリプトのようにして切り換えて、問題なく動きました。
おそらく、ＣＳＳにゴミがあるとか、ＣＳＳの一部がおかしいのではないかと思います。
一度すごく単純なＣＳＳでテストされてみてはどうでしょうか？

補足

色々試していただいたようでありがとうございます！

font-sizeとcolorを変更しているだけのCSSで
試したのですが、やはりローカルでは動いても
アップすると上手く動きませんでした。

BLUEPIXYさんの時は問題なく動いた、と言うことは
サーバーも関係あるのか・・
呼び出す時のパスを
document.getElementById("baseCSS").href = "/test/font/css/base.css";
の用にルートからの絶対パスにしてみたりもしたのですが
ネットにあげた物をIEで見ると動かない状態でした。

もう少し試してみたいと思います。

回答No.1

BLUEPIXY

<link href="base.css" rel="stylesheet" type="text/css">
<link href="base.css" rel="stylesheet" type="text/css" id="baseCSS">
<link href="top.css" rel="stylesheet" type="text/css">
<link href="top.css" rel="stylesheet" type="text/css" id="eachCSS">
を
<link href="base.css" rel="stylesheet" type="text/css" id="baseCSS">
<link href="top.css" rel="stylesheet" type="text/css" id="eachCSS">
だけにしてみたらどうでしょう

補足

BLUEPIXYさん、アドバイスありがとうございます。
ご指摘の箇所を試してみました。

ページを開いたときはCSSが聞いている状態ですが
ボタンをクリックすると、レイアウトが崩れて縦にだーっと並んだ状態になったので
CSSを切り替えていないようです。
やはりスクリプト自体に問題があるのでしょうか・・