1

Estou com um problema nas minhas páginas após tentar colocar o js em um arquivo externo ele simplesmente deixou de funcionar, e não consegui achar o erro até o momento.

Segue os códigos

HTML

<script type="text/javascript" src="funcjs.js"></script>//dentro da tag head
<a href="javascript:showhide('login')" style="float:right;" >Login</a>//dentro da tag body

JS (dentro do arquivo funcjs.js)

Inicialmente ele estava assim:

function showhide(id) {
   var e = document.getElementById(id);
   e.style.display = (e.style.display == 'inline') ? 'none' : 'inline';
}

porém após pesquisar e achar isso: A página HTML não está "chamando" o JavaScript

ficou assim

showhide = function (id) {
   var e = document.getElementById(id);
   e.style.display = (e.style.display == 'inline') ? 'none' : 'inline';
}

Quando o 1 código JS estava na própria página html ele estava funcionando normalmente, não fiz nenhuma alteração no código html após a mudança, tem alguma coisa errada na forma que estou tentando chamar essa função?

EDIT:SEGUE A TAG HEAD DO CÓDIGO COMPLETA ASSIM COMO A DIV SHOWHIDE

HEAD

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="funcjs.js"></script>
<script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>

DIV

<div id="login" style="display:none;">
            <form action="login.php" method="POST" enctype="multipart/form-data">
                <p><input type="text" name="usuario" id="usuario" placeholder="Usuário"></p>
                <p><input type="password" name="senha" id="senha" placeholder="Senha"></p>
                <p><input type="submit" value="login" id="entrar"/></p>
                <input type="hidden" name="entrar" value="login">
                <p value="error" style="display:none;">por favor preencha os campos!</p>
            </form>
</div>

OBS: Uso esse script em quase todas as páginas, e a única coisa que compartilham é a head, e em nenhuma delas funcionou após colocar o código no arquivo externo.

1 Resposta 1

1

Olá. Conforme o teste que eu fiz está funcionando normalmente a sua função. O exemplo que mostra em A página HTML não está "chamando" o JavaScript mostra que o arquivo .js externo foi chamado dentro da pasta /js. O exemplo que fiz para simular a tua situação estava com todos os arquivos dentro da mesma pasta e adicionei a div com o id='login' que não constava no teu exemplo.

Certifique-se que o caminho correto do seu arquivo .js está referenciado corretamente; Certifique-se que existe o elemento com o id='login'.

10
  • Sim o id está correto, e o caminho também pois abri o código fonte e o link que referencia ele estava abrindo o código corretamente, realmente não estou entendendo o motivo do não funcionamento...
    – Wel
    30/10/2017 às 15:27
  • Poste o html inteiro para analisar melhor por favor. 30/10/2017 às 15:29
  • coloquei toda parte do código que acredito que possa estar causando algum conflito, como a página é meio grande acho díficil postar ela completa aqui.
    – Wel
    30/10/2017 às 15:49
  • Olá Jessica. Refiz o exemplo e ainda funcionou corretamente com o html e o conteúdo do cabeçalho que me forneceu. Existe ainda a possibilidade do teu arquivo .js estar sendo referenciado de uma forma incorreta. Qual o erro do console do browser quando tenta clica no link 'Login' ? O arquivo da tua página e o arquivo funcjs.js estão em pastas diferentes? Só confirmando, o efeito que queres quando aperta no link 'Login' é que apareça/oculte o formulário não é? 30/10/2017 às 15:56
  • Sim preciso que ele oculte/mostre esse formulário, como disse anteriormente o arquivo está sendo referenciado corretamente, está na mesma pasta, não me retorna nenhum errro, ele apenas não faz a função de mostrar/esconder. Realmente não estou conseguindo entender, visto que não é só nessa página que não está funcionando e possuo outras páginas muito mais simples em que o erro persiste.
    – Wel
    30/10/2017 às 16:01

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 .