Problème avec le tutoriel "Système d'alertes en temps réel"

[horusbk]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 07/05/15
Lien du forum : http://themazerunner-forum.fr/

Description du problème

Bonjour,

Aujourd'hui j'ai voulu installer le système d'alertes en temps réel dont le tutoriel est disponible ici. J'ai l'impression d'avoir correctement suivi l'ensemble des étapes et pourtant je n'obtient aucun résultat. Voici les manipulations que j'ai du faire :

- Dans le forum où sont annoncées les mises à jour, dont les permissions sont : tout le monde peut voir mais seul le staff peut écrire, j'ai créé un nouveau sujet intitulé "topic des alertes". Son ID est : 156

- J'ai mis le CSS proposé tel quel dans ma feuille de style car je ne m'y connais pas suffisamment pour le modifier

- Dans le JS que j'ai créé et mis sur toutes les pages, j'ai remplacé ID par 156 et VERSION par phpBB2 de plus, j'ai modifié le code de la dernière partie pour le rendre visible aux invités

Mon code :

Code:

function realTime_alert() {
var version="phpbb2";
var topicAlertId="156";
jQuery.ajax({
        url: "/t"+topicAlertId+"-?view=newest",
        success: function(result) {
            var html = jQuery(result);
 
          
            if (version=="phpbb3") {
              var alertBody= html.find("div.post .content .codebox code").eq(-1).text();
              var id = html.find("div.post").eq(-1).attr("id");
            }
          
            if (version=="phpbb2") {
              var alertBody= html.find("tr.post .postbody .codebox .cont_code").eq(-1).text();
              var id = html.find("tr.post").eq(-1).attr("id");
            }
          
            if (version=="punbb") {
              var alertBody= html.find("div.post .postbody .entry-content .codebox .cont_code code").eq(-1).text();
              var id = html.find("div.post .postmain .posthead").eq(-1).attr("id");
            }
          
            if (version=="invision") {
              var alertBody= html.find("div.post .post-entry .codebox.contcode dd code").eq(-1).text();
              var id = html.find("div.post").eq(-1).attr("id");
            }
          
            if(localStorage.getItem(id)!='read' && sessionStorage.getItem(id)!=location.pathname) {
                  $('body').append(alertBody);
                  $('.realTime_alert .close').click(function() {
                    $(this).closest('.realTime_alert').fadeOut();
                    localStorage.setItem(id,"read");
                  });
            }
          if(sessionStorage.getItem(id)!=location.pathname) {
              sessionStorage.setItem(id, location.pathname);
          } else {
              sessionStorage.setItem(id, location.pathname);
          }
        },
});
return topicAlertId;
}
 
$(function(){
  realTime_alert();
  setInterval('realTime_alert();', 30000); // Reactualisation toutes les 30s
});

- la page HTML dont les paramètres sont mis avec le haut et le bas du forum, j'ai copié-collé tel quel le code et la prévisualisation j'obtient :

aperçu:

Ensuite quand je reviens dans le topic créé pour poster des alertes j'obtient :

aperçu:

Lorsque je clique sur NOUVEAU ou REPONDRE
Si vous souhaitez voir le topic créé c'est ici

J'espère que vous pourrez m'aider à régler ce petit problème.
Cordialement,

Baptiste.

[horusbk]

Up s'il vous plaît !

[@stra]

bonjour

je ne voudrais pas dire de bêtise, mais a tu bien compris que tu dois créer ton alerte en complétant les lignes dans la page qui s'affiche

ICI


et une fois que tu l'auras envoyée, l'alerte s'affichera dans le coin en haut à droite de ta page, et tu verras qu'un post c'est ajouté dans ta rubrique "topic des alertes", en fait, ce ne sont pas tes post qui créent les alertes, mais les alertes créées par le formulaire HTML qui créent les post

pour lancer le formulaire HTML, tu peux aller dans panneau d'administration-->modules-->gestion des pages html et tu cliques sur la 3eme icone dans la colonne "action" sur la ligne de ta page html


j'espère t'avoir aidé

