Masquer le formulaire de connexion à l'aide de Javascript

Question

J'ai des problèmes pour cacher une boîte de connexion que j'ai créée. Voici le code HTML que j'utilise pour créer la boîte de connexion :

<center>
  <form name=login>
    <table width=225 border=1 cellpadding=3>
      <tr><td colspan=2><center><font size="+2"><b>Login</b></font></center></td></tr>
      <tr><td>Username:</td><td><input type=text name=username></td></tr>
      <tr><td>Password:</td><td><input type=password name=password></td></tr>
      <tr><td colspan=2 align=center>
        <button type="button" onclick="loginNow()">Login</button>
      </td></tr>
    </table>
  </form>
</center>

Lorsque le bouton "Connexion" est cliqué, il exécute un code Javascript. Le site loginNow() s'exécute, qui vérifie le mot de passe. Une fois le mot de passe vérifié, j'ai besoin que ce formulaire se cache.

Quelqu'un peut-il me donner un code qui fonctionnera dans cette situation ?

Answer 1

Enveloppez votre formulaire dans un div avec un id :

<div id="loginform">
    <form>...</form>
</div>

Ensuite, dans le loginNow() utiliser la fonction document.getElementById('loginform').style.visibility = 'hidden'

Answer 2

Ajoutez un id à la balise centrale comme : center id="login_box"

Et écrivez ce script à l'intérieur du bloc de réussite de l'application loginNow() code

$('#login_box').hide('fast');

Ou si vous ne pouvez pas ajouter id à la center puis ajoutez ce script à l'intérieur du bloc de succès de la balise loginNow() code

$('center').hide('fast');

Mais il cachera tous les center présentes dans le code.