Ir para conteúdo

POWERED BY:

Arquivado

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

lucas_pinheiro

exibir e ocultar cada no ie não funciona mas no firefox sim.

Por , em Javascript

Recommended Posts

lucas_pinheiro    0

lucas_pinheiro
Postado

Caros amigos estou com um problema o javascript que eu fiz não funciona no ie 6.0 vcs sabem com eu faço pra resolver isso.

 

Segue o escript em js e em html.

 

 

div.js

 

// JavaScript Document
var div1 = "exibe1"; 
var div2 = "exibe2"; 

 // atribuir o nome da div que quer mostrar e ocultar  
function AparecerDiv(){ // função aparecer  
document.getElementById(div1).style.display = "block";
document.getElementById(div2).style.display = "block"; 
document.getElementById(div1).style.visibility="visible"; 
document.getElementById(div2).style.visibility="visible"; 
// usamos o style.display para manupular o css da div e mostrar ela  
}  
  
function OcultarDiv(){  // função ocultar  
document.getElementById(div1).style.display = "none";
document.getElementById(div2).style.display = "none"; 
document.getElementById(div1).style.visibility="hidden"; 
document.getElementById(div2).style.visibility="hidden";

// usamos o style.display para manupular o css da div e ocultar ela  
}

 

index.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"  />
<title>Consulta Gefor</title>

<script language="JavaScript" type="text/javascript" src="/telefonistaV2/gefor/js/gefor.js"></script>
<script language="JavaScript" type="text/javascript" src="/telefonistaV2/gefor/js/div.js"></script>


<link href="/telefonistaV2/css/infor.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="consulta">
  <form id="form1" name="form1" method="post" action="/telefonistaV2/gefor/exe_frm_gefor.php">
	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabela2">
	  <tr>
		<td colspan="2" align="center" class="topo">Consulta Usúarios</td>
	  </tr>
	  <tr>
		<td>Argumento:</td>
		<td><input name="argumento" type="text" class="formNornal" id="argumento" /></td>
	  </tr>
	  <tr>
		<td>Tipos Argumentos: </td>
		<td><select name="tipos_argumentos[]" class="formNornal" id="tipos_argumentos" title="tipos_argumentos">
		  <option value="username" selected="selected">USERNAME</option>
		  <option value="nome">NOME</option>
		  <option value="endereco">ENDERECO</option>
		  <option value="cidade">CIDADE</option>
		  <option value="telefone">TELEFONE</option>
		  <option value="email">E-MAIL</option>
		  <option value="data_cadastro">DATA CADASTRO</option>
		  <option value="nome_fantasia">NOME FANTASIA</option>		 
		  </select>		</td>
	  </tr>
	  <tr>
		<td>Sistema: </td>
		<td><select name="sistema[]" class="formNornal" id="sistema" title="sistema">
		  <option value="" onClick="OcultarDiv();" onBlur="OcultarDiv();">SELECIONE UM SISTEMA</option>
		  <option value="CECNH" onClick="AparecerDiv();" onBlur="AparecerDiv();">CECNH</option>
		  <option value="DE" onClick="AparecerDiv();" onBlur="AparecerDiv();">DIVISÃO EQUITATIVA</option>
		  <option value="CFCANET"onClick="OcultarDiv();" onBlur="OcultarDiv();">CFCANET</option>
		  <option value="GEFOR"onClick="OcultarDiv();" onBlur="OcultarDiv();">GEFOR</option>
		  <option value="GEVER"onClick="OcultarDiv();" onBlur="OcultarDiv();">GEVER</option>
		  <option value="RDDD_BA"onClick="OcultarDiv();" onBlur="OcultarDiv();">RDDD BAHIA</option>
		  <option value="RDDD_PB"onClick="OcultarDiv();" onBlur="OcultarDiv();">RDDD PARAIBA</option>
		  </select></td>
	  </tr>
	  
	  <tr>
		<td><div id="exibe1" style="display:none;visibility:hidden;">Opes:</div></td>
		<td><div id="exibe2" style="display:none;visibility:hidden;"><select name="opcoes[]" class="formNornal" id="opcoes" title="opcoes">
		<option value="PERITOS" selected="selected">PERITOS</option>
		<option value="AGENTES">AGENTES</option></select></div>
		</td>
	  </tr>
	  
	  <tr>
		<td colspan="2"><table width="90%" border="0" align="center" cellpadding="2" cellspacing="0">
		  <tr>
			<td align="center"><input name="submit" type="submit" class="formNornal" id="Limpar" onFocus="Verifica(form1)" value="Consultar" /></td>
			<td align="center"><input name="Limpar" type="reset" class="formNornal" id="Limpar" value="Limpar" /></td>
		  </tr>
		</table></td>
	  </tr>
	</table>
  </form>
</div>
<script>
	document.getElementById("argumento").focus();
</script>
</body>
</html>

