Afficher le calendrier sous forme de liste.

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

Résolu Afficher le calendrier sous forme de liste.

Message par Shagooo le Jeu 21 Avr 2016 - 15:06

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.fsx-france.com/

Description du problème

Bonjour à tous

Mon site propose des vols en réseau sur simulateur et j'aimerais mettre en page d’accueil l’événement du jour ou les événements de la semaine.

Je suis tombé sur ce sujet là: http://forum.forumactif.com/t380439-affichage-des-evenements-sous-forme-de-liste


Cela fait 2 ans que je cherche un code comme celui ci, mais cela ne semble pas fonctionner sur PHPbb2....

Merci de votre aide

Cordialement.

Shag

PS: Sans les anniversaires



Dernière édition par Shagooo le Ven 20 Mai 2016 - 21:39, édité 2 fois

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Ven 22 Avr 2016 - 10:48

Bonjour,




Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Sam 23 Avr 2016 - 20:25

Bonjour,



Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Dim 24 Avr 2016 - 16:17

Bonjour,



Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Lun 25 Avr 2016 - 21:32

Bonjour,

Aidez moi les Z'amis



Merci d'avance.

Cordialement.

Shag


Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mer 27 Avr 2016 - 22:51

Bonjour,

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Lun 2 Mai 2016 - 11:02

Bonjour,

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mar 3 Mai 2016 - 18:24

Bonjour,

@Shagooo a écrit:

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.fsx-france.com/

Description du problème

Bonjour à tous

Mon site propose des vols en réseau sur simulateur et j'aimerais mettre en page d’accueil l’événement du jour ou les événements de la semaine.

Je suis tombé sur ce sujet là: http://forum.forumactif.com/t380439-affichage-des-evenements-sous-forme-de-liste


Cela fait 2 ans que je cherche un code comme celui ci, mais cela ne semble pas fonctionner sur PHPbb2....

Merci de votre aide

Cordialement.

Shag

PS: Sans les anniversaires


Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Sam 7 Mai 2016 - 10:45

Bonjour,

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Lun 9 Mai 2016 - 21:43

Bonsoir à tous

Aidez moi les amis


Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mar 10 Mai 2016 - 20:17

