Login Form Jquery

**invisible93** · 07-06-2013, 19:10

Ciao a tutti, sto cercando di fare un login form a comparsa in html 5 e jquery:
però quando applico il jquery e il box "viene fuori" si blocca, nel senso che non mi fa inserire nè nome utente ne password (è come se fosse un div con un immagine dentro)
vi posto il codice per farvi capire meglio:

codice:

ACCEDI <div id="login"> <form name="login" action="accedi.php" method="get" accept-charset="utf-8"> 
 
 <label for="nome">Cod/Nome Utente &nbsp &nbsp &nbsp </label><a name="nome"></a> <input tabindex="1" type="text" name="utente" id="utente" value="" placeholder="Scrivi Cod/Nome utente" required/> 
 
 <label for="password">Tua Password &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</label> <input tabindex="2" type="password" name="password" id="password" value="" placeholder="Inserisci la password"/>
 
 <button tabindex="3" type="submit" name="" class="lbutton">INVIA</button> </form>  </div>     foglio di stile: #login{ display:none; position:relative; float:right; border:1px solid black; width:400px; padding: 0px 0px 30px 50px; }   script: <script type="text/javascript"> $(document).ready(function() {  $(".apri").click( function(){ $("#login").fadeIn("slow"); }); }); </script>

forse sbaglio qualcosa nel jquery visto che non lo conosco..

help!forse sbaglio qualcosa nel jquery visto che non lo conosco..

**neroux** · 07-06-2013, 19:37

E' illeggibile

**invisible93** · 07-06-2013, 19:43

Hai ragione:

ACCEDI
<div id="login">
<form name="login" action="accedi.php" method="get" accept-charset="utf-8">

<label for="nome">Cod/Nome Utente &nbsp &nbsp &nbsp </label><a name="nome"></a>
<input tabindex="1" type="text" name="utente" id="utente" value="" placeholder="Scrivi Cod/Nome utente" required/>

<label for="password">Tua Password &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</label>
<input tabindex="2" type="password" name="password" id="password" value="" placeholder="Inserisci la password"/>

<button tabindex="3" type="submit" name="" class="lbutton">INVIA</button>
</form>

</div>

foglio di stile:
#login{
display:none;
position:relative;
float:right;
border:1px solid black;
width:400px;
padding: 0px 0px 30px 50px;
}

script:
<script type="text/javascript">
$(document).ready(function() {

$(".apri").click(
function(){
$("#login").fadeIn("slow");
});
});
</script>

**neroux** · 07-06-2013, 19:45

Ancora

Mancano i tag codice e l'indentazione

**invisible93** · 07-06-2013, 20:07

l'identazione non me la fa fare..
quali tag mancano?
<html> <head> <body>??

**invisible93** · 07-06-2013, 20:14

forse ho capito perché non va:
quando tolgo il float:right; al contenitore login, funziona..
why god? why?!

**neroux** · 07-06-2013, 20:15

http://jsfiddle.net/cYkch/

Sono troppo buono, lo so

sul serio, a me funziona

Parlavo dei tag [ code ] e [ /code ]

**invisible93** · 07-06-2013, 20:16

a me funziona solo se levo il float:right;

ok ora mi sparo!

non mi funziona

**neroux** · 07-06-2013, 20:18

Non ti funziona neppure col link postato?

**invisible93** · 07-06-2013, 20:21

col link postato si

Discussione: Login Form Jquery

Strumenti discussione

Ricerca discussione

Visualizza

Login Form Jquery

Permessi di invio