[Resolvido] Problema com firefox/javascript

[Alberto Maffei 0]

Oi Galera,

 

Será que alguém pode me ajudar?

 

Tenhos os scripts abaixo:

<script language="Javascript">
<!--
function tabselect(n){  //mostra e esconde as informações contidas dentro da <tr>
	if ( n == 1 ){ // Está certo testar dessa forma  
		document.all.panel1.style.display='none'; 
		document.all.panel2.style.display=''; 
		document.all.panel3.style.display=''; 
		document.all.panel4.style.display=''; 
	} else if(n == 2){   
		document.all.panel1.style.display=''; 
		document.all.panel2.style.display='none'; 
		document.all.panel3.style.display='none'; 
		document.all.panel4.style.display='none'; 
	}else if(n == 3){   
		document.all.panel1.style.display='none'; 
		document.all.panel2.style.display=''; 
		document.all.panel3.style.display=''; 
		document.all.panel4.style.display=''; 
	} else {
		document.all.panel1.style.display='none'; 
		document.all.panel2.style.display='none'; 
		document.all.panel3.style.display='none'; 
		document.all.panel4.style.display='none'; 
	}
}
//-->
</script>

e

 

<script language="Javascript">
<!-- //mostra e esconde as informações contidas dentro da <tr>
function tabselect(n){  
	for(x=1;x<=4;x++){    
		panel=eval('document.all.panel' + x + '.style;'); 
		if ( n == 1 ){ // Está certo testar dessa forma  
			panel.display='';
			document.all.panel1.style.display='none'; //tem que ser deste jeito								 
		}else if(n == 2){   
			panel.display='none';
			document.all.panel1.style.display='';
		}else if(n == 3){   
			panel.display='';
			document.all.panel1.style.display='none';							 
		} else {
			panel.display='none';
		}
	}
}
//-->
</script>

<SELECT id="cbo" class="cbo" name="cbo" onchange="tabselect(this.selectedIndex )">
	<option value="0">selecione</option>
	<option value="1">opcao 1</option>
	<option value="2">opcao 2</option>
	<option value="3">opcao 3</option>
</SELECT>

<table width="765" border="0" cellpadding="0" cellspacing="0" align="center">
<tr id=panel1 style="DISPLAY: none"><td height="69" colspan="2" valign="top">To vendo a tabela 1</td></tr>
<tr id=panel2 style="DISPLAY: none"><td height="69" colspan="2" valign="top">To vendo a tabela 2</td></tr>
<tr id=panel3 style="DISPLAY: none"><td height="69" colspan="2" valign="top">To vendo a tabela 3</td></tr>
<tr id=panel4 style="DISPLAY: none"><td height="69" colspan="2" valign="top">To vendo a tabela 4</td></tr>
</table>

 

Que fazem exatamente a mesma coisa.

 

Eles rodam perfeitamente no IE, mas no Firefox eles não funcionam.

 

Alguém sabe me dizer porque?

 

Fico no aguardo e já agradeço.

[William Bruno 1501]

por causa do document.all

 

prefira usar document.getElementById()

[Alberto Maffei 0]

por causa do document.all

 

prefira usar document.getElementById()

 

Legal, obrigado. deu certo.

 

Só para ficar registrado para quem quiser consultar no futuro, se escreve assim:

 

document.getElementById('panel1').style.display='';

 

e

 

panel=eval("document.getElementById('panel" + x + "').style;");

 

Só mais uma dúvida. O evento onchange="tabselect(this.selectedIndex )" não funciona da mesma forma que no IE?

 

No IE eu uso as teclas de (seta pra cima) e (seta pra baixo) e o script é executado. No FF o evento onchang não funciona asim. eu tenho que abrir o select e clicar na opção desejada. Tem como fazer funcionar como no IE?

 

Abração e o brigado mais uma vez.