Système d'annonce en temps réel (aller plus loin)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Dim 7 Juin 2015 - 17:01

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:
[img][/img]

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://themazerunner-forum.fr/

Description du problème

Bonjour^^

J'ai récemment installé sur mon forum l' Astuce système d'alerte en temps réel afin de pouvoir informer mes membres de diverses choses. Je voudrais aller plus loin avec ce système. En effet, j'ai remarqué qu'à chaque fois que je publie une nouvelle annonce, celle-ci remplace automatiquement, la précédente sauf dans le cas ou le membre à masqué l'annonce en cliquant sur la croix.

Mon souhait serait de pouvoir afficher plusieurs annonces en même temps, en colonne sur mon forum. Mais de pouvoir limiter l'affichage d'un certains nombres d'annonces. Dans le cas présent, j'aimerais pouvoir afficher au moins trois annonces maximum.

Vous trouverez un exemple de se que je voudrais obtenir tout en haut en capture d'écran (montage). Merci à ceux qui pourront s'intéresser à mon problème.

Cordialement,
1baptiste


Dernière édition par 1baptiste le Sam 20 Juin 2015 - 14:48, édité 1 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Lun 8 Juin 2015 - 21:21

up I love you

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Mer 10 Juin 2015 - 8:17

Up

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Jeu 11 Juin 2015 - 14:46

up !

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Ven 12 Juin 2015 - 14:49

up !  Siffleur

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Dim 14 Juin 2015 - 8:17

Up

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Lun 15 Juin 2015 - 15:35

up !

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Mer 17 Juin 2015 - 15:49

up du jour

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Jeu 18 Juin 2015 - 17:30

up !

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Ven 19 Juin 2015 - 18:06

up !

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par no_way le Sam 20 Juin 2015 - 12:47

Bonjour, j'ai dû modifier un peu (beaucoup) le script, il fonctionne avec toutes les versions à présent mais nécessite une modification concernant le forum contenant le sujet des alertes, il vous faut mettre "Classer les messages d'un sujet par " à "Date du message (le plus récent en premier)" voici le code javascript modifié:
Code:
function realTime_alert() {
          var topicAlertId="24";
          var howManyAlerts=3;
            jQuery.ajax({
                    url: "/t"+topicAlertId+"-",
                    success: function(result) {
                        var html = jQuery(result),a,alertBodyContainer=$("<div>",{id:"alertBodyContainer"});
                  var d=function(e){
                      var a,alertBody=$($(".cont_code,code",e).text()),b=[],id=(a=$(e).closest(".post[id^='p']")).length?a[0].id:$(e).closest(".postmain").find(".posthead")[0].id,lS=$.parseJSON(localStorage.getItem('realTimeAlert'))||[];
                      if(lS.indexOf(id)===-1){
                        var $el=$(alertBody);
                        $el.attr("data-pid",id);
                        alertBodyContainer.append($el);
                        }
                  };
                  html.find(".post .codebox").each(function(i,e){
                      i<howManyAlerts&&d(e);
                      });
                  $("#alertBodyContainer").length?$("#alertBodyContainer").html(alertBodyContainer.html()):$("body").append(alertBodyContainer);
                      $('.close',$("#alertBodyContainer")).click(function() {
                                var lS=$.parseJSON(localStorage.getItem('realTimeAlert'))||[];
                                var $itm=$(this).closest('.realTime_alert');
                                $itm.fadeOut();
                                lS.push($itm.attr("data-pid"))&&lS.length>howManyAlerts&&lS.splice(0,1);
                                localStorage.setItem('realTimeAlert',JSON.stringify(lS));
                              });
                    },
            });
            return topicAlertId;
        }
        $(function(){
        if(_userdata["session_logged_in"]) {
          try{
            localStorage.setItem('test','test');
            localStorage.getItem('test')==='test'&&realTime_alert()&&setInterval('realTime_alert();', 30000); // Reactualisation toutes les 30s
            localStorage.removeItem('test');
            }catch(e){}
          }
        });
et voici le code CSS modifié:
Code:
#alertBodyContainer{
position:fixed;
top:50px;
right:20px;
}
.realTime_alert{
background:#FDFDFD no-repeat 10px center;
-webkit-background-size:50px;
-moz-background-size:50px;
-o-background-size:50px;
background-size:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
-moz-box-shadow:0 0 4px rgba(0,0,0,.6);
box-shadow:0 0 4px rgba(0,0,0,.6);
position:relative;
margin-bottom:10px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:#474747;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}
Je vous laisse tester.


Dernière édition par no_way le Mar 10 Mai 2016 - 18:55, édité 3 fois (Raison : mise à jour)

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par Invité le Sam 20 Juin 2015 - 12:59

Bonjour,

intéressé par cette modification, je constate que la dernière alerte (celle d'aujourd'hui ne s'affiche pas), est ce que c'est maximum 3 annonces affichée, si c'est le cas peut-on en mettre plus ?

Désolé de m'incruster dans la discution.

Cordialement
Romain

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par no_way le Sam 20 Juin 2015 - 13:09

Bonjour, alors oui là c'est 3 alertes maxi mais c'est modifiable, il suffit de modifier cette ligne:
Code:
var howManyAlerts=3;
et de modifier 3 par la valeur voulue Smile

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Sam 20 Juin 2015 - 14:09

Bonjour et merci @no_way pour votre réponse,

EDIT: vraiment géniale votre modification no_way, c'est exactement ce que je voulais :


Pour ma part je ne peux plus envoyer d'alerte c'est bizarre. L'alerte me dit qu'elle est envoyée mais elle ne s'affiche pas...

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par no_way le Sam 20 Juin 2015 - 14:35

Oui ça me le fait moi aussi et j'ai vu que j'avais fait une erreur, le script originel renvoie l'id du topic je modifie mon premier message, le code Javascript est corrigé.


Dernière édition par no_way le Sam 20 Juin 2015 - 14:48, édité 1 fois

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par horusbk le Sam 20 Juin 2015 - 14:46

Gé-ni-al !
Grand merci @no_way le script est désormais opérationnel. Passer une bonne journée Wink
Je me suis permis de faire une petite modification avec un JS pour créer des alertes depuis le topic en question via un bouton qui ouvre la page HTML.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par no_way le Sam 20 Juin 2015 - 14:51

Je vous en prie et bonne continuation Wink

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Système d'annonce en temps réel (aller plus loin)

Message par Invité le Sam 20 Juin 2015 - 17:36

Pareillement, un grand merci no-way et merci à 1baptiste d'avoir ouvert le sujet.

Bien cordialement
Romain

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum