[[oktatas:web:javascript|< JavaScript]]

====== JavaScript és Bootstrap ======

  * **Szerző:** Sallai András
  * Copyright (c) 2023, Sallai András
  * Szerkesztve: 2023, 2025
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|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:

<code javascript>
var modal = new bootstrap.Modal('#valamiModel');
modal.hide();
</code>


<code javascript>
var modal = new bootstrap.Modal('#valamiModel');
modal.show();
</code>

<code javascript>
var modal = new bootstrap.Modal(
document.getElementById('valamiModel')
);
modal.show();
</code>
===== 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:
<code javascript>
var valamiGomb = document.querySelector('#valamiGomb');
valamiGomb.classList.add('invisible');
</code>

Megjelenítés:
<code javascript>
var valamiGomb = document.querySelector('#valamiGomb');
valamiGomb.classList.remove('invisible');
</code>