Easy-Micro


LOGICIEL Bootstrap
Plugins JQuery

Les librairies JQuery de Bootstrap

Les librairies JQuery de Bootstrap

Bootstrap propose un certain nombre de plugins pour améliorer les pages web, ils sont tous fondés sur jQuery. Il y a plusieurs façons de faire appel à ces plugins :
  • Soit vous référencez juste ce qui vous est utile en prenant la librairie correspondante dans le pack de Bootstrap comme ici la librairie Tab (onglet)
    <script src="js/jquery.js"></script>
    <script src="js/tab.js "></script>
  • Soit vous référencez la bibliothèque complète
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  • Soit vous référencez toutes les bibliothèques
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"/>

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
Source : OpenClassrooms

Exemple d'affichage dynamique de contenu (effet accordéon)

Utilisation d'un plugin Bootstrap (effet accordéon) à partir de l'attribut data-toggle (basculer)

<a href="#item" data-toggle="collapse">Afficher le contenu</a>
<div id="item" class="collapse">Mon contenu, bla bla bla</div>

Utilisation d'un plugin Bootstrap (effet accordéon) en JQuery pur

<a>Afficher</a>
<div id="item" class="collapse">
Contenu
</div>
<script>
$(function() {
$('a').click(function() {
$('#item').collapse('toggle');
});
});
</script>



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mercredi 20 mars 2019 - Semaine 12 - Saint Herbert (Demain: Sainte Clémence)
Aujourd'hui, c'est l'anniversaire de Danièle Gilbert (1943-76 ans), animatrice de télévision française et de Marthe Villalonga (1932), actrice française. Autre 20 mars: 1815 : de retour de l'île d'Elbe et après une marche triomphale sur Paris, Napoléon entre dans la capitale. 1965 : France Gall gagne l'Eurovision pour le Luxembourg avec Poupée de cire poupée de son.
Haut de page Easy-Micro