Java script エラー
以前、質問して教えていただいたJava scriptですが、
サーバにアップしたところ Java script エラー
「pages[i].style.display = 'none';」が発生しました。
Java scriptの知識が全くない素人で申し訳ないのですが、
エラーの原因を教えていただけますでしょうか？
よろしくお願いいたします。
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タブ切替のサンプル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<script type="text/javascript">
// <![CDATA[
var tab = {
peek:0,
init: function(start){
var tabs = this.setup.tabs;
var pages = this.setup.pages;
for(var i=0; i<pages.length; i++) {
if(i !== 0) pages[i].style.display = 'none';
tabs[i].onclick = function(){ tab.showpage(this); return false; };
}
this.peek = start;
this.showpage(tabs[this.peek]);
},
showpage: function(obj){
var tabs = this.setup.tabs;
var pages = this.setup.pages;
var num;
for(num=0; num<tabs.length; num++) {
if(tabs[num] === obj) {
tab.peek = num;
break;
}
}
for(var i=0; i<pages.length; i++) {
if(i == num) {
pages[num].style.display = 'block';
tabs[num].className = 'present';
}
else{
pages[i].style.display = 'none';
tabs[i].className = null;
}
}
}
}
function initialize(){
tab.setup = {
tabs: document.getElementById('tab').getElementsByTagName('li'),
pages: [
document.getElementById('page1'),
document.getElementById('page2'),
document.getElementById('page3'),
document.getElementById('page4'),
document.getElementById('page5')
]
}
tab.init(0);
}
function proceed(num){
if(tab.peek + num < tab.setup.tabs.length && 0 <= tab.peek + num){
tab.showpage(tab.setup.tabs[tab.peek + num]);
}
}
// ]]>
</script>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
回答ありがとうございま。 ワンクリック駆除ツールをダウンロードしてみたのですが、 何も変化はおきませんでした。 あきらめて、リカバリーするしかないですかね・・・