< JavaScript

JavaScript és Bootstrap

Szerző: Sallai András

Copyright © Sallai András, 2023

Licenc: CC Attribution-Share Alike 4.0 International

Web: https://szit.hu

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

Gombok rejtése

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