Função Javascript ocultar/exibir um DIV

[robinsonbsilva]

Bom dia senhores(as),
Eu preciso fazer uma função básica em JS para ocultar/exibir um DIV (gridEmail)
Eu fiz buscando pelo document.getElementById, mas dá erro…fala que o objeto não existe.

<html:form action="/undertaker/funcionario.do?method=doConfirm" focus="nome" styleId="searchform">
    <input name="action" id="action" type="hidden" value="<%=action%>" >
    <input name="idFuncionario" id="idFuncionario" type="hidden" value='<bean:write name="dto" property="idFuncionario"/>'>

[b]
    <div id="gridEmail" style="display:none">
        <input type="text" name="email" id="email" class="textbox" value='<bean:write name="dto" property="email"/>'>
    </div>
[/b]

    <div id="div_form">
        <div class="div_contrato">Nome:</div>
        <div class="div_txt_contrato">
            <input type="text" name="nome" id="nome" class="textbox" value='<bean:write name="dto" property="nome"/>'>
        </div>
        <div class="div_bto_contrato">
            <input type="submit" name="gravar" value="Gravar" class="button" /> 
            <input type="reset" name="Voltar" value="Voltar" class="button" onClick="doBack()">
        </div>
    </div>
</html:form>

Desde já agradeço!

[FernandoCartaxo]

cade sua função?

[robinsonbsilva]

Segue os js. 8)

<script type="text/javascript">
function exibe(id) {
	if(document.getElementById(id).style.display=="none") {
		document.getElementById(id).style.display = "inline";
	}
	else {
		document.getElementById(id).style.display = "none";
	}
}
</script>

Pior que passo o nome da DIV corretamente, não sei se essas tags do struts podem estar causando…

[guimoz]

… duplicado

[guimoz]

 if(document.getElementById(id).style.display== "none") {  

n deveria ser

 if(document.getElementById(id).style.display="none") { 

…??

[Marlon_Meneses]

[quote=guimoz] if(document.getElementById(id).style.display== "none") {

n deveria ser

 if(document.getElementById(id).style.display="none") { 

…??[/quote]

não

== (igualdade)
= (atribuição)

[Marlon_Meneses]

onde está o componente que chama essa ação?
e o script está dentro da tag do cabeçalho (header)?

[robinsonbsilva]

Então o componente que chama essa função é um “select” no evento onclick.
O script está no header sim!

<html:select property="idPerfil" styleId = "idPerfil" value='${dto.perfil.idPerfil}' onclick="exibe('gridEmail');">
	<html:option value="-1">Selecione uma opção</html:option>
	<html:options collection="listPerfis" property="idPerfil" labelProperty="nome"/>
</html:select>

[Marlon_Meneses]

cara…
pelo jeito tá tudo certim…
rsrs
eu acho que deve ser o seguinte
no jsf, os id’s de alguns componentes mudam quando dentro de algum outro componente como h:form
por exemplo se vc tiver um form com o id = “formulario” e o h:inputText com o id=“texto” então na renderização o framework vai interpretar e colocar assim
h:inputText id=“formulario:texto” mas eu não sei se isso acontece com componentes html puro
verifique se não é isso que está acontecendo

[robinsonbsilva]

Com certeza é algo referente ao <html:form>, as tags do struts devem estar mudando a identificação.
Pior que não tenho a menor idéia de como referenciar esse <div>, já que no código fonte aparece o

<div id="nomeDadoPorMim"> .... <div> 

[Renato_Ceadareanu]

Faz um teste disso sem ser com JSF

Até

[robinsonbsilva]

[size=7]
Senhores(as)

Muito estranho, não mudei nada e agora foi!!! Segue o js e parte do jsp.

[code]
<script language=“JavaScript” type=“text/javascript”>
function doExibition(value){
alert(value);
if(value==1){
document.getElementById(‘gridCodigo’).style.display = “none”;
document.getElementById(‘gridEmail’).style.display = “inline”;
}else if(value==2){
document.getElementById(‘gridCodigo’).style.display = “none”;
document.getElementById(‘gridEmail’).style.display = “inline”;
}else if(value==3){
document.getElementById(‘gridCodigo’).style.display = “inline”;
document.getElementById(‘gridEmail’).style.display = “none”;
}
}

	</script>

				<html:form action="/undertaker/funcionario.do?method=doConfirm" focus="nome" styleId="searchform">
					<input name="action" id="action" type="hidden" value="<%=action%>" >
					<input name="idFuncionario" id="idFuncionario" type="hidden" value='<bean:write name="dto" property="idFuncionario"/>'>
					<div id="div_form">
						<div class="div_contrato">Nome:</div>
						<div class="div_txt_contrato">
							<input type="text" name="nome" id="nome" class="textbox" value='<bean:write name="dto" property="nome"/>'>
						</div>
						<div class="div_contrato">Perfil:</div>
						<div class="div_txt_contrato">
							<html:select property="idPerfil" styleId = "idPerfil" value='${dto.perfil.idPerfil}' onchange="doExibition(idPerfil.value);">
								<html:option value="-1">Selecione uma opção</html:option>
								<html:options collection="listPerfis" property="idPerfil" labelProperty="nome"/>
							</html:select>
						</div>

						<div id="gridCodigo" style="display:none">
							<div class="div_contrato">Código Vendedor:</div>
							<div class="div_txt_contrato">
								<input type="text" name="idCorretora" id="idCorretora" class="textbox" value='<bean:write name="dto" property="idCorretora"/>'>
							</div>
						</div>

						<div id = "gridEmail" style="display:none">
							<div class="div_contrato">Email:</div>
							<div class="div_txt_contrato">
								<input type="text" name="email" id="email" class="textbox" value='<bean:write name="dto" property="email"/>'>
							</div>
						</div>

						<div class="div_contrato">Senha:</div>
						<div class="div_txt_contrato">
							<input type="password" name="senha" id="senha" class="textbox" value='<bean:write name="dto" property="senha"/>'>
						</div>

						<div class="div_bto_contrato">
							<input type="submit" name="gravar" value="Gravar" class="button" /> 
							<input type="reset" name="Voltar" value="Voltar" class="button" onClick="doBack();">
						</div>
					</div>
				</html:form>

[/code][/size]

[Renato_Ceadareanu]

Putz… puxa da memória q alguma coisa vc alterou!! rs

Mas o importante é q funcionou!!