Bonsoir, je viens de faire un essai avec le javascript suivant:
Code:
    $(function(){(function(){
          try{
          var max_jours=5;
          var tri=[],i=0,ii,d=new Date(),$liste=$("<ul>",{class:'mon_calendrier'}),genObjet=function(d){
                try{
                var a,b=[],d=d;
                $('>tbody>tr>td[class^="row"]',$('form[name="_calendar"] table.forumline',d)).each(function(i,e){
                var $e=$('>table',e),oC={},AAAA,MM,JJ;
                if(!$e.length>0)return;
                oC[i]={},oC=oC[i];
                oC.evenements=false;
                oC.anniversaires=false;
                oC.date=$("tr:first-child",$e).first().text();
                //Timestamps
                oC.annee=/\d{4}/.exec(oC.date)[0]*1;
                oC.jour=/\d{2}/.exec(oC.date)[0]*1;
                //Un peu plus compliqué pour le mois
                oC.date.replace(/[^\s]{3,4}(?=\s+\d{4})/,function($$){
                var mois=['jan','fév','mar','avr','mai','juin','juil','aoû','sep','oct','nov','déc'];
                oC.mois=mois.indexOf($$.toLowerCase());
                });
                //Création d'un timestamp déterminant le début du jour
                oC.dJ_timestamp=(new Date(oC.annee,oC.mois,oC.jour,0,0,0,0)).getTime();
                //Création d'un timestamp déterminant la fin du jour
                oC.fJ_timestamp=oC.dJ_timestamp+86400000;
                //on incrémente de 1 le mois
                oC.mois+=1;
                //Le jour dans le calendrier est stocké.
                oC.object=$e;
                b.push(oC);
                if(!(a=$("tr:nth-child(n+1)",$e).find('a.genmed'),a).length)return;
                      a.each(function(i,e){
                            var ev;
                            if(e.href.indexOf('display=birth')!=-1){
                            !oC.anniversaires&&(oC.anniversaires={});
                            oC.anniversaires[i]={};
                            ev=oC.anniversaires[i]}else{
                            !oC.evenements&&(oC.evenements={});
                            oC.evenements[i]={};
                            ev=oC.evenements[i]}
                          ev.titre=$(e).text();
                          ev.html=$(e).parentsUntil('td').html();
                          });
                });
              return b}catch(e){console.log(e)}
              },nouvelle_url=function(){
          var AAAA,MM;
          AAAA=d.getFullYear();
          MM=d.getMonth()+1+i;
          if(!(MM<=12)){AAAA+=1;MM=1;}
          if(MM<10)MM='0'+MM;
          i++;
          return '/calendar?start='+AAAA+MM+'01';
          };
          $.when(
          $.ajax({method:'GET',cache:false,url:nouvelle_url()}),
          $.ajax({method:'GET',cache:false,url:nouvelle_url()}),
          $.ajax({method:'GET',cache:false,url:nouvelle_url()})
          ).done(function(){
              'use strict';
              var date=(new Date()).getTime(),i,ii,mois=[],tri=[];
              /*
              C'est la fonction genObjet déclarée plus haut qui crée un objet avec tous les jours du mois.
              On l'utilise sur toutes les requêtes AJAX faites.
              */
              for(i in arguments){
                    var d=arguments[i][0];
                    mois.push(genObjet(d));
              }
              /*On parcourt le tableau des mois*/
              for(i in mois){/*1 mois*/
                for(ii in mois[i]){/*1 jour*/
                    /*on teste pour chaque jour*/
                    if(date<mois[i][ii].fJ_timestamp&&mois[i][ii].evenements&&tri.length<max_jours)tri.push(mois[i][ii]);
                }
              }
          /*
          Notre tableau de tri contient à présent les jours où il y a un évènement à venir...
          Il est temps de s'attaquer à la mise en forme de notre liste
          */
          for(i in tri){
              $("<li>",{class:'center date',text:tri[i].date}).appendTo($liste);
              for(ii in tri[i].evenements){
                $("<li>",{class:'center evenement'}).html(tri[i].evenements[ii].html).appendTo($liste)
              }
          }
          /*
          Et voila notre liste est déjà créée :O !
          Ne nous reste donc plus qu'à l'ajouter à un élément du DOM disposant d'un identifiant,
          prochains_evenements
          par exemple.
          */
          $liste.appendTo('#prochains_evenements');
          }
          );
          }catch(e){console.log(e)}
        })()});


Dernière édition par no_way le Mer 18 Mai 2016 - 23:13, édité 2 fois



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mar 10 Mai 2016 - 21:07

Bonsoir no_way,

Merci à toi !!

Beaucoup de boulot, je regarde le code jeudi et reviens vers toi.

Merci à toi.

Cordialement.

Shag


Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Jeu 12 Mai 2016 - 13:12

Bonjour Welcome

Le code modifie le calendrier,

J'aimerais avoir un Widgets comme présenté sur ce site "PROCHAINS ÉVENEMENTS" (en haut à droite)
http://rivages.forumactif.org/

Dis le moi si c'est trop tordu.

Merci à toi et à bientôt pour te lire

Cordialement.

Shag

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Jeu 12 Mai 2016 - 20:29

Le code ne modifie pas le calendrier, quelque soit la version (phpbb2 ou 3), as-tu suivi le sujet initial ?

Seul le code Javascript diffère Smile



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mar 17 Mai 2016 - 9:09

@no_way a écrit:Le code ne modifie pas le calendrier, quelque soit la version (phpbb2 ou 3), as-tu suivi le sujet initial ?

Seul le code Javascript diffère Smile

Bonjour,

Oui fausse manip...

J'ai donc mis le code java (sur toutes les pages),

idem pour le CSS

