0

Tenho uma função que funciona no meu teste feito no bloco de notas, mas no projeto não funciona.

<head>
    <script type="text/javascript">

        function MostrarEsconderDiv(div) {

            if (document.getElementById(div).style.display == "none") { <---AQUI DA ERRO --->
                document.getElementById(div).style.display = "block";
                document.getElementById(div).value = "aberta";
            }
            else {
                document.getElementById(div).style.display = "none";
                document.getElementById(div).value = "";
            }
        }
    </script>

</head>

<body>
<table>
                               <tr>
                        <td colspan="3" height="10">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" valign="top">
                            <div class="Section">
                                <div class="SectionHeader">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                        <tr>
                                            <td>
                                                <img align="absMiddle" hspace="4" src="/images/internas/seta3.gif" />
                                                <a id="A3" class="linkFormularios" href="javascript:MostrarEsconderDiv('divSecao6')">Para Sistema Integrado de Gestão, clique aqui</a>
                                                <br />
                                                (abrirá um formulário nesta mesma página para você preencher)
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div id="spacer" style="margin-top: 5px">
                                </div>
                                <div id="divSecao6" style="display:none;  margin-left: 30px" runat="server">
                                    <table id="idSecao6Table" width="100%">
                                        <!-- SECAO 6 -->
                                        <tr>
                                            <td height="15">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" bgcolor="#ececec" height="21">
                                                <b>6 - Apenas para Sistema Integrado de Gestão</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td bgcolor="#cccccc" height="1">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" bgcolor="#f5f5f5">
                                                Responda a esta seção apenas se você estiver interessado em uma certificação integrada (opcional).
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <font color="#666666"><b>A Política e o Manual do Sistema de Gestão são integrados?</b></font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:RadioButtonList ID="rblPoliticaManualSistemaIntegrados" runat="server" RepeatDirection="Horizontal">
                                                    <asp:ListItem Value="Sim" Text="Sim"></asp:ListItem>
                                                    <asp:ListItem Value="Não" Text="Não"></asp:ListItem>
                                                </asp:RadioButtonList>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td bgcolor="#cccccc" height="1">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <font color="#666666"><b>Os procedimentos de gestão (ex: Controle Documentos, Auditorias) são integrados?</b></font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:RadioButtonList ID="rblProcGestaoIntegrados" runat="server" RepeatDirection="Horizontal">
                                                    <asp:ListItem Value="Sim" Text="Sim, pelo menos 80% dos procedimentos de gestão são integrados"></asp:ListItem>
                                                    <asp:ListItem Value="Não" Text="Não"></asp:ListItem>
                                                </asp:RadioButtonList>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td bgcolor="#cccccc" height="1">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <font color="#666666"><b>Os procedimentos operacionais (ex: Controle de produção) são integrados?</b></font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:RadioButtonList ID="rblProcOperacionaisIntegrados" runat="server" RepeatDirection="Horizontal">
                                                    <asp:ListItem Value="Sim" Text="Sim, pelo menos 80% dos procedimentos operacionais são integrados"></asp:ListItem>
                                                    <asp:ListItem Value="Não" Text="Não"></asp:ListItem>
                                                </asp:RadioButtonList>
                                            </td>
                                        </tr>
                                        <!-- FIM - ESCONDE SEÇÃO 6  -->
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>

inserir a descrição da imagem aqui

6
  • Você já viu no console qual é a mensagem de erro que dá? Commented 21/07/2015 às 13:37
  • @JoelRodrigues da "Object Required"
    – AndreeH
    Commented 21/07/2015 às 13:41
  • Funciona bem para mim... ---> jsfiddle.net/6nj8djdo Podes explicar o que fica errado nesse exemplo?
    – Sergio
    Commented 21/07/2015 às 14:32
  • @Sergio Então, fora da aplicação funciona, mas dentro não funciona.
    – AndreeH
    Commented 21/07/2015 às 16:52
  • @AndreeH tens essa aplicação online para podermos ver? senão fica dificil reproduzir o problema e poder ajudar.
    – Sergio
    Commented 21/07/2015 às 20:59

4 Respostas 4

1

Percebi que você está usando ASP.NET Web Forms, certo? O ID de alguns elementos é alterado em tempo de execução, isso pode estar causando o problema. Coloque, por exemplo, um alert(div) dentro da função para ver se o ID está sendo passado como esperado e inspecione o elemento no browser para ver se ele está com o mesmo ID.

1
  • Puts @Joel Rodrigues, to ligado nisso, mexo com asp.net, mas nesse caso to mexendo com asp clássico que não manjo muito, e sei um pouco de javascript também mas esse erro me tirou do sério rs.
    – AndreeH
    Commented 21/07/2015 às 14:11
1

Assim como disse na outra resposta, o seu erro acontece, porque no seu elemento não existe nenhum atributo display definido.

getElementById(div).style.display == "none"

O que essa linha de código significa:

"Compare o atributo display do elemento com tal ID e compare com none"

Como o atributo display não existe na definição de seu elemento, o erro é gerado.

Correção

Edite o elemento HTML chamado pela função e adicione style="display:none"

Por exemplo:

Se o seu elemento era:

<div id="seuDiv"></div>

ele deve ficar:

<div id="seuDiv" style="display:none"></div>
1
  • Consegui. Adicionei um ClientIDMode="Static" na div que eu queria pegar o id e foi. Obrigado a todos.
    – AndreeH
    Commented 21/07/2015 às 19:12
0

Tente trocar:

<a id="A3" class="linkFormularios" href="javascript:MostrarEsconderDiv('divSecao6')">Para Sistema Integrado de Gestão, clique aqui</a>

Por

<span id="A3" class="linkFormularios" onclick="MostrarEsconderDiv('divSecao6')">Para Sistema Integrado de Gestão, clique aqui</span>

Algumas aplicações costumam dar bug quando usamos a tag de link...

Editado: A div está rorando no servidor e a o script rodando do lado do cliente, acompanhar comentários

9
  • Não adianta @jefissu .. :S
    – AndreeH
    Commented 21/07/2015 às 18:49
  • Acho que é por que seu div está carregado no servidor e vc está tentando escondê-lo pelo cliente então. tente colocar um runat="server" na div que executa a função. tente deixar também a função js no lado do server
    – jefissu
    Commented 21/07/2015 às 18:52
  • então, eu creio que pode ser isso. Como mudo isso, sabe ?
    – AndreeH
    Commented 21/07/2015 às 18:54
  • Experimente excluir este runar server desta div div e mode-o para a tabela, acho q deve resolver
    – jefissu
    Commented 21/07/2015 às 18:59
  • No Asp classico vc não precisa definir nenhum controle com runat server, pelo menos eu não uso nada rodando no servidor relacionado a controles...
    – jefissu
    Commented 21/07/2015 às 19:04
0

Consegui colocando ClientIDMode="Static" no elemento em que eu precisava pegar o ID e passar como parâmetro para a function.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .