nyanloutre/site-musique
1
0
Fork 0
Code Issues 2 Pull requests Releases Wiki Activity

Activation d'une popover au défilement

Browse source
This commit is contained in:
Paul TREHIOU 2016-08-24 14:21:01 +02:00
parent b6d630bcd5
commit 41b98d7b34
3 changed files with 263 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
ecole.php
View file

@ -122,7 +122,7 @@
<img src="img/trombone.gif" alt="icone trombone">
<h3>Les instruments enseignés sont</h4>
<ul class="list-group">
<li class="list-group-item" data-toggle="popover" data-content="Nathalie ROHRBACH" data-title="Enseignant">Le chant
<li class="list-group-item track" data-toggle="popover" data-content="Nathalie ROHRBACH" data-title="Enseignant">Le chant
<li class="list-group-item" data-toggle="popover" data-content="Robert SCHMIDT" data-title="Enseignant">La flûte traversière et la flûte à bec
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">La clarinette
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">Les saxophones
@ -172,11 +172,23 @@
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/appear/appear.min.js"></script>
<script type="text/javascript">
$(function () {
$('[data-toggle="popover"]').popover({trigger: "hover"})
})
appear({
elements: function elements(){
// work with all elements with the class "track"
return document.getElementsByClassName('track');
},
appear: function appear(el){
console.log('visible', el);
$(el).popover('show');
},
});
</script>
<!-- Plugin JavaScript -->