JavaScript és Bootstrap

Modális ablak kezelés

Modális ablak rejtése JavaScript kódból, hasznos lehet, ha például egy bejelentkezés sikerétől függően szeretnénk bezárni az modális ablakot.

Ha a bootstrap.js vagy a bootstrap.min.js hivatkozva van például az index.html fájlban, akkor használhatjuk a boostrap.Modal() konstruktort:

var modal = new bootstrap.Modal('#valamiModel');
modal.hide();

var modal = new bootstrap.Modal('#valamiModel');
modal.show();

var modal = new bootstrap.Modal(
document.getElementById('valamiModel')
);
modal.show();

A gombok rejtése szimpla CSS segítségével nem működik, mivel Bootstrap vezérli a gombokat.

Rejtés:

var valamiGomb = document.querySelector('#valamiGomb');
valamiGomb.classList.add('invisible');

Megjelenítés:

var valamiGomb = document.querySelector('#valamiGomb');
valamiGomb.classList.remove('invisible');