Comment gérez-vous le contenu des "fenêtres" d'information?

[Sephi-Chan]

Je pense qu'il parle de popup au sens large : pas forcément des popups de l'an 2000. Plutôt ceux qui sont simplement des blocs mis au premier plan (comme les lightbox, par exemple) et qui voilent ou non le reste de la page (on dit alors que ce sont des fenêtre modales : elles bloquent les autres fonctionnalités).

Pour t'aider, Il faut que tu précises ton contexte : est-ce que les joueurs auront besoin de survoler tes bulles ? Ou servent-ils juste d'aide à une minorité ?

Si leur consultation est un besoin (si par exemple ils doivent ouvrir la bulle de ta mine pour lancer l'évolution, par exemple), alors charger à l'ouverture peut ne pas être mal : ça leur évitera de patienter pour chaque bâtiment dont ils veulent les informations.

Sinon, tu peux les charger en Javascript puis les stocker en cache. Admettons un cas comme ça :

<div class="case building" id="case-24-89" data-informations-loaded-at="never" />

Ainsi, quand on survole la case, tu récupères la valeur de l'attribut data-informations-loaded-at et tu testes :

• Si c'est never, tu charges la bulles ;
  
• Si c'est une date qui remote à 3 minutes ou plus, tu recharges ;
  

Ta récupération va créer un sous-arbre DOM que tu vas injecter dans le bloc de ta case, ça va alors donner :

<div class="case building" id="case-24-89" data-informations-loaded-at="date-serialisee">

  <div class="tooltips">

    <p>Hey mon ami, t'aime ça manger des patates ?</p>

  </div>

</div>

Voilà, voilà !


Sephi-Chan