Tuto Calendrier hover et click

Je te mets une solution qui utilise les classes plutot que show() / hide() mais le principe est le meme. Par contre j'ai pas pigé quels sont les sélecteurs a utiliser pour les trucs a cliquer et a ceux a afficher, donc faudra adapter a ton cas particulier:
L'idée est

• Pour le delais: de lancer un timer a l'ouverture de ton truc pour le fermer ensuite automatiquement (fonction JS setTimeout())
• Pour le clique en dehors du truc: detecter un clique sur le body et verifier que celui-ci n'est pas executé sur le truc en question

Le code ressemble a quelque chose comme ca :

$(document).ready(function(){
    $('.events').click(function(e){
        // Affiche ton truc en lui ajoutant une classe
        $( /*...*/ ).addClass('display');
        // Lance un timer pour cacher ton truc en lui retirant la classe apres 5s
        setTimeout( function(){
            $( /*...*/ ).removeClass('display');
        }, 5000);
    });
    $('body').click(function(e){
        // Détecte un click sur le body
        // Vérifier que c'est pas sur ton truc qu'on click
        // Enleve la classe 'display' pour fermer les trucs
        if ( e.target.class != 'display' ) {
            $('.display').removeClass('display');
        }
    });
});

u><strong>@Vallyan:</strong</u>

Merci pour ta réponse, malheureusement cela ne change rien.

Voilà en images ce que cela fait à l'heure actuelle que ce soit avec mon code initial ou celui de ta réponse.

Phase 1: souris en dehors du calendrier:

Phase 2: souris pointant sur une date avec "events":

Phase 3: souris traversant le tableau pour aller en direction des "events" à gauche (H.S. afin de pouvoir cliquer dessus) donc sortant de la case du jour:

Phase 3bis: rendu de ce que je souhaiterais voir afficher pendant un laps de temps (exemple: 5s le temps de cliquer sur un des events afficher à gauche) et pouvant être "die" si je clique n'importe ou pour revenir à la phase 1 ou 2:

En gros pour donner plus de précision à mon soucis, mes events en classe hover (hover.events (cf. table td:hover .events de mon css) apparaissent au survol de la souris dès que je passe sur un n'importe quel case du calendrier, chose que je souhaite conserver. L'idée est lorsque je clique et non-survol, mes events s'affichant avec le hover reste fixe pendant 5s *me permettant de pouvoir cliquer sur l'un de ces events (en lien) pour me rediriger via un <a href> sur une autre page.

* le sujet ne concerne pas cela, mais cela permets de comprendre la finalité globale de ce que je souhaite faire.

Merci par avance pour vos réponses.

OK, si je comprends bien:

• Le panneau de droite s'affiche (s'update) au survol, donc des que ta souris passe au-dessus d'une case, le panneau de droite change.
• Tu voudrais pouvoir ajouter des liens dans le panneau de droite, donc il te faut un moyen de "geler" ce panneau pour qu'il ne réponde plus au survol des autres cases pendant 5 secondes, le temps de cliquer sur le lien

Si c'est ca, je suggere que:

• Tu instancie un bouléen quelque part dans ton script, au chargement de la page.

  var freeze = false;

• Dans ton code pour afficher le panneau de droite au survol, vérifie que cette variable est a false

  $('td').mousehover(function(e){
  if (!freeze) {
  / Code pour afficher le panneau de droite /
  }
  });

• Lorsque tu cliques sur un td, mets la variable a true pour 5 secondes. Ceci empêchera l'update du panneau de droite au survol pendant ces 5 secondes

  $('td').click(function(e){
  freeze = true;
  setTimeout(function{
  freeze = false;
  }, 5000);
  });

u>@Vallyan:</u

Déjà merci pour ta deuxième réponse et ta réactivité pour la poster.

Donc tu as très bien saisis ce que je souhaite faire.

Si je te comprends correctement, il faudrait que je supprime la partie hover de mon css, et que je traite cette partie via une fonction.

Bien que le terme "instancier un booléen" ne me parle pas trop étant donné que je débute en php/jquery (allo google dessine-moi une instanciation booléenne^^), je vais tenter de partir dans cette direction, et te tiens au jus dès que possible (dans les jours qui viennent soit demain ou après-demain).

Question subsidiaire: que représente "(e)" dans "function (e)", est-ce "mon event[time]as e ", ou est-ce que cela est inhérent à la funtion tout simplement, ou lié au target de ta première réponse?

Je te remercie encore pour ta réponse.

Bonjour J'ai exactement le même problème quelqu'un aurait la solution ?

Merci a tous