Délai de fermeture sur script JS.

Délai de fermeture sur script JS. - Javascript/Node.js - Programmation

Marsh Posté le 06-07-2019 à 17:13:22    

Bonjour,
 
Je tente d'ajouter une fonction qui ferme automatiquement (passé un certain délai) la notification qui s'affiche sur mon site mais toutes mes tentatives restent veines.
Merci par avance pour votre aide.
 
Le code original :
 

Code :
  1. $('.close').click(function(){
  2.     $('.growl').addClass('flipOut');
  3.  $('.growl').removeClass('flipIn');
  4. });


 
Une de mes tentatives :
 

Code :
  1. $('.close').click(function(){
  2.     $('.growl').addClass('flipOut');
  3.  $('.growl').removeClass('flipIn');
  4. setTimeout(function() {
  5.        $('.growl').removeClass("flipIn" );
  6.    }, 400);
  7. });


 


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 06-07-2019 à 17:13:22   

Reply

Marsh Posté le 06-07-2019 à 19:25:28    

Bonjour,

 

Pourquoi ne remettre qu'une seule des deux lignes du code original ?
De plus, ton code se déclenche uniquement après le click sur l'élément de class "close".


Message édité par MaybeEijOrNot le 06-07-2019 à 19:36:37

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-07-2019 à 20:08:50    

Bonjour et merci pour ta réponse.
 

Citation :

Pourquoi ne remettre qu'une seule des deux lignes du code original ?


Je ne suis pas connaisseur en JS et je m'applique à apprendre au fur et à mesure de mes besoins.
 

Citation :

De plus, ton code se déclenche uniquement après le click sur l'élément de class "close".


Oui puisque c'était sa fonction première.
Mais dans ce cas, que dois-je faire pour lui dire de fermer tout seul l'élément au bout d'un certain temps ?
 
Merci


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 06-07-2019 à 20:12:59    

snowden a écrit :

Mais dans ce cas, que dois-je faire pour lui dire de fermer tout seul l'élément au bout d'un certain temps ?


Tout seul à partir de quel moment ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-07-2019 à 20:14:33    

En faite, en plus de la fonction fermeture manuelle avec la fonction close, je voudrais ajouter l'obligation de fermeture de ma notification au bout de 10 secondes.


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 06-07-2019 à 20:19:30    

Au bout de 10 secondes après quoi ? Après ouverture de la page ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-07-2019 à 20:19:56    

Oui en effet, j'ai oublié de le préciser, désoler.


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 06-07-2019 à 20:37:07    

Tu attaches l'évènement "onload" à l'élément body. Dans cette évènement tu mets un setTimeout qui déclenche une fonction au bout de 10 secondes.
Cette fonction vérifie l'état de ta notification (visible ou cachée), si elle est visible alors tu la caches.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-07-2019 à 20:44:04    

:pt1cable:  
 
Je vais me renseigner sur ça :
 

Citation :

Tu attaches l'évènement "onload" à l'élément body.


Je connais pas.
 
Merci pour ton aide en tout cas.


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Marsh Posté le 06-07-2019 à 20:56:43    

L'évènement "onload" se déclenche quand l'élément auquel il est rattaché a finit d'être chargé. Ici l'élément est la section principale de ta page (body).


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-07-2019 à 20:56:43   

Reply

Marsh Posté le 06-07-2019 à 21:01:51    

Oui mais je ne sais pas faire alors il faut que je cherche comment écrire ce bout de code ;)
 
Merci en tout cas :)


---------------
« A l’origine de toute erreur attribuée à l’ordinateur, vous trouverez au moins deux erreurs humaines. Dont celle consistant à attribuer l’erreur à l’ordinateur. »
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed