Afficher le contenu du calendrier (calendrier + événements) dans l'Annonce du forum

[Tomneo]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://clansnr.forumactif.org

Description du problème

(Après que mon sujet soit supprimé dans la corbeille (6jours après mon dernier message de up c'est un peu rapide mais bon soit je ne voulais pas non plus que l'on croit que je spam d'où mon attente), je remets encore mon sujet au même endroit en espérant que quelqu'un puisse enfin m'aider ...)

Bonjour tout le monde, j’espère que vous pourrez m’aider, je vais essayer d’être le plus clair possible dans ma demande.

Je suis donc admin du forum ci-dessous :
http://clansnr.forumactif.org/

C’est un forum sur un jeu de téléphone mobile, qui a toujours des événements en cours quasiment tous les jours. Et je souhaiterais pouvoir afficher dans l’Annonce du forum donc en haut de page, le contenu de l’agenda géré par le forum sur le lien suivant :

http://clansnr.forumactif.org/calendar_scheduler.forum

Si c’était possible, il faudrait récupérer les infos qui sont affichées dans les tables à savoir : le calendrier, les événements, et les anniversaires pourquoi pas (facultatif), de façon à afficher que ça en haut de page et qu’on puisse voir directement ce qui est en cours dans le jeu.

En utilisant pourquoi pas un script comme iframe ou tout autre chose tant que ça marche, je suis confiant !

N’ayant pas assez de connaissances dans ce domaine, je n’ai pas réussi à trouver le code d’origine de l’affichage de la page calendar_scheduler.forum du coup je n'arrive pas à afficher que le calendrier et les événements. Il suffirait juste que je sache ce code pour résoudre mon problème mais je sais pas si vous pouvez me le donner malheureusement …

J’ai essayé en mettant iframe src="calendar_scheduler.forum" etc… cela affiche la page entière avec le titre du forum, les colonnes à gauche et à droite etc donc ça ne marche pas comme je voudrais …

Quelqu'un qui est bon en code html, ou en script qui connait bien les codes sources pourrait ’il m'aider ?

Il doit surement y avoir une possibilité de récupérer le corps du contenu du calendar_scheduler.forum ou de créer un code qui permettrait de l'utiliser ?

Afin que je puisse l'utiliser pour afficher sur ma page du forum ...

Merci énormément d’avance, je reste à votre disposition si jamais vous avez des questions, merci !

[Self]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Vous pouvez essayer avec le code suivant (PA > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript) :

Code:

if(location.pathname == '/') jQuery(function($){
   $('#fa_ticker_container').before('<div class="calendar" />');
   $('.calendar').load('/calendar table.forumline:nth-child(4)');
   setTimeout(function(){ $('.calendar .forumline>tbody>tr:first-Child').remove(); }, 800);
});

Puis ce code CSS pour diminuer la hauteur :

Code:

.calendar table[height]{ height: 65px; }

Cordialement !

[Tomneo]

Merci je vais essayer tout de suite et je vous tiens au courant du résultat

[Tomneo]

Merci pour ce code, je viens d'essayer, c'est l'idée que je voulais mais est-ce que serait possible qu'au lieu d'afficher le calendrier du mois en entier, cela pouvait être juste celui du jour même ? Et si possible que ce soit affiché sous l'Annonce du forum et pas au dessus ?

Merci encore à l'avance j'ai hâte de voir ta réponse et que ce soit parfait

[Self]

Bonjour,

Utilisez donc plutôt ce code :

Code:

if(location.pathname == '/') jQuery(function($){
   $('#fa_ticker_container').after('<div class="calendar" style="display:none;" />');
   var d = new Date(), j = d.getDate();
   $('.calendar').load('/calendar table.forumline:nth-child(4)', function(){
      var today = $('span.genmed a span').html().match(j);
      if(today){
         t = $('span.genmed a span').closest('td.row1').html();
         $('.calendar').html(t).fadeIn().find('.row1[align]').attr('align', 'center');
         $('a[onmouseover]').on('mouseover', function(){ $('body>div').css('z-index', '10000') });
      }
   });
});

Cordialement !

[Tomneo]

Merci pour ta réponse rapide

Il semble peut-être y avoir une petite erreur, car il n'y a rien qui s'affiche ?

Merci d'avance !

[Self]

Bonjour,

Je ne vois pas le code sur votre forum, pouvez vous les mettre de nouveau si vous l'avez retiré ?

[Tomneo]

Ok, voilà je l'ai mis valable sur toutes les pages...

http://clansnr.forumactif.org/

Merci d'avance.

Edit : Si cela peut vous aider de vous inscrire sur le forum pour voir si le code s'affiche ou n'importe, pas de soucis je le supprimerais par la suite

[Self]

Cela s'affiche bien chez moi.

Peut-être est-ce à cause du temps de chargement, essayez comme ceci peut-être :

Code:

if(location.pathname == '/') jQuery(function($){
   $('#fa_ticker_container').after('<div class="calendar" style="display:none;" />');
   var d = new Date(), j = d.getDate();
   $('.calendar').load('/calendar table.forumline:nth-child(4)', function(){
      setTimeout(function(){
         var today = $('span.genmed a span').html().match(j);
         if(today){
            t = $('span.genmed a span').closest('td.row1').html();
            $('.calendar').html(t).fadeIn().find('.row1[align]').attr('align', 'center');
            $('a[onmouseover]').on('mouseover', function(){ $('body>div').css('z-index', '10000') });
         }
      }, 800);
   });
});

Sinon quel navigateur utilisez-vous ? Est bien Firefox comme indiqué sur votre profil ?

[Tomneo]

Oui j'utilise bien Firefox, mais d'accord je viens de voir en fait cela s'affiche lorsqu'on est pas connecté. Et visiblement que sur l'index du forum même si j'ai activé le script sur toutes les pages.

Donc comme j'étais connecté avec mon compte sur le forum, je ne voyais pas la modif ...

Il y a une chatbox d'activée une fois connectée est-ce que cela rentrerait pas en conflit avec le script ?

Voici le script utilisé pour la chatbox :

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});

Par ailleurs, serait-il possible que le petit tableau avec le calendrier du jour soit affiché sur toutes les pages et pas que l'accueil ?

Si vous voulez, faites une inscription avec un nom test afin de voir peut-être le problème ...

Merci beaucoup par avance !

[Self]

Alors j'avoue ne pas trop savoir pourquoi.
Je n'ai pas d'erreur dans la console et sur mon forum test la chatbox ne semble pas poser de problème.
J'ai cependant essayé d'ajouter le widget de sondage et ai obtenue une erreur sur mon forum test corrigé avec ce code, pouvez-vous essayer ? :

Code:

jQuery(function($){
   $('#page-body').prepend('<div class="calendar" style="display:none;" />');
   var d = new Date(), j = d.getDate();
   $('.calendar').load('/calendar table.forumline:nth-child(4)', function(){
      var today = $('span.genmed a span').html().match(j);
      if(today){
         t = $('span.genmed a span').closest('table[height]').parent().html();
         $('.calendar').html(t).fadeIn().find('.row1[align]').attr('align', 'center');
         $('a[onmouseover]').on('mouseover', function(){ $('body>div').css('z-index', '10000') });
      }else{
         $('.calendar').html('Il ne semble pas y avoir d\'évenement aujourd\'hui');
      }
   });
});


[Tomneo]

Bonjour, merci pour votre réponse, je n’ai pas eu le temps de regarder ça ce weekend, donc je me suis dépêché d’essayer ça ce matin.

J’ai utilisé le dernier code envoyé, cela a bien marché dans le sens où cela s’affiche maintenant sur chaque page comme demandé, par contre cela ne marche toujours pas dès qu’on est connecté avec son compte, cela ne s’affiche plus sous l’annonce...

J’ai essayé de supprimer le texte de l’annonce en pensant peut-être qu’il était trop long, mais rien.
J’ai essayé en désactivant l’annonce, toujours rien, ainsi qu’en agrandissant la zone de l’annonce et idem.

Je sais pas d’où cela pourrait venir ? Avez-vous une idée d’où il y aurait quelque chose qui bloque l’affichage une fois connecté ? une option à changer ou un conflit avec un autre objet du forum ?

Merci d’avance, je suis vraiment désolé de prendre autant de votre temps …

[Self]

Je n'ai pas d'erreur toute fois vous pouvez essayer en désactivant les autres Javascript ou les widgets.

[Tomneo]

Ok merci je vais essayer alors en farfouillant dans le panneau d'administration...

Par contre, est-ce que je peux paramètrer l'affichage de la table ? changer le cadre, mettre un titre, mettre une police etc.. ?

Est-ce qu'il y aurait un lien vers un petit explicatif ou des commandes pré-définies que je pourrais ajouter ?

Merci

[Tomneo]

J’ai essayé de désactiver certains widgets, modifier des options du forum, mais sans succès du coup pas grave pour ce problème d’affichage une fois connecté, on fera avec...

Par contre après réflexion, au lieu de marquer uniquement les événements du jour, serait-il possible d’afficher la semaine entière en cours sous forme d’un tableau comme sur le calendrier global ?
Un tableau avec pour titre Evénements de la semaine en cours (possibilité de passer la semaine d’avant et la suivante), les jours de la semaine sur la première ligne donnant les colonnes et les différents événements sur la ligne en dessous, et avec le bouton permettant de créer un événement sur le côté du titre ?

Un genre de calendrier du mois géré automatiquement par le forum mais juste pour la semaine entière ? Et toujours positionné en dessous de l’annonce …

Merci d’avance, et si vous arrivez vraiment à faire ça alors vous serez définitivement mon grand maître vénéré lol

[Self]

Bonsoir,

Je peux vous faire apparaitre la semaine entière, pas de problème !
Mais réorganiser le défilement d'un calendrier mensuel pour en faire un calendrier hebdomadaire dépasse mes compétences, désolé .

[Tomneo]

Bonjour, ok la semaine entière sera très bien alors Merci d'avance
Je ne mets pas en doute vos compétences ça sera très bien

[Tomneo]

Je serais dans l'impossibilité de passer sur le forum à partir de ce soir jusqu'au 16/03, donc j'attends la réponse de SeLfde4Th7 afin de faire le dernier essai et de clore le sujet.
Je mettrais donc le statut terminé sur le sujet si c'est le cas, merci donc de ne pas supprimer le sujet pendant que je ne suis pas là, c'est pour ça que je préfère vous prévenir Merci

[Chacha]

Je serais dans l'impossibilité de passer sur le forum à partir de ce soir jusqu'au 16/03, donc j'attends la réponse de SeLfde4Th7 afin de faire le dernier essai et de clore le sujet.
Je mettrais donc le statut terminé sur le sujet si c'est le cas, merci donc de ne pas supprimer le sujet pendant que je ne suis pas là, c'est pour ça que je préfère vous prévenir Merci

..	Bonjour, Attention, cela fait 10 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Tomneo]

me revoila, bonjour à tous

Content de voir que le sujet n'a pas été supprimé, je fais donc un petit up !

Merci d'avance

[Self]

Bonjour,

J'avais gardé la solution de côté .
Ce code Javascript devrait donner le résultat voulu :

Code:

jQuery(function($){
   $('#page-body').prepend('<div class="calendar" style="display:none;"></div>');
   var d = new Date(), j = d.getDate();
   $('.calendar').load('/calendar table.forumline:nth-child(4)', function(){
      $('span.genmed').each(function(){ var today = $(this).text().match(j); if(today) $(this).addClass('thisweek'); });
      var h = $('.thisweek').closest('table[height]').parents('tr').html();
      $('.calendar').html('<table><tr>'+h+'</tr></table>').fadeIn();
      $('a[onmouseover]').on('mouseover', function(){ $('body>div').css('z-index', '10000') });
   });
});

[Tomneo]

Wahou c'est ENORME ! Ca marche parfaitement même en étant connecté c'est magique

Merci infiniment, petit détail, avec le script est-ce que je peux définir l'affichage comment sera le tableau ?
J'aurais aimé voir les cases/colonnes, voir avec une couleur en fond ... C'est en changeant le style="display:none;" que cela pourrait marcher ?

C'est le dernier petit détail après je mettrais que mon problème de code est clos car ça sera vraiment impeccable

Merci d'avance !

[Self]

Bien au niveau de ça on a qu'a le faire par CSS.
En précédant toutes les classes par la classe .calendar ça ne devrait affecter que ce calendrier .

[Tomneo]

Ok je ne me permettrais pas vous dire comment faire, c'est vous qui pouvez savoir quelle manière est le meilleure et surtout le plus simple à faire car je suis simplement incompétant dans ce sujet, je vous fait totalement confiance
Merci

[Self]

La chose c'est que je ne peux choisir le style pour vous, il faut me dire ce que vous désirez.
Vous m'avez par MP vouloir le centré déjà, ajouter donc ce code à votre feuille de style CSS :

Code:

 .calendar > table{ margin: auto; }

[Tomneo]

Je dois aller dans Affichage/Themes temporaires puis modifier le theme actuel et l'onglet Feuille de Style CSS ?

et copier coller tout simplement
.calendar > table{ margin: auto; }
Dans la zone de texte ? pas besoin de le mettre dans une autre ligne ?

Car dans le CSS j'avais déjà :

Code:


a {
text-decoration: none

}

Est-ce utile de garder ce qui y était ?

Merci

[Self]

Vous pouvez garder ce qu'il y a déjà dans la feuille de style.
La feuille de style CSS se trouve dans le PA > Affichage > Couleurs > Feuille de style.
Il suffit effectivement de copier/coller le code et de valider .

[Tomneo]

Parfait, je n'avais pas pensé regarder dans Couleurs, merci

Donc du coup, c'est dans ce CSS que je vais pouvoir modifier l'apparence du tableau en rajoutant des lignes comme celle ci ?

[Self]

Oui c'est bien ça !

[Tomneo]

Merci j'ai déjà essayé quelques trucs, si vous pouviez regarder ce que j'ai fait :

http://clansnr.forumactif.org/

Je me disais est-il possible d’espacer la ligne du jour de la semaine de la ligne des événements en dessous ?

Et aussi est-il possible de changer la couleur du fond du tableau ? car en utilisant le code background-color, cela change ce qu’il y a autour du tableau mais pas l’intérieur, je trouve ça bizarre …

Merci, cela sera mes dernières demandes, promis lol