引数を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は得意ではないので
どなたかアドバイスお願いいたします!