por favor me ajudem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<title>Consulta Gefor</title>

 

<!--<script type="text/javascript" src="/telefonistaV2/gefor/js/gefor.js"></script>-->

<!--<script type="text/javascript" src="div.js"></script>-->

 

 

<!--<link href="/telefonistaV2/css/infor.css" rel="stylesheet" type="text/css" />-->

</head>

 

<body>

<div id="consulta">

<form id="form1" name="form1" method="post" action="/telefonistaV2/gefor/exe_frm_gefor.php">

<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabela2">

<tr>

<td colspan="2" align="center" class="topo">Consulta Usuarios</td>

</tr>

<tr>

<td>Argumento:</td>

<td><input name="argumento" type="text" class="formNornal" id="argumento" /></td>

</tr>

<tr>

<td>Tipos Argumentos: </td>

<td><select name="tipos_argumentos" class="formNornal" id="tipos_argumentos" title="tipos_argumentos">

<option value="username" selected="selected">USERNAME</option>

<option value="nome">NOME</option>

<option value="endereco">ENDERECO</option>

<option value="cidade">CIDADE</option>

<option value="telefone">TELEFONE</option>

<option value="email">E-MAIL</option>

<option value="data_cadastro">DATA CADASTRO</option>

<option value="nome_fantasia">NOME FANTASIA</option>

</select> </td>

</tr>

<tr>

<td>Sistema: </td>

<td>

<script>

function valor(w){

 

div1 = "exibe1";

div2 = "exibe2";

 

alert(w)

 

switch(w){

case "CECNH":

{

document.getElementById(div1).style.display = "";

document.getElementById(div2).style.display = "";

break;

}

case "DE":

{

document.getElementById(div1).style.display = "";

document.getElementById(div2).style.display = "";

break;

}

default:

{

document.getElementById(div1).style.display = "none";

document.getElementById(div2).style.display = "none";

break;

}

}

}

</script>

<select name="sistema" onchange="valor(this.value)">

<option value="">SELECIONE UM SISTEMA</option>

<option value="CECNH">CECNH</option>

<option value="DE">DIVISAO EQUITATIVA</option>

<option value="CFCANET">CFCANET</option>

<option value="GEFOR">GEFOR</option>

<option value="GEVER">GEVER</option>

<option value="RDDD_BA">RDDD BAHIA</option>

<option value="RDDD_PB">RDDD PARAIBA</option>

</select></td>

</tr>

 

<tr>

<td><div id="exibe1" style="display:none;">Opes:</div></td>

<td><div id="exibe2" style="display:none;"><select name="opcoes" class="formNornal" id="opcoes" title="opcoes">

<option value="PERITOS" selected>PERITOS</option>

<option value="AGENTES">AGENTES</option></select></div>

</td>

</tr>

 

<tr>

<td colspan="2"><table width="90%" border="0" align="center" cellpadding="2" cellspacing="0">

<tr>

<td align="center"><input name="submit" type="submit" class="formNornal" id="Limpar" onFocus="Verifica(form1)" value="Consultar" /></td>

<td align="center"><input name="Limpar" type="reset" class="formNornal" id="Limpar" value="Limpar" /></td>

</tr>

</table></td>

</tr>

</table>

</form>

</div>

<!--<script>

document.getElementById("argumento").focus();

</script>-->

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucas_pinheiro    0

lucas_pinheiro
Postado

não entendi o que você quiz fazer, acho não não entenderam a minha pergunta.

 

o javascript funciona legal no firefox, mas no IE, ele não funciona e também não dá erro. como fazer para funcionar nos dois navegadores.

 

Grato a todos que puderem me ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

não entendi o que você quiz fazer, acho não não entenderam a minha pergunta.

 

o javascript funciona legal no firefox, mas no IE, ele não funciona e também não dá erro. como fazer para funcionar nos dois navegadores.

 

Grato a todos que puderem me ajudar.

 

ora você disse que nao funcionava no IE nao e agora com o codigo que eu postei funciona nao era isso que você queria???

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucas_pinheiro    0

lucas_pinheiro
Postado

ora você disse que nao funcionava no IE nao e agora com o codigo que eu postei funciona nao era isso que você queria???

 

 

é o segunte, o codigo que você colocou desabilita todas as opções, não é isso, é que a função do javascript de ocultar e aparecer as camadas funciona no firefox, mas no Internet Explorer 6.0 não funciona esta funação que eu passei para o javascript, quero saber como fazer para que esta função execulte no Internet Explorer 6.0 e no firefox sem erro.

 

já pesquisei na internet e não consegui achar nada que me disses como resolver isso, por favor me ajudem.

 

 

Grato pela ajuda de todos você.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

adiciona-me ae no messenger (endereco em baixo) que eu nao entendi mto bem ainda, entao você quer que as camadas que estao ocultas aparecam em determinadas escolhas do combo e isso esta a acontecer tanto no FF como no IE7

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito