netteForms.js – metoda Nette.showModal, nějaký návod na použití?
- m.brecher
- Generous Backer | 871
Ahoj,
v diskuzích na fóru jsem studoval možnosti vypisovat validační chyby formuláře Nette zachycené javascriptem ne do window.alert() okénka, ale do nějakého hezkého modálního okna. Našel jsem dost odkazů na řešení s knihovnou Bootstrap, mě by ale zajímalo, zda Nette samotné by zvládlo jednoduché modální okno v html s možností stylování css pro hlášení chyb bez použití jiné knihovny.
Ve zdrojovém kódu na Githubu jsem našel slibně znějící metodu Nette.showModal zde:
https://github.com/…etteForms.js#L309
Otázka tedy je:
a – zda je vůbec možní jenom pomocí netteForms.js vypisovat chybové
hlášky do html modálního okna
b – odkaz na nějaký dostatečný návod nebo hotový kód
c – případné rady a tipy od zkušenějších kolegů
Děkuji
- Pepino
- Člen | 257
Uprav si to už podle sebe.
Nette.showModal = function(message, onclose) {
var modal = document.createElement('div');
modal.classList.add('modal');
modal.innerHTML = '<div class="modal-dialog"><div class="modal-content">' + message + '</div></div>';
var dialog = new bootstrap.Modal(modal);
dialog._element.addEventListener('hidden.bs.modal', function(e) {
dialog.dispose();
modal.remove();
onclose();
});
dialog.show();
};