Résolu Faire un modal bootstrap au lancement d'une page

Jak Chirak

Membre
Inscription
21 Avril 2014
Messages
939
Réactions
371
Points
1 820
RGCoins
0
Bonjour, j'aimerais savoir comment fait on pour que quand la personne qui arrive sur un site en bootstrap, ai un modal bootstrap qui s'affiche, pour par exemple, mettre des offres publicitaires etc...

Merci de votre aide :)
 

Anthony.

Premium
Inscription
27 Octobre 2014
Messages
507
Réactions
822
Points
12 526
RGCoins
0
Bonjour, j'aimerais savoir comment fait on pour que quand la personne qui arrive sur un site en bootstrap, ai un modal bootstrap qui s'affiche, pour par exemple, mettre des offres publicitaires etc...

Merci de votre aide :)
Bonjour ,

Il suffit juste de se renseigné sur google :
 

Jak Chirak

Membre
Inscription
21 Avril 2014
Messages
939
Réactions
371
Points
1 820
RGCoins
0
Salut !
Donc tu a un modal bootstrap
Code:
<div class="modal fade" id="offres_publicitaires" tabindex="-1" role="dialog" aria-labelledby="offres_publicitairesLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                 <h4 class="modal-title" id="offres_publicitairesLabel">TEXT 1</h4>

            </div>
            <div class="modal-body">
                <p>TEXT 2
                    <BR>TEXT 3</p>
                <p>TEXT 4</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>
Et le code JavaScript
Code:
<script type='text/javascript'>
   $(document).ready(function () {

    $('#offres_publicitaires').modal('show');

});

  </script>
Il faut aussi jQuery
Code:
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

Merci infiniment !
 
Haut