Modal - Javascript

Résolu/Fermé

Inconnu1234 Messages postés 385 Date d'inscription mardi 16 juillet 2013 Statut Membre Dernière intervention 21 août 2018 - 20 sept. 2015 à 09:35
Inconnu1234 Messages postés 385 Date d'inscription mardi 16 juillet 2013 Statut Membre Dernière intervention 21 août 2018 - 23 sept. 2015 à 21:51

Bonjour,

Je voudrais insérer sur mon site un modal, dialogue,
Ce bootstrap devrait apparaitre à un temps donné ( en secondes si possible ;) ),
et ce ne serait pas un texte mais une vidéo,...

Merci beaucoup pour vos réponses !

I-1234

A voir également:

Quelque chose bloque le fonctionnement de javascript sur votre ordinateur
Ordinateur qui rame - Guide
Ordinateur bloqué - Guide
Réinitialiser ordinateur - Guide
Code puk bloqué - Guide
Pad ordinateur bloqué - Guide

1 réponse

Réponse 1 / 1

hams.sun Messages postés 110 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 20 février 2019 9
20 sept. 2015 à 09:36

Essaye de mettre ta fonction d'ouverture de modal dans un setTimeout() Javascript ..

Inconnu1234 Messages postés 385 Date d'inscription mardi 16 juillet 2013 Statut Membre Dernière intervention 21 août 2018 14
20 sept. 2015 à 09:37

Merci, je vais essayer ;)

Inconnu1234 Messages postés 385 Date d'inscription mardi 16 juillet 2013 Statut Membre Dernière intervention 21 août 2018 14
20 sept. 2015 à 09:45

J'ai trouvé ce code là mais je suis pas sur de comment mettre le timeout,... voilà la code :

<div id="link">My video</div>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <iframe width="400" height="300" frameborder="0" allowfullscreen=""></iframe>
            </div>
        </div>
    </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script>
    $('#link').click(function () {
        var src = 'http://pandacartes.com/Merci.mp4&autoplay=1';
        $('#myModal').modal('show');
        $('#myModal iframe').attr('src', src);
    });

    $('#myModal button').click(function () {
        $('#myModal iframe').removeAttr('src');
    });
</script>

Pourrais-tu me le modifier pour que le modal apparaisse 20 sec après le lancement de la page, un grand merci ;)

Cordialement
I-1234

hams.sun Messages postés 110 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 20 février 2019 9
20 sept. 2015 à 18:07

Essaye de remplacer :

    $('#link').click(function () {
        var src = 'http://pandacartes.com/Merci.mp4&autoplay=1';
        $('#myModal').modal('show');
        $('#myModal iframe').attr('src', src);
    });

    $('#myModal button').click(function () {
        $('#myModal iframe').removeAttr('src');
    });

par

 
$('#link').click(function () {

window.setTimeout(function() {
        var src = 'http://pandacartes.com/Merci.mp4&autoplay=1';
        $('#myModal').modal('show');
        $('#myModal iframe').attr('src', src);
}, 20000); // 20000 millisecondes = 20 secondes

    });

    $('#myModal button').click(function () {
        $('#myModal iframe').removeAttr('src');
    });

Inconnu1234 Messages postés 385 Date d'inscription mardi 16 juillet 2013 Statut Membre Dernière intervention 21 août 2018 14
23 sept. 2015 à 21:51

Un grand merci ! ;-)

Discussions similaires

chaima csc

j'ai renversé de l'eau sur mon pc portable