JavaScript és Bootstrap

• Szerző: Sallai András
• Copyright © 2023, Sallai András
• Szerkesztve: 2023, 2025
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

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');