ﾀﾌﾞをｸﾘｯｸするとdiv内が右ﾍﾟｰｼﾞへｽﾗｲﾄﾞし､かつｸﾘｯｸﾀﾌﾞが他ﾀﾌﾞをｸﾘｯｸするまで指定色のままとなるJavascriptでhtmlを作成中です｡FocusTabを使用すると右ﾍﾟｰｼﾞへｽﾗｲﾄﾞせずに飛んでしまうのですが､どうすれば両方機能させられるのでしょうか?<(_"_)>
<script type="text/javascript"><!--
function ChangeTab(tabname) {
document.getElementById(div1').style.display = 'none';
document.getElementById('div2').style.display = 'none';
if(tabname) {
document.getElementById(tabname).style.display = 'block';
}
}
function FocusTab(tabname,tabcolor) {
document.getElementById('tabA').style.backgroundColor = '#FFF';
document.getElementById('tabB').style.backgroundColor = '#FFF';
if(tabname) {
document.getElementById(tabname).style.backgroundColor = tabcolor;
}
}
// --></script>
<div id="glider">
<div>
<ul>
<li id="tabA"><a href="#div1" onclick="FocusTab('tabA','#00F'); ChangeTab('section1'); return false;">SHOP</a></li>
<li id="tabB"><a href="#div2" onclick="FocusTab('tabB','#00F'); ChangeTab('section2'); return false;">PRICE</a></li>
</ul>
</div>
<div id="form4">
<div class="slide">
<div class="content">
<div id="div1"></div>
<div id="div2"></div>
</div><!-- /content -->
</div><!-- /slide -->
</div><!-- /form4 -->
</div><!-- /glider -->
関数 ChangeTab() が Glinder.js の動きを見えなくしてしまっています(と､思います)｡
ﾀﾌﾞの部分は､こうしてください｡
<ul>
<li id="tabA"><a href="#div1" onclick="FocusTab('tabA','#00F'); return false;">SHOP</a></li>
<li id="tabB"><a href="#div2" onclick="FocusTab('tabB','#00F'); return false;">PRICE</a></li>
</ul>
ﾍﾞｽﾄｱﾝｻｰ