Masquer le login <form> en utilisant Javascript

J'ai des problèmes avec l'obtention d'une boîte de connexion que j'ai faite pour me cacher. Voici le code HTML j'utilise pour faire la boîte de connexion:Masquer le login <form> en utilisant Javascript

<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 « Login » est cliqué, il exécute un code Javascript. La fonction loginNow() s'exécute, ce qui vérifie le mot de passe. Une fois le mot de passe vérifié, j'ai besoin de ce formulaire pour me cacher. Est-ce que n'importe qui peut me donner un code qui fonctionnera dans cette situation?

Source

2012-01-02 dualCore

Ce code n'est pas html5, juste pour vous le faire savoir. Les balises '

' et '' sont anciennes et ne devraient pas être utilisées. Vous devriez utiliser CSS pour styliser votre page. En outre, il semble que vous utilisez '' basé sur la conception, ce qui n'est pas bon. – Ktash

Quand vous dites javascript voulez-vous dire javascript ou jQuery? Si jQuery alors vous devriez simplement faire '$ (" form "). Submit (function() {this.hide();});' – Dan

OK, je vais essayer de faire ces changements et voir ce qui se passe. Des suggestions pour le code si? – dualCore

Répondre

Enveloppez votre formulaire dans un div avec un id:

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

Puis, dans la fonction loginNow(), utilisez document.getElementById('loginform').style.visibility = 'hidden'

Source

2012-01-02 05:00:24 tlehman

Merci beaucoup! Je l'ai fait fonctionner. – dualCore

Ajouter un identifiant à la balise centre comme: center id="login_box"

et écrire ce script à l'intérieur du bloc de succès du code loginNow()

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

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

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

Source

2012-01-02 05:03:49

Questions connexes