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.