bon weekend

[horusbk]

Bonjour
Ah d'accord. Moi je pensais que l'on pouvait mettre ce formulaire sur un topic réservé au staff pour qu'ils puissent les poster. C'est possible ?

[@stra]

désolé, mais ça, ça dépasse mes compétences....

[horusbk]

Sauf erreur de ma part, tous membres ayant les droits de modérations peuvent accéder à l'interface des pages HTML ?

Ce que j'aimerais, c'est :
- rendre le formulaire plus lisible que celui présenté sur la capture d'écran de mon premier message.
- au mieux (si possible) inclure le formulaire dans un sujet qui serait lisible que part mon staff pour poster des annonces plus facilement que d'aller dans les pages HTML

Est-ce possible ?, d'avance merci.
1baptiste

[horusbk]

up

[@stra]

- au mieux (si possible) inclure le formulaire dans un sujet qui serait lisible que part mon staff pour poster des annonces plus facilement que d'aller dans les pages HTML

pour ça, je pense qu'il suffit de créer une rubrique avec les droits que tu choisis, et dans un message, tu inclus le lien qui envoie vers la page du formulaire.
ainsi, ceux qui auront accès à cette rubrique, en cliquant simplement sur ce lien, ouvriront la page/formulaire qui leur permettra de créer une alerte.

[horusbk]

Est il possible de l'intégrer ?

[@stra]

de rien

[demeter1]

Bonjour Baptiste,
si tu veux rendre accessible la page html au staff, voici un js qui va intégrer un lien sur l'index du forum.

Code:

$(function(){if (_userdata["user_id"] ==1||_userdata["user_id"] ==232||_userdata["user_id"] ==513||_userdata["user_id"] ==279||_userdata["user_id"] ==448)
$(function(){
$('<br /><a class="gensmall" href="h50-systeme-de-notification-pour-la-moderation" target="_blank">Créer une alerte</a><br />').insertAfter('a.gensmall[href^="/profile?mode=sendpassword"]');

})});

tu as juste à modifier les id des utilisateurs pour lesquels le lien doit être visible ainsi que le lien de la page

[horusbk]

Retour :

@demeter1 ça ne fonctionne pas, peut-être ai-je fait une erreur :

Pour les ID utilisateurs, j'ai changé le chiffre après les ==...
Pour le lien, j'ai mis celui de ma page HTML à la place du "h50-systeme-de-notification-pour-la-moderation"

J'ai mis dans un JS appelé "créer une notification" que j'ai mis sur l'index

Je ne vois pas de différences, au cas où voici mon JS :

Code:

$(function(){if (_userdata["user_id"] ==1||_userdata["user_id"] ==29||_userdata["user_id"] ==34||_userdata["user_id"] ==25||_userdata["user_id"] ==39||_userdata["user_id"] ==8||_userdata["user_id"] ==35||_userdata["user_id"] ==72)
$(function(){
$('<br /><a class="gensmall" href="h5-systeme-d-alertes-forum" target="_blank">Créer une alerte</a><br />').insertAfter('a.gensmall[href^="/profile?mode=sendpassword"]');
 
})});

Puis mon JS du tutoriel : (mis sur toutes les pages)

Code:

function realTime_alert() {
var version="phpbb2";
var topicAlertId="156";
jQuery.ajax({
        url: "/t"+topicAlertId+"-?view=newest",
        success: function(result) {
            var html = jQuery(result);
 
          
            if (version=="phpbb3") {
              var alertBody= html.find("div.post .content .codebox code").eq(-1).text();
              var id = html.find("div.post").eq(-1).attr("id");
            }
          
            if (version=="phpbb2") {
              var alertBody= html.find("tr.post .postbody .codebox .cont_code").eq(-1).text();
              var id = html.find("tr.post").eq(-1).attr("id");
            }
          
            if (version=="punbb") {
              var alertBody= html.find("div.post .postbody .entry-content .codebox .cont_code code").eq(-1).text();
              var id = html.find("div.post .postmain .posthead").eq(-1).attr("id");
            }
          
            if (version=="invision") {
              var alertBody= html.find("div.post .post-entry .codebox.contcode dd code").eq(-1).text();
              var id = html.find("div.post").eq(-1).attr("id");
            }
          
            if(localStorage.getItem(id)!='read' && sessionStorage.getItem(id)!=location.pathname) {
                  $('body').append(alertBody);
                  $('.realTime_alert .close').click(function() {
                    $(this).closest('.realTime_alert').fadeOut();
                    localStorage.setItem(id,"read");
                  });
            }
          if(sessionStorage.getItem(id)!=location.pathname) {
              sessionStorage.setItem(id, location.pathname);
          } else {
              sessionStorage.setItem(id, location.pathname);
          }
        },
});
return topicAlertId;
}
 
