Jump to content


Photo

Jumpmenu Com Função Variavel...


  • Faça o login para participar
1 reply to this topic

#1 douglas.ck

douglas.ck

    Ativo

  • Usuários
  • 390 posts
  • Sexo:Masculino

Posted 25/08/2009, 17:42

Olá...

Tentei, busquei e não encontrei...

Preciso do seguinte meus amigos... tenho um jumpmenu para que quando seja selecionado determinada opção seja exibido uma DIV que permacerá oculta até o momento certo...

Quando selecionar a opcao_01 no menu, ai a DIV é exibida, se escolher outra opção dai ela é ocultada novamente... se voltar a escolher opcao_01 ela é exibida...

No Firefox, funciona que é uma maravilha, mas no IE não tem jeito...

Vejam o detalhe que preciso da função no "option" do jumpmenu, pois se colocar no "select" dai não funciona corretamente...

Bem, se tiverem paciencia e puderem me ajudar, visualizem o código no Firefox...

Vejam o código:

<form>
<select name="atendimento" id="select" class="form">
<option value="" onClick="java script:document.getElementById('software').style.display='none';">Selecione</option>
<option value="opcao_01" onClick="java script:document.getElementById('software').style.display='';">Opção 01</option>
<option value="opcao_02" onClick="java script:document.getElementById('software').style.display='none';">Opção 02</option>
<option value="opcao_03" onClick="java cript:document.getElementById('software').style.display='none';">Opção 03</option>
</select> 


<div id='software' style='display:none;'>relacao_softwares</div>

</form>

ATENÇÃO: Ali no código do menu aonde tem onClick o fórum separa o escrito ""javascript", dai pra testar por favor junte a palavra que foi dividida.

Agradeço a ajuda antecipadamente.

Att.

Douglas

Edição feita por: douglas.ck, 25/08/2009, 17:52.


#2 Feko

Feko

    Normal

  • Usuários
  • 87 posts
  • Sexo:Não informado
  • Localidade:Balneário Camboriú - SC

Posted 31/08/2009, 11:13

Bom...
Tentou usar o evento onchange da tag select? Acho melhor, pos não tem que ficar adicionando onclick em cada option =]

<script type="text/javascript">
	function esconde(valor){
		var soft=document.getElementById('software');
		if(valor=="opcao_01"){
			soft.style.display='';
		}else{
			soft.style.display='none';
		}

	}

</script>

<form>
<select name="atendimento" id="atendimento" class="form" onchange="esconde(this.value)">
<option value="" selected="selected">Selecione</option>
<option value="opcao_01">Opção 01</option>
<option value="opcao_02">Opção 02</option>
<option value="opcao_03">Opção 03</option>
</select> 


<div id='software' style='display:none;'>relacao_softwares</div>

</form>

Testa desta maneira.
Não possuo IE pra testar, mas sempre fiz desta maneira e nunca tive problemas.




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq