Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]stworzenie i wyswietlenie modala po kliknieciu guzika
Forum PHP.pl > Forum > Przedszkole
RaiZeN
także mam taki kod:
  1. function winModal(am)
  2. {
  3. document.write('<div class="modal modal1 fade winmodal" id="winModal' + am + '" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">');
  4. document.write('<div class="modal-dialog modal-dialog1 modal-lg">');
  5. document.write('<div class="modal-content modal-content1">');
  6. document.write('<div class="modal-body modal-body1">');
  7. document.write('<H2>Congratulations!</H2>');
  8. document.write('...');
  9. document.write('...');
  10. document.write('</div>');
  11. document.write('</div>');
  12. document.write('</div>');
  13. document.write('</div>');
  14.  
  15. $('#winModal' + am).modal('show');
  16. }


wszystko działa (tworzy się modal i wyswietla) póki używam tego np. na końcu pliku jako winModal(100), problem zaczyna się gdy chce to dodać do guzika - cala strona znika, zostaje tylko modal (i to wyswietlany bez css).
wiem dlaczego tak sie dzieje (document.write nadpisuje zawartosc strony jesli jest juz wczytana), chcialbym sie dowiedziec czym to zastapic. probowalem innerHTML, ale wtedy modal się nie wyświetlał
jakies porady?
mmmmmmm
Bo to źle jest. Document.write tak właśnie działa. Zapisz to normalnie jako HTML (modal domyślnie ma block:none więc jest niewidoczny).
Do buttona daj tylko:
$("#button").click(function(){$("#winModal" + am).modal("show");
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.