necesito que en la parte de donde muestra el error no este estatico si no que desaparesca en unos 3 o 4s no tengo idea como hacerlo ya que lo tengo estatico
tengo algo de idea pero no sabria como hacerlo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>punto</title>
<link rel="stylesheet" href="../Resources/css/bootstrap.min.css">
<link rel="stylesheet" href="../Resources/css/main.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="navbar-header">
<a href="#" class="navbar-brand">Store</a>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">Login in</div>
<div class="panel-body">
<form data-toggle="validator" role="form">
<div class="form-group">
<label for="username">Username:</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input type="text" class="form-control" name="username" id="username" placeholder="Username" required>
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-star"></span></span>
<input type="password" class="form-control" id="password" placeholder="Password" required>
</div>
</div>
<div class="alert alert-danger text-center" style="display:none;" id="error">
<p>Invalid username or password !!</p>
</div>
<button type="button" class="btn btn-success" onclick='login();'><span class="glyphicon glyphicon-lock"></span> Login</button>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="../Resources/js/jquery-1.11.2.js"></script>
<script src="../Resources/js/bootstrap.min.js"></script>
<script src="../Resources/js/validator.min.js"></script>
<script>
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show();
}else{
location.href='../Views/main.php';
}
});
}
</script>
</body>
</html>
Cita de: geshiro en 30 Julio 2015, 04:26 AM
...
}).done(function(resp){
if(resp=='0'){
$('#error').show().delay(5000).fadeOut();;
}else{
location.href='../Views/main.php';
}
});
...
te recomiendo arreglar en formato json (javascript object object notation), tambien olvidaste cerrar el ajax
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show();
}else{
location.href='../Views/main.php';
}
});
}
cambia a
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:{username:username, password:password, boton:"login"},
done:(function(resp){
if(resp=='0'){
$('#error').show();
}else{
location.href='../Views/main.php';
}
})
});
otra cosa sabes un link donde puedo hacer las notificaciones tipo facebook con jquery ajax ya enviendolo al servidor cuando el stock se vaya agotar
no se si te faltan comas o si no están bien organizadas las ideas de la oracion, trata de explicarte en más detalle
ahora no me agarra la funcion login
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show().delay(500).fadeOut();
}else{
location.href='../Views/main.php';
}
})
});
Mod: Etiqueta modificada, esto es javascript no html
que error te da?
no será por ese done como parte del data?
con delay 500, si hay varios clientes te harás un DDoS a ti mismo
Cita de: geshiro en 30 Julio 2015, 05:04 AM
ahora no me agarra la funcion login
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show().delay(500).fadeOut();
}else{
location.href='../Views/main.php';
}
})
});
Mod: Etiqueta modificada, esto es javascript no html
Lo tenías bien la última vez, se le paso la función login a engel lex.
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show().delay(500).fadeOut();
}else{
location.href='../Views/main.php';
}
});
}
con cuanto delay seria bueno dejarlo sin provocarme un DDOS a mi mismo
depende de tu servidor, la cantidad de usuarios esperados y que dinamismo esperas de la pagina...
normalmente los sistemas en windows (como administrador de tareas para que te hagas una idea) usa 1 segundo, la mayor parte de las paginas entre 3 y 5