Page 1 sur 1

Système d'ongles asynchrone

Posté : 23 juin 2019, 18:12
par parfait
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.

Re: Système d'ongles asynchrone

Posté : 23 juin 2019, 21:57
par Saian
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.

Re: Système d'ongles asynchrone

Posté : 24 juin 2019, 21:27
par parfait
Merci pour ta réponse, j'ai un peu adapter tous fonctionne bien.
Merci encore.