Odnosi się do graficznego okna dialogowego używanego do wyświetlania ważnych informacji użytkownikowi. Te okna dialogowe pojawiają się nad wszystkimi innymi treściami, blokując przepływ aplikacji do momentu odebrania danych wejściowych przez użytkownika.
Widziałem kilka pytań dotyczących modów bootstrap, ale nie dokładnie tak, więc pójdę dalej. Mam modal, który nazywam kliknięciem tak ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Działa to dobrze, ale kiedy pokazuję modal, chcę skupić się na pierwszym elemencie wejściowym ... Może pierwszy element wejściowy ma identyfikator #photo_name. Więc próbowałem $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); …
Kiedyś korzystałem z okna dialogowego interfejsu użytkownika JQuery i miałem openopcję, w której można określić kod JavaScript do wykonania po otwarciu okna dialogowego. Użyłbym tej opcji, aby zaznaczyć tekst w oknie dialogowym za pomocą funkcji, którą mam. Teraz chcę to zrobić za pomocą modalu bootstrapa. Poniżej kod HTMl: <div id="code" …
Opracowuję przepływ uwierzytelniania OAuth wyłącznie w JavaScript i chcę pokazać użytkownikowi okno „udziel dostępu” w wyskakującym okienku, ale zostaje ono zablokowane. Jak mogę zapobiec wyskakującym okienkom utworzonym przez blokowanie wyskakujących okienek w różnych przeglądarkach window.openlub window.showModalDialogprzed ich blokowaniem?
Próbuję użyć javascript:alert()okna dialogowego interfejsu użytkownika JQuery, aby zastąpić brzydkie pudełko. W moim scenariuszu mam listę elementów, a obok każdego z nich miałbym przycisk „usuń” dla każdego z nich. pseudo html będzie wyglądać następująco: <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> …
Ostatnio miałem problem z tworzeniem okien dialogowych dodawania i edycji dla mojej aplikacji wpf. Wszystko, co chciałem zrobić w moim kodzie, to coś takiego. (Najczęściej używam pierwszego podejścia Viewmodel z mvvm) ViewModel, który wywołuje okno dialogowe: var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with the dialog result Jak …
Piszę moją pierwszą aplikację w WPF i chcę, aby użytkownik wprowadził pewne dane w modalnym oknie dialogowym. Najwyraźniej nie jest to łatwe do wykonania w WPF, ponieważ okno nadrzędne pozostaje w pełni włączone, a metoda, która utworzyła nowe okno podrzędne, nie zatrzymuje się i nie czeka na wywołanie funkcji Close …
Próbuję znaleźć kilka przykładów, jak wykonać modalne okno dialogowe Potwierdzenie w Angular 2.0. Używałem okna dialogowego Bootstrap dla Angular 1.0 i nie mogę znaleźć żadnych przykładów w sieci dla Angular 2.0. Też sprawdziłem doktorów kątowych 2.0 bez powodzenia. Czy istnieje sposób na użycie okna dialogowego Bootstrap w Angular 2.0?
Mam klasę CSS, Modalktóra jest pozycjonowana absolutnie, indeksowana z-indeksem nad jej rodzicem i ładnie pozycjonowana za pomocą JQuery. Chcę dodać obraz karetki (^) na górze pola modalnego i patrzyłem na użycie :beforepseudo selektora CSS, aby zrobić to czysto. Obraz musi być pozycjonowany absolutnie i indeksowany z-indeksem powyżej modalu, ale nie …
Muszę dokonać walidacji tylko wtedy, gdy modal jest otwarty, ponieważ jeśli go otworzę, a następnie zamknę, i naciśnę przycisk otwierający modal, nie działa, ponieważ przeprowadza walidację jQuery, ale nie pokazuje, ponieważ modal został odrzucony. Więc chcę dodać jQuery, jeśli modal jest otwarty, więc sprawdzam, czy jest to możliwe? <script> $(document).ready(function(){ …
Skonfigurowałem modal bootstrap z formularzem w środku, właśnie zauważyłem, że kiedy naciskam klawisz Enter, modal zostaje odrzucony. Czy jest sposób, aby nie odrzucić go po naciśnięciu klawisza Enter? Próbowałem aktywować modal za pomocą klawiatury: false, ale to zapobiega tylko zwolnieniu klawiszem ESC.
Obecnie pracuję nad stroną resetowania hasła w projekcie Angular 4. Używamy Angular Material do tworzenia okna dialogowego, jednak gdy klient kliknie okno dialogowe, zamknie się ono automatycznie. Czy istnieje sposób na uniknięcie zamknięcia okna dialogowego przed wywołaniem funkcji „close” po stronie kodu? Albo jak utworzyć niezamykany modal?
Kiedy używasz okna dialogowego jquery UI, wszystko działa dobrze, z wyjątkiem jednej rzeczy. Po zmianie rozmiaru przeglądarki okno dialogowe pozostaje w początkowej pozycji, co może być naprawdę denerwujące. Możesz to przetestować na: http://jqueryui.com/demos/dialog/ Kliknij przykład „modalnego okna dialogowego” i zmień rozmiar przeglądarki. Chciałbym móc automatycznie wyśrodkować okna dialogowe przy zmianie …
Wciąż otrzymuję ten błąd, gdy próbuję zaimplementować okno modalne ładowania początkowego. Co może być tego przyczyną? Skopiowałem / wkleiłem wszystko z http://angular-ui.github.io/bootstrap/#/modal tutaj.
Tak więc używam tego kodu, aby otworzyć inne okno modalne w aktualnie otwartym oknie modalnym: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Dzieje się tak, że przez około 500 ms pasek przewijania będzie się duplikował. Myślę, że obecny modal wciąż zanika. Jednak wygląda to na bardzo nierówne i zacinające się. Byłbym wdzięczny za wszelkie …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.