|
JavaScriptによるフォントサイズの変更ができません。 body内のフォントサイズをボタンで変更させるために、以下のようなJavaScriptを記入していますが、有効になりません(サイズが変更できません)。
JavaScriptファイルを別に作ってリンクさせても結果は同じでした。
EC-Cubeでなく普通にhtmlで組めば、フォントサイズは変更できるので、JavaScript自体は間違っていないと思うのですが…。
--------------------------------------------------------------------------- 【site_frame.tpl内の<head>〜</head>内】 ---------------------------------------------------------------------------
<script type="text/javascript" charset=”utf-8″>
<!-- var Default=3; var tags = new Array('div','td','tr'); var sizing = new Array('70%','80%','90%','100%','110%','120%','130%');
function FontChange(target,tarF){ if (!document.getElementById) return var dore = document,tarS = null,fontSize =Default,value,su,cTags; fontSize += tarF; if (fontSize < 0) fontSize = 0; if (fontSize > 6) fontSize = 6; Default = fontSize; if (!(tarS = dore.getElementById(target))) tarS = dore.getElementsByTagName(target)[0]; tarS.style.fontSize = sizing[fontSize]; for (value = 0 ; su < tags.length ; value++){ cTags= tarS.getElementsByTagName(tags[value]); for (su = 0 ; su < cTags.length ; su++) cTags[su].style.fontSize = sizing[fontSize]; } } //-->
</script>
--------------------------------------------------------------------------- 【「header.html」の中のimgタグ内】 ---------------------------------------------------------------------------
<table width="50" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="25" height="25"><a href="java script:FontChange('body',1)"><img src="<!--{$smarty.const.URL_DIR}-->img/header/larger.jpg" alt="大きく" width="25" height="25" border="0"></a> </td>
<td width="25" height="25"><a href="java script:FontChange('body',-1)"><img src="<!--{$smarty.const.URL_DIR}-->img/header/smaller.jpg" alt="小さく" width="25" height="25" border="0"></a> </td>
</tr> </table>
問題解決にはどうすればよろしいでしょうか? お手数ですがご教授お願いいたします。
|