exibir e ocultar cada no ie não funciona mas no firefox sim.
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">](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.
Discussão (5)
Carregando comentários...