Modifier le timer de la fenêtre des notifications

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
Est-il possible de retarder la disparition d'une notification (voir capture d'écran) pour laisser le temps aux membres de lire mais également de pouvoir cliquer sur le lien actif.

Personnellement, je trouve un peu dommage d'avoir une telle fonctionnalité qui disparait aussi rapidement sans laisser le temps matériel d'aller cliquer sur le lien si on le souhaite.


Merci par avance pour vos réponses.

[demeter1]

up

[Invité]

Hello Stéphane,
on peut avec ce script et ce bout de c.s.s retarder sa disparition, mais c'est du bricolage    car le navigateur attend une instruction géré par le script de la notification .
Mon script est paramétré pour ajouter la class "M14_notif" au bout de 30 secondes(30000) dans le script.
Mais on perd quelques secondes dû au chargement...
Dés que la class "M14_notif" s'affichera la div disparaitra
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:

Code:


$(function(){
$(function(){
setTimeout(function(){
$('#live_notif').addClass('M14_notif') }, 30000);

})  
});



Penses a cliquer sur le bouton VALIDER

En fait, j'attribue une class au conteneur et non à la notification par elle même car je n'arrive pas a y accéder autrement qu'avec du css.

Puis le style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.fa_notification{display:block !important;transition: all 1s ease-in-out; }
#live_notif.M14_notif .fa_notification{opacity:0 !important;}


Penses à cliquer sur le bouton

Ou cette css qui va rétracter mais en laissant toujours apparaitre la partie gauche de la notification et au survol de cette dernière elle s'affichera de nouveau toujours au bouton de trente secondes(environ)

Code:

.fa_notification{display:block !important;opacity:0.8 !important; }
#live_notif{transition: right 1s ease-in-out; }
#live_notif.M14_notif {right:-290px !important;}
#live_notif.M14_notif:hover{right:33px !important;}


C'était mon petit cadeau de Noël   .

a++

[demeter1]

Bonjour Philippe,
beau bricolage. le script rempli correctement sa fonction et tu fais de moi un homme heureux (pas d'interprétation svp ).

Merci pour cette aide et ce beau cadeau de noël

Bonnes fêtes de fin d'année.