Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marlon Souza

[Resolvido] Ao selecionar campo aparece uma div

Recommended Posts

Prezados, estou usando um evento onclick para verificar um campo e ele nao é ativado no ie, mais funciona no firefoz normalmente

 

[...]
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

function setVisibility(id, visibility, esconde) {
alert(id+''+visibility+''+esconde);
document.getElementById(esconde).style.display = "none";
document.getElementById(id).style.display = visibility;
document.getElementById(id).style.visibility = visibility;

}
</script>

[...]

<li style="clear:both; float:left; width:195px; height:30px; text-align:right; padding-left:5px;">
  <strong><span style="color:red;">(*)</span> Departamento</strong>
</li>
<li style="float:right; width:555px;  height:30px; text-align:left; padding-left:5px;">
 <select name="departamento" id="departamento">
  <option value="">Selecione o Departamento</option> 
  <option value="Abrir" onclick="setVisibility('Abrir', 'inline', 'Fechar');" >Outro</option>
  <option value="Fechar" onclick="setVisibility('Fechar', 'inline', 'Abrir'>Outro</option>
 </select >
</li>

<li style="clear:both; float:left; width:775px; height:60px; text-align:right; padding-left:5px;">
 <div id="Fechar" e="display:none; height:30px; clear:both; float:right; background-color:#FF0000"></div>

 <div id="Abrir" style="display:none; height:50px;  clear:both; float:right; background-color:#00FF99">
   Digite o Departamento <input type="text" name="depto" id="depto" value="" size="20" maxlength="255" style="text-align:right">
 </div>

</li>

 

Ja tentei com varios eventos (onclick, onchange, etc), e nenhum funciona no IE.

Alguem sabe o motivo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

a propriedade visibility não aceita o valor "inline".

 

Lista dos possíveis valores de visibility

 

informação nao procede eu to falando de javascript e você vem falar de CSS?? sei que foi na melhor das intenções mais não ajudou muito

 

mudei o evento para onchange passando apenas os campos de aparece e esconde e mesmo assim nao esta funcionando, pedi um alert e no ie nao aparece nada, nem no chrome.


<script type="text/javascript">

function mudaEsconde(id, esconde) {

alert(id+ '-' +esconde);
$("#"+esconde).hide();
$("#"+id).show();

}
</script>

[...]
<option value="Abrir" onchange="mudaEsconde('Abrir', 'Fechar');" >Outro</option>
<option value="Fechar" onchange="mudaEsconde('Abrir', 'Abrir');" >Outro</option>

 

acho muito estranho nao estar funcionando nem o alert no ie

Compartilhar este post


Link para o post
Compartilhar em outros sites

o onchange deve ser aplicado na tag <select> e não em cada option.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.