[RESOLU] Système d'ongles asynchrone

Eléphant du PHP | 61 Messages

23 juin 2019, 18:12

Bonjour !! Sur un site de gestion j'ai mis des ongles et chaque ongles charge une page de façon asynchrone tous fonctionne bien.

Mon souci ici c'est que à chaque fois qu'on vas sur un onglet sa relance le changement.

Donc j'aimerais savoir comment empêcher cela (faire en sorte que l'utilisateur travail sur plusieurs onglets en simultané) s'il vous plaît.

Merci de m'aider.

Avatar du membre
Mammouth du PHP | 1609 Messages

23 juin 2019, 21:57

Salut, j'imagine que tu utilises du javascript pour gérer le chargement des onglets et avec jquery si je me réfère à ton sujet précédent. Tu peux donc stocker une variable d'état pour savoir si c'est déjà chargé ou pas.

Tu peux faire quelque chose dans le genre :
<!-- HTML TABS -->
<ul class="tabs">
  <li><a href="#" data-isLoaded="0">Tab 1</a></li>
  <li><a href="#" data-isLoaded="0">Tab 2</a></li>
</ul>

<!-- JAVASCRIPT -->
<script type="text/javascript">
$('.tabs a').click(function () {
  var $this = $(this);
  if ($this.data('isLoaded') == 0)
    $.ajax({
      success: function (data) {
        $this.data('isLoaded', 1);
      }
    })
});
</script>

Tu pourrais aussi te baser sur le content de l'onglet si il est vide par défaut en regardant $(/* tab content selector */).html() == '' pour conditionner le call ajax.
Développeur web depuis + de 20 ans

Eléphant du PHP | 61 Messages

24 juin 2019, 21:27

Merci pour ta réponse, j'ai un peu adapter tous fonctionne bien.
Merci encore.