Foros del Web » Programando para Internet » Jquery »

Cerrar cartel de error tras x segundos

Estas en el tema de Cerrar cartel de error tras x segundos en el foro de Jquery en Foros del Web. Hola a todos, cuando envió un formulario con ajax y devuelve un error, quiero que ese cartel desaparezca en 3 segundos... Alguien me puede ayudar?. ...
  #1 (permalink)  
Antiguo 16/03/2020, 13:58
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 835
Antigüedad: 12 años, 7 meses
Puntos: 7
Pregunta Cerrar cartel de error tras x segundos

Hola a todos, cuando envió un formulario con ajax y devuelve un error, quiero que ese cartel desaparezca en 3 segundos...
Alguien me puede ayudar?. gracias de antemano.

código ajax.

Código Javascript:
Ver original
  1. if ($.trim(user_nombre).length > 0 && $.trim(user_mail_nuevo).length > 0){
  2.   $.ajax({
  3.  
  4.         url:"nuevo_usuario.php",
  5.         method:"POST",
  6.         data:{user_nombre:user_nombre, user_mail_nuevo:user_mail_nuevo},
  7.         cache:"false",
  8.         beforeSend:function(){
  9.             $('#ingre').val("Ingresando.....");
  10.      
  11.  
  12.         },
  13.  
  14.         success:function(datos){
  15.          
  16.           $('#ingre').val("Ingreso");
  17.           if (datos == "1"){
  18.            
  19.          $("#noticia").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");
  20.           }else{
  21.            
  22.             $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");
  23.           }
  24.         }
  25.   });
  26.  
  27. };

Puntualmente el cartel que desaparezca cada x segundo seria el siguinte:

Código Javascript:
Ver original
  1. $("#noticia").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");

Gracias por su ayuda
saludos cordiales.!!!
  #2 (permalink)  
Antiguo 16/03/2020, 19:57
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.638
Antigüedad: 12 años, 1 mes
Puntos: 1109
Respuesta: Cerrar cartel de error tras x segundos

Pan comido :D usa la función setTimeOut y fijala en la cantidad de segundos que necesites

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.
  #3 (permalink)  
Antiguo 22/03/2020, 13:31
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 835
Antigüedad: 12 años, 7 meses
Puntos: 7
Pregunta Respuesta: Cerrar cartel de error tras x segundos

Hola Gracias por comentar.

Soy nuevo en ajax, y quiero hacerlo para no usar PHP, ( usarlo únicamente para servidor),

cuando pones:

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.

A que te refieres?, es un código ( que anda bastante mal, sacado de youtube), y codificarlo a mi gusto, pero me dicen que no es seguro, que se puede cambiar por consola.... en fin,, se agradece tu repuesta

Saludos.!!!
Fede
  #4 (permalink)  
Antiguo 27/03/2020, 10:10
 
Fecha de Ingreso: abril-2006
Mensajes: 379
Antigüedad: 14 años
Puntos: 80
Respuesta: Cerrar cartel de error tras x segundos

Cita:
Iniciado por fedefrankk Ver Mensaje
Hola Gracias por comentar.

Soy nuevo en ajax, y quiero hacerlo para no usar PHP, ( usarlo únicamente para servidor),

cuando pones:

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.

A que te refieres?, es un código ( que anda bastante mal, sacado de youtube), y codificarlo a mi gusto, pero me dicen que no es seguro, que se puede cambiar por consola.... en fin,, se agradece tu repuesta

Saludos.!!!
Fede
lo que te quisieron decir es que googles esa función setTimeOut por que ay en la red millones de ejemplos, y es el que necesitas, siempre trata de analizar las respuestas que te dan, muchas seran confusas o que no entenderas por que a veces no nos hacemos entender, y damos por hecho que todos tienen un minimo de conocimiento, si usas jQuery y Ajax se da por hecho que conoces JAVASCRIPT y las funciones mas usadas en JAVASCRIPT son lo TIME OUT y los intervalos

y lo que necesitas es usar la Funcion setTimeout que como primer parametro es la Funcion que se ejecutara despues de los X milisegundos

Código Javascript:
Ver original
  1. //en este ejemplo se ejecutara un alert luego de 3000 milisegundos = 3 segundos
  2. setTimeout(function(){ alert("hola"); },3000);


y para borrar un eelemento, jQuery dispone de remove(), todo ello en su documentacion oficial

o bien has lo que estabas haciendo $("#noticia").html(' tu html'); pero enviale vacio $("#noticia").html('');
__________________
Mis aportes te ayudaron??, te hicieron ahorrar valiosos tiempo??, si quieres puedes agradecerme con un Gracias o con una donacion
https://paypal.com/pools/c/8lmNLmWnG9

Última edición por tuadmin; 27/03/2020 a las 10:12 Razón: ejemplo de borrado de mensaje
  #5 (permalink)  
Antiguo 28/03/2020, 14:12
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 835
Antigüedad: 12 años, 7 meses
Puntos: 7
Respuesta: Cerrar cartel de error tras x segundos

Hola. Muchas gracias por tu repuesta.!!!
saludos y mil gracias.



La zona horaria es GMT -6. Ahora son las 11:06.