django - Affichage Modal Bootstrap Première fois le chargement de la page

6

Pour ce faire, vous devez utiliser un moyen de stocker des données sur l'utilisateur qui persiste entre les visites du site web, qui est généralement considéré comme un session. Dans ce cas particulier, il semble que les utilisateurs pourraient ne pas être connecté, ce qui est visé plus spécifiquement comme un anonymous session.

Il y a un certain nombre d'options s'offrent à vous pour stocker les sessions anonymes. Le moyen le plus rapide et le plus simple serait d'utiliser les cookies, mais d'autres options incluent le fichier de base de sessions, Html5 de stockage, ou de bases de données.

De ce que vous avez écrit, je dirais que les cookies sont probablement la meilleure solution pour vous.

Et, comme vous vous en doutez, Django a une fonctionnalité intégrée à l'aise à travailler avec des cookies. Je suggère à la recherche dans la documentation de Django sessions, que je trouve vraiment accessible et facile à apprendre, à voir comment le mettre en œuvre.

Si vous avez des questions plus spécifiques sur l'utilisation des cookies (ou les sessions anonymes) dans Django, faites le moi savoir et je vais essayer de l'aider.
- parfait j'apprécie les commentaires
InformationsquelleAutor jamesplease

Vous pouvez utiliser jquery.cookies.js en combinaison avec modal.js pour charger la page qu'une seule fois puis définissez une date d'expiration du cookie.

            <script src="/path/to/jquery.cookie.js"></script>
            <script>
            $(document).ready(function() {
                 if ($.cookie(‘pop’) == null) {
                     $(‘#myModal’).modal(‘show’);
                     $.cookie(‘pop’, ’7');
                 }
             });
            </script>

Vous pouvez trouver plus de détails dans ce tutoriel:

http://calebserna.com/bootstrap-modal-email-subscription-form/

InformationsquelleAutor web designer philippines

Montrer Modal Bootstrap premier temps de chargement de la page

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js">
</script>
<script type="text/javascript">
 $(document).ready(function() {
     if ($.cookie('pop') == null) {
         $('#myModal').modal('show');
         $.cookie('pop', '1');
     }
 });
</script>

Vous pouvez définir le nombre de jours de cacher modal

InformationsquelleAutor Super Model

1

Bien, vous pouvez utiliser le localstorage
pour le stockage de l'action qui s'est vraiment passé, de sorte qu'il est persistant ou vous pouvez utiliser un cookie par exemple appelé shown et le mettre à false au début et après, le modal est indiqué que vous venez de définir à true.

InformationsquelleAutor Thomas Kos
1

Il y aurait certainement des façons de le faire avec Django. Vous pouvez stocker l'IP de l'utilisateur, par exemple, et si oui ou non l'utilisateur lors que la propriété intellectuelle ne l'a jamais frappé le "ne plus afficher ce message" bouton. Ce serait le seul véritable moyen de savoir pour sûr que vous n'étiez pas montrer une vidéo de quelqu'un qui avait demandé de ne pas le voir. Sur l'extrémité avant, les utilisateurs peuvent toujours évident de leurs propres cookies ou des locaux de stockage de sorte avant la fin de suivi peut se perdre.

Cela dit, voici un exemple réel, puisque vous avez mentionné étant nouveau JavaScript:
```
//When the user clicks the button...
localStorage.setItem('no_display', 'true');

//When a user visits the page...
var no_display = localStorage.getItem('no_display');
if (no_display !== 'true') {
  display_the_modal();
}
```
InformationsquelleAutor Stupid Stupid

Vous pouvez essayer ce code exécutable-

JS:

$(window).load(function()
{
    $('#myModal').modal('show');
});

HTML:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="container">
  <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
  
</div>

Plus peut être trouvé ici.

Si u à l'approche de cette manière, u ne recevrez pas votre problème (pour moi).

Pense que vous avez votre réponse complète.

InformationsquelleAutor Abrar Jahin

Vous devez vous connecter pour publier un commentaire.