Afficher le calendrier sous forme de liste.

2 participants

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 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 Afficher le calendrier sous forme de liste. Icon_smile

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à: https://forum.forumactif.com/t380439-affichage-des-evenements-sous-forme-de-liste
Afficher le calendrier sous forme de liste. Calwid10

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

Merci de votre aide Afficher le calendrier sous forme de liste. 2495518637

Cordialement.

Shag

PS: Sans les anniversaires Afficher le calendrier sous forme de liste. 1662367987

Afficher le calendrier sous forme de liste. 4221809242


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

Shagooo
***

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

Voir le profil de l'utilisateur 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 Ven 22 Avr 2016 - 10:48

Bonjour, Afficher le calendrier sous forme de liste. Message-22

Afficher le calendrier sous forme de liste. Merci

Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Sam 23 Avr 2016 - 20:25

Bonjour, Afficher le calendrier sous forme de liste. Message-22

Afficher le calendrier sous forme de liste. Merci
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Dim 24 Avr 2016 - 16:17

Bonjour, Afficher le calendrier sous forme de liste. Message-22

Afficher le calendrier sous forme de liste. Merci
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Lun 25 Avr 2016 - 21:32

Bonjour, Afficher le calendrier sous forme de liste. Message-22

Aidez moi les Z'amis Afficher le calendrier sous forme de liste. 3223416177

Afficher le calendrier sous forme de liste. The-walkind-dead-zombie-femme-rampant-dans-lherbe

Merci d'avance.

Cordialement.

Shag

Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Mer 27 Avr 2016 - 22:51

Bonjour, Afficher le calendrier sous forme de liste. Message-22
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Lun 2 Mai 2016 - 11:02

Bonjour, Afficher le calendrier sous forme de liste. Message-22
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Mar 3 Mai 2016 - 18:24

Bonjour, Afficher le calendrier sous forme de liste. Message-22

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 Afficher le calendrier sous forme de liste. Icon_smile

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à: https://forum.forumactif.com/t380439-affichage-des-evenements-sous-forme-de-liste
Afficher le calendrier sous forme de liste. Calwid10

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

Merci de votre aide Afficher le calendrier sous forme de liste. 2495518637

Cordialement.

Shag

PS: Sans les anniversaires Afficher le calendrier sous forme de liste. 1662367987

Afficher le calendrier sous forme de liste. 4221809242
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Sam 7 Mai 2016 - 10:45

Bonjour, Afficher le calendrier sous forme de liste. Message-22
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Lun 9 Mai 2016 - 21:43

Bonsoir à tous Afficher le calendrier sous forme de liste. Message-22

Aidez moi les amis Afficher le calendrier sous forme de liste. 2858126841

Afficher le calendrier sous forme de liste. 4221809242
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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

Shagooo
***

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

Voir le profil de l'utilisateur 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 Mar 17 Mai 2016 - 10:53

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

reprends ce message Smile
no_way

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 Mar 17 Mai 2016 - 23:29

Re,

Peut importe ou je le place... Je ne vois rien Afficher le calendrier sous forme de liste. 2858126841

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

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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 ) Afficher le calendrier sous forme de liste. 753574345

Afficher le calendrier sous forme de liste. Affich10

Merci à toi.

Cordialement.

Shag

Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Mer 18 Mai 2016 - 23:14

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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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 Afficher le calendrier sous forme de liste. 2898807997

Je regarde et paramètre et reviens vers toi.

Grand merci Afficher le calendrier sous forme de liste. 4101350018
Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 Mer 18 Mai 2016 - 23:38

Ahah , de rien de rien Wink
no_way

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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

Afficher le calendrier sous forme de liste. Calwid10

Merci et à bientôt ok


Shagooo

Shagooo
***

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

Voir le profil de l'utilisateur 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 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

no_way
Aidactif
Aidactif

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

Voir le profil de l'utilisateur
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 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

Shagooo
***

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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