$(function(){
  realTime_alert();
  setInterval('realTime_alert();', 30000); // Reactualisation toutes les 30s
});

Voici le lien de la page HTML : http://www.themazerunner-forum.fr/h5-systeme-d-alertes-forum
Voici le lien du sujet où je souhaite voir le formulaire : http://www.themazerunner-forum.fr/t156-systeme-d-alerte-pour-la-moderation#640

Si le formulaire pouvait être plus visible, ça serait bien.

J'espère que toutes ces informations te permettront de réparer mon problème   Cdlt, Baptiste.

[horusbk]

up s'il vous plait !

[horusbk]

Up !

[horusbk]

up s'il vous plait, aidez-moi !

[horusbk]

up

[horusbk]

up ...   

[Invité]

Salut 1baptiste,

juste pour voir les parties cachées car pour venir en aide, ce n'est pas commode .

a++

[horusbk]

Salut 1baptiste,

juste pour voir les parties cachées car pour venir en aide, ce n'est pas commode .

a++

Salut^^

Je viens de mettre à jour mon post précédent et j'ai enlevé les balises "hide"

Cordialement,
1baptiste

[Invité]

Re Baptiste,

édites ton Javascript et remplaces tout le contenu par celui-ci:

En cochant sur les sujets

Code:



if(location.pathname == '/t156-systeme-d-alerte-pour-la-moderation')
$(function(){if (_userdata["user_id"] ==1||_userdata["user_id"] ==29||_userdata["user_id"] ==34||_userdata["user_id"] ==25||_userdata["user_id"] ==39||_userdata["user_id"] ==8||_userdata["user_id"] ==35||_userdata["user_id"] ==72)
$(function(){
$('.forumline').before('<br /><a class="gensmall" href="/h5-systeme-d-alertes-forum" target="_blank">Créer une alerte</a><br />');
       
        })});



a++

[horusbk]

Bonjour^^
Pourquoi ais-je des coeurs qui tombent sur mon forum désormais ?


EDIT: je sais pas ce qui c'est passé mais plus de cœurs ...

[Invité]

Re,

cela ne vient pas du script Baptiste .

a++

[horusbk]

Re:
C'est fait, mais je ne vois pas de différence.



Peux t on remplacer le texte par une image (bouton) pour que la création d'une alerte soit plus lisible ?

[Invité]

Re,
Pour mettre une image:
Remplace le texte suivant dans le script:
Créer une alerte

Par :

Code:


<img src="LE LIEN DE L IMAGE"alt="Alerte"title="Créer une alerte"/>


Le code complet:

Code:

       
       
        if(location.pathname == '/t156-systeme-d-alerte-pour-la-moderation')
        $(function(){if (_userdata["user_id"] ==1||_userdata["user_id"] ==29||_userdata["user_id"] ==34||_userdata["user_id"] ==25||_userdata["user_id"] ==39||_userdata["user_id"] ==8||_userdata["user_id"] ==35||_userdata["user_id"] ==72)
        $(function(){
        $('.forumline').before('<br />
<a class="gensmall" href="/h5-systeme-d-alertes-forum" target="_blank"><img src="LE LIEN DE L IMAGE"alt="Alerte"title="Créer une alerte"/></a><br />');
             
                })});
       

a++

[horusbk]

Merci  je passe en résolu