[Resolvido] Problema pra aparecer DIV no Firefox

[Braulio Holtz 0]

Então, estou com o seguinte problema.

Eu estou usando um código que já foi criado por uma outra pessoa, mas testando no Firefox não está aparecendo essa DIV, vou mostrar o código. Eu acabei colocando um else com o document.getElementById que pra alguns disseram que iria funcionar, tentei sócom ele sem o if dos navegadores mas tmb não deu certo

Javascript

function entrar(layer)
{
browser= navigator.appName
	if (browser == "Netscape")
	{
	document.layers[layer].visibility = "show";
	}
	else if (browser == "Microsoft Internet Explorer")
	{
	document.all[layer].style.visibility = "visible";
	} else {
	document.getElementById(layer).style.display = "block"; 	
	}
}

function sair(layer)
{
browser= navigator.appName
	if (browser == "Netscape")
	{
	document.layers[layer].visibility = "hide";
	}
	else if (browser == "Microsoft Internet Explorer")
	{
	document.all[layer].style.display = "hidden";
	} else {
		document.getElementById(layer).style.display = "hidden"; 
	}
}
function curso(nome)
{
	if (nome=="1")
	{
	entrar('grau');sair('superior');sair('tecnico');sair('pos')
	}
	else if (nome=="2")
	{
	sair('superior');sair('superior');entrar('tecnico');sair('pos')
	}
	else if (nome=="3")
	{
	sair('grau');entrar('superior');sair('tecnico');sair('pos')
	}	
		[b]...[/b]
}

E do HTML

<select name="graduacao" ONCHANGE="if(options[selectedIndex].value) curso(options[selectedIndex].value)">
		  <option value="19">1º Grau - Completo</option>
		  <option value="1">2º Grau - Completo</option>
		  <option value="5">2º Grau - Cursando</option>
		  <option value="6">2º Grau - Incompleto</option>
		  <option value="2">Técnico - Completo</option>
		  [b]....[/b]
</select>


			<!-- div com as informações caso escolha a Graduação escolhida seja o Segundo Grau -->
			<div id="grau" style="position:absolute; width:*px; height:*px; z-index:1; left: 315px; top:47px;">
				<input type="hidden" name="formacao_curso_grau">
			</div>
			<!-- div com as informações caso escolha a Graduação escolhida seja o Ensino Superior -->			
			<div id="superior" style="position:absolute; width:*px; height:*px; z-index:1; left: 315px; top: 60px; visibility: hidden">
				Curso<br>
				<select name="formacao_curso_superior">
								  [b]....[/b]
				</select>
			</div>
			<!-- div com as informações caso escolha a Graduação escolhida seja o Curso Técnico -->
			<div id="tecnico" style="position:absolute; width:*px; height:*px; z-index:1; left: 323px; top:60px; visibility: hidden">
				Curso<br>
				<select name="formacao_curso_tecnico">
								   [b]....[/b]
				</select>
			</div>
			<!-- div com as informações caso escolha a Graduação escolhida seja a Pós Graduação -->
			<div id="pos" style="position:relative; width:*px; height:*px; z-index:1; left: 1px; top: 1px; visibility: hidden">
				Curso<br>
				<input type="Text" name="formacao_curso_pos" size="25" maxlength="30">
			</div>

 

Qual será que é a solução pra isso?

[webmind 5]

nao percebi onde você chama a funcao entrar() no html

 

mas para ocultar ou mostrar uma layer nao e preciso detectar o browser

 

o document.getElementById("nomedalayer"); funciona em ambos

 

document.getElementById("nomedalayer").style.display=""; (ou block, ou inline) para mostrar

document.getElementById("nomedalayer").style.display="none"; para ocultar

[Braulio Holtz 0]

nao percebi onde você chama a funcao entrar() no html

 

mas para ocultar ou mostrar uma layer nao e preciso detectar o browser

 

o document.getElementById("nomedalayer"); funciona em ambos

 

document.getElementById("nomedalayer").style.display=""; (ou block, ou inline) para mostrar

document.getElementById("nomedalayer").style.display="none"; para ocultar

 

Esta função entrar() estou usando pra que quando acontecer o Onchange no select (ONCHANGE="if(options[selectedIndex].value) curso(options[selectedIndex].value)") faça com que entre na função curso(nome) e com isso faz com que defina se exibe

Bem, consegui fazer funcionar no firefox com o código do webmind e tirando o visibility das divs e no lugar colocando display:none;

 

Obrigado pela ajuda, agora poderei dormir tranquilamente, rsrsrsrsrsrsr