Code:
.mon_calendrier{
  list-style:none !important;
  margin:0px !important;
  padding:0px !important;
}
.mon_calendrier .date{
  font-weight:800;
  color:#F00046;
  background:#DEDEDE
}

Malheureusement, je ne vois aucun changement.

Il est possible que je manque de maîtrise, votre discussion sur l'autre sujet semblait plutôt complexe...

Bonne journée.

Cordialement.

Shag




Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mar 17 Mai 2016 - 10:53

Où as-tu mis:
Code:
<div id="prochains_evenements">
</div>
?

reprends ce message Smile



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mar 17 Mai 2016 - 11:29

Bonjour,

Merci pour ta réponse,

J'ai mis le code sur cette page HTML afin de faire le test: http://www.fsx-france.com/h11-test-calendar

Mais je ne vois rien, idem dans un Widgets.

Merci à toi.

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mar 17 Mai 2016 - 23:10

Tu peux mettre le code où tu veux à partir du moment où les codes javascripts sont chargés, c'est à dire soit dans un widget, soit dans une page HTML avec le haut et le bas du forum, là dans la page HTML nue, ça n'a aucune chance de fonctionner ^^




no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mar 17 Mai 2016 - 23:29

Re,

Peut importe ou je le place... Je ne vois rien

J'ai l'impression d'être un boulé, je ne comprend pas pourquoi rien ne s’affiche ! je suis plutôt débrouillard en général.

aie aie aie




Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mer 18 Mai 2016 - 0:04

Je ne vois toujours pas le code, placez le code dans un widget et surtout, même si rien ne s'affiche, laissez le en place, que je puisse tester ce qui poserait éventuellement souci Smile



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mer 18 Mai 2016 - 18:23

@no_way a écrit:Je ne vois toujours pas le code, placez le code dans un widget et surtout, même si rien ne s'affiche, laissez le en place, que je puisse tester ce qui poserait éventuellement souci Smile

Bonjour Smile

c'est ok sur cette page: http://www.fsx-france.com/

Petit cliché pour trouver la chose (ou pas )



Merci à toi.

Cordialement.

Shag


Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mer 18 Mai 2016 - 23:14

Super j'ai modifié mon script fourni plus haut, je te laisse le reprendre Smile



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Mer 18 Mai 2016 - 23:33

@no_way a écrit:Super j'ai modifié mon script fourni plus haut, je te laisse le reprendre Smile
Oua, c'est super !
Merci, Merci, Merci, Merci, Merci

Je regarde et paramètre et reviens vers toi.

Grand merci

Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Mer 18 Mai 2016 - 23:38

Ahah , de rien de rien Wink



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Jeu 19 Mai 2016 - 13:20

Bonjour,

Cela fonctionne à merveille, mais avant de cocher résolu, j'aurais une toute petite question, après je te laisse tranquille.

Comment puis-je alligné le texte comme sur la photo de droite



Merci et à bientôt ok



Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher le calendrier sous forme de liste.

Message par no_way le Jeu 19 Mai 2016 - 22:53

Pas de souci, il te faut remplacer dans le script fourni:
Code:
 $("<li>",{class:'center evenement'})
par:
Code:
 $("<li>",{class:'evenement'})

Ce qui retirera le centrage du texte, puis ajouter le code CSS suivant:
Code:
.mon_calendrier li.date{
padding-left:20px;
}
.mon_calendrier li.evenement{
padding-left:20px;
}
À toi de modifier 20 px par ce que tu veux, pour la date ou l' évènement.



no_way
Aidactif
Aidactif

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

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

Résolu Re: Afficher le calendrier sous forme de liste.

Message par Shagooo le Ven 20 Mai 2016 - 21:38

Bonsoir à tous,

Grand merci no_way, tu as fait du super boulot en je t'en suis très reconnaissant !

Je te souhaite un bon week end et te dis à un de ces jours Very Happy

Cordialement.

Shag



Shagooo
***

Masculin
Messages : 128
Inscrit(e) le : 12/09/2011

http://www.fsx-france.com/
Shagooo 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