Вопросы с меткой [modal]
Руководство по использованию метки modal отсутствует.
76
вопросов
0
голосов
3
ответа
43
показа
React - правильный способ передать пропс в модалку
Есть стейт, хранящий состояние модалки (открыта/закрыта).
Есть две кнопки, которые по клику меняют состояние модалки на "октрыта".
Какой самый лучший способ внутри модалки понять, какая из ...
0
голосов
1
ответ
34
показа
дождаться результата выполнения модальной страницы
Пытаюсь раскурить пресловутый xamarin, и... застрял.
Суть - вызываю страницу через Navigation.PushModalAsync, и хочу дождаться результат выполнения.
пробывал:
private async void btn_Clicked(object ...
0
голосов
1
ответ
29
показов
Что нужно изменить в js, чтобы модальная форма работала с двумя (и более) кнопками вызова?
Уважаемые знатоки!
Есть код вызова модального окна на js:
var modal = document.querySelector(".modal");
var triggers = document.querySelectorAll(".header-button");
var closeButton =...
0
голосов
2
ответа
31
показ
Сделал Модальное окно. Но оно не открывается на сайте при нажатии. Никаких ошибок в консоли нет. В чем может быть причина?
const modalTrigger = document.querySelectorAll('[data-modal]'),
modal = document.querySelector('.modal'),
modalCloseBtn = document.querySelector('[data-close]');
function openModal() {
modal....
1
голос
0
ответов
13
показов
Как отображать содержимое модального окна на больших экранах?
Что за чушь я написал в вопросе, но попробую объяснить)
Как в бутстрапе реализовать модальное окно по нажатию кнопки на маленьких экранах и игнорировать это модальное окно на больших дисплеях?
Есть ...
0
голосов
0
ответов
51
показ
Как сделать задержку для Модального окна в дискорде?
Ниже приведён код,в самом конце кода есть блок, который отвечает за вызов модального окна и после, если пользователь нажал кнопку "отправить" на модальном окне, а не закрыл его, то значение ...
0
голосов
0
ответов
35
показов
Проблема с модальными окнами php и запросами в бд
Я создал страничку, которая забирает из базы данных некие данные о товаре и отображает ввиде таблицы и есть кнопка на модальное окно, в котором дублируются некоторые дыне что бы с дуру не то не ...
1
голос
1
ответ
29
показов
Модальное окно со скроллом контена и фиксированной шапкой
Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана для примера.
....
0
голосов
0
ответов
21
показ
Блок с контентом не отображается над тенью modal wrap
Все темы схожие прочла, но пока ничего так и не нашла.
К modal wrap не тянется блок с контентом. Тень есть, но блок сверху не работает.
.lstran {
background: url(https://i.postimg.cc/QNz3WN8x/...
0
голосов
0
ответов
23
показа
Не могу получить актуальные данные из input модального окна при отправке
Принцип очень простой, у меня таблица с несколькими строками, по клику на каждую делаю .modal('show') модального окна, сам заполняю input-ы информацией которую нужно изменить, далее по клику на ...
0
голосов
0
ответов
26
показов
Как отобразить разный текст в компоненте модального окна в зависимости от нажатой кнопки
Есть две кнопки sign in и sign up, я хочу чтобы при нажатии на sign in в компонент модального окна передавалась та форма которая уже написана, а при нажатии на sign up передавался другой текст , ну ...
0
голосов
1
ответ
37
показов
добавление данных во второе модальное окно, и обновление данных в первом модальном окне, без перезагрузки страницы (ajax)
есть два модальных окна в них 2 формы своих
модальное окно B с формой B повляется когда нажать на кнопку добавить в модальном окне A с формой A
после нажатия добавить в модальном окне B с формой B, ...
0
голосов
2
ответа
373
показа
Как использовать модальное окно авторизации Django на всех страницах сайта
Я создал на сайте модальное окно авторизации при помощи django-bootstrap-modal-forms и django-widget-tweaks. Модальное окно открывается только тогда, когда пользователь находится на главной странице. ...
0
голосов
1
ответ
72
показа
Почему модальное окно всплывает только при втором клике на кнопку?
Есть несколько кнопок, которые должны вызывать модальное окно. Каждая из них выглядит так
<a href="#" class="btn nav__btn" data-back="Click me" data-front="Get ...
0
голосов
0
ответов
22
показа
Как отловить закрытие модального окна Bootstrap 3?
Всем привет. Есть сайт старой верстки на Bootstrap 3, и я хочу сделать тригер на закрытие определенного модального окна, искал решение но так и не нашел, например через «on('hide.bs.modal', func..)», «...
0
голосов
0
ответов
18
показов
Как реализовать управление сложными диалоговыми модальными окнами согласно гибкой логике
У нас на проекте используются модалки. До недавнего времени в простом обыденном контексте, но теперь, требования изменились, и нам необходимо использовать модальные окна в рамках какого-то сценария ...
0
голосов
0
ответов
118
показов
Django UpdateView Bootstrap Modal
Модальное окно открывается, но данных в полях формы(модального окна) нет!
Причем когда я заполняю данные в пустые поля и сохраняю, данные сохраняются, идет редирект, данные отображаются в шаблоне, ...
0
голосов
1
ответ
93
показа
Как исправить ошибку когда я пытаюсь создать/использовать Modal? (код и ошибка есть в описании)
Код:
# пытаюсь сделать так что бы участник вводил что-то в всплывающем окне
class MyModal(discord.ui.Modal, title='Title'):
answer = discord.ui.TextInput(label='Name', style=discord.TextStyle....
0
голосов
1
ответ
166
показов
discord.py как сделать чтобы бот отправил сообщение в нужный мне канал?
У меня возникла проблема с отправкой сообщения в нужный мне канал.
Я перепробовал всё что знал. Помогите пожалуйста!
Вот код:
class EveModal(discord.ui.Modal, title = "Заявка на пост ивентера!&...
0
голосов
1
ответ
33
показа
Как передать данные в input с data-product
html
<div class="container">
<div class="order_btn">
<a href="" class="open_modal" data-product="Товар-1" id=&...
0
голосов
1
ответ
51
показ
Два события (попап) на одном клике
Прошу помочь. Суть такая есть два модальных окна, и гиф. На гиф добавил два класса для вызова modal, при нажатии на гиф 1 раз, должно появляться первое модальное окно, после ты его закрываешь и ...
0
голосов
0
ответов
31
показ
нужно на модальное окно добавить анимацию без использования css! только через js
const modal = () => {
const modal = document.querySelector('.popup');
const buttons = document.querySelectorAll('.popup-btn');
const closeBtn = modal.querySelector('.popup-close');
...
0
голосов
3
ответа
385
показов
Привязка модального окна к компоненту | React Native
День добрый, ещё новичок в разработке, не могу нигде найти информацию по привязке модального окна к компоненту, например:
Чтобы модальное окно появлялось около нажатого элемента, не по середине экрана,...
1
голос
1
ответ
396
показов
Вывести в модальное окно данные, полученные из ajax запроса
Есть ajax запрос:
function call(id) {
$.ajax({
method: 'post',
url: 'request.php',
data: {m:id},
success: function(data) {
//что тут прописать??
...
0
голосов
1
ответ
144
показа
Как по клику на кнопку менять текст в параграфе модального окна?
Как сделать, чтобы при клике на button "Купить", в параграф p class="model_modal" модального окна подставлялся текст (№ модели) из карточки class="card"?
Пробовал ...
0
голосов
1
ответ
237
показов
Не отображается модальное окно на Vue.js
Пишу небольшой проект на Vue 3. Сделал компонент модальное окно, которое хочу использовать 4 раза на странице. Подключил в первую секцию проекта все работает отлично. Подключаю в последующие ...
0
голосов
1
ответ
63
показа
окно с фоном и полосой прокрутки
Нужно сделать окно с фиксированным (не двигающимся) фоном (png изображение) и прокручивающимся текстом внутри него (обычный скролл текста вверх вниз).
Так же у окна должна быть кнопка закрытия (png ...
-2
голоса
1
ответ
87
показов
Не корректное отображение таблицы datatable в модале bootstrap
Сталкивался кто нибудь с таким вопросом? Пока по иконке сортировки не кликнешь, заголовки отображаются не верно.
Код таблицы прикладываю, вне модала всё отлично отображается.
...
0
голосов
0
ответов
39
показов
Как заменить отдельную страницу со своей моделью на модальное окно в уже готовой странице?
У меня еcть таблица с объектами
По кнопке удаления, я хочу удалить объект из БД. Но мне нужно подтвердить действие. Все отлично получается через переход после кнопки на отдельную страницу с отдельной ...
0
голосов
1
ответ
82
показа
jquery bootstrap modal не отображаются картинки в svg при подгрузке
Есть два модальных окна на bootstrap 4 для разных целей. В них подгружается код с svg из разных источников. В источниках выдается такого рода код :
...
echo json_encode([
'title'=>$th1->...
0
голосов
0
ответов
27
показов
Написание цикла для перебора массивов в модальном окне при парсинге "на лету". PHP
Парсится информация с сайта с модального окна по url например site.com/regions/Modal/....
Выгружается в моё модальное окно 10 основных вкладок с регионами.
Выглядит так:
array (size=3)
0 =>
...
0
голосов
1
ответ
43
показа
Как можно открыть диалоговое окно (alert или window или modal, с надписью), только после второго клика на кнопку?
Всем привет! Т.е. получается, что после первого события клика, выполняется некий код, а если второй раз нажмёт кнопку пользователь, вот тогда и нужно, чтобы открылось окно с надписью, мол, "Вы ...
0
голосов
1
ответ
85
показов
qt QFileDialog::getExistingDirectory блокирует работу сокета
У меня есть сокет, он находиться в отдельном классе и запускает в отдельном потоке. Он принимает данные и в окно main отправляет их, там они идут на форму. Проблема в том, что при вызове строки:
preIn ...
0
голосов
1
ответ
22
показа
CSS Gradiend - некорректное отображение при смещении размера
У меня проблема с градиентом. Есть страничка с датапикером, который открывается при нажатии на инпут. Background странички - это линейный градиент. Заказчик хочет чтобы календарь который не помещается ...
0
голосов
0
ответов
195
показов
Реализация "Купить" конкретный товар, с помощью модального окна Bootstrap 4.5.3 в Laravel 8
Всем привет! В общем практикуюсь на Laravel 8, есть корзина куда можно добавлять товары и спокойно из нее оформить заказ. Но так же я добавил кнопку купить на карточке каждого товара. При нажатии ...
0
голосов
1
ответ
42
показа
Съехал фон у модального окна на javascript
У меня возникла проблема с модальным окном, а именно, у него крайне странно отображается фон. В то время как он(тёмный фон модального окна) должен перекрывать весь экран, он отображается в виде ...
0
голосов
1
ответ
476
показов
React проблемы с модальным окном и массивом
Я использую состояние все работает нормально, за исключением модального окна. Внутри состояния, я использую объекты, которые нормально отображаются (вы можете посмотреть на скриншот https://ibb.co/...
1
голос
0
ответов
148
показов
не отображается модальное окно в Mozilla Firefox, а остальных браузерах отображается
Исправляю косяки на сверстанном сайте, и попалась такая задача - собственно поп-ап не отображается в Мозилле. Подскажите в чем может быть проблема?
Вот так отображается в Chrome и Safari
А вот ...
2
голоса
1
ответ
165
показов
react: вызов диалога при выборе элемента выпадающего списка
Использую React и Bootstrap:
создаю элемент выпадающего списка Dropdown:
// отрисовать компонент
render() {
return (
<Dropdown>
<Dropdown.Toggle>...</Dropdown....
1
голос
1
ответ
227
показов
JS Как скрыть модальное окно при нажатий на родительский элемент
body {
margin: 0;
overflow: hidden;
}
.modal {
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.5);
position: fixed;
}
.modal-block {
width: 80%;
height: 70vh;
background: #fff;
...
1
голос
1
ответ
896
показов
Закрытие поп-апа по кнопке Escape или Enter в Vanilla JS
const keyHandler = (evt) => {
if (evt.key === 27 || evt.key === 13) {
const popupActive = document.querySelector('popup_get_opened');
popupActive.remove();
}
console.log(...
0
голосов
1
ответ
43
показа
Любое количество скрытых окон на странице
Имеется следующий скрипт для открытия скрытого окна. Как его изменить, чтобы была возможность размещения и открытия любого количества скрытых окон на странице? Например, через data-id=. Благодарю!
...
0
голосов
1
ответ
2k
показов
Размытие фона для модального окна
Задачка не супер сложная и в примере я изложу один вариант решения, а так же его недостатки. Хотелось бы узнать, может кто имеет отличный рецепт быстро и красиво работающий. Итак, для начала посмотрим ...
1
голос
0
ответов
135
показов
Закрытие окна Fancybox
Есть кнопка при нажатии на которую открывается fancybox с формой, после заполнения формы и нажатия на кнопку отправить хочу что-бы это окно автоматически закрылось и открылось еще одно с текстом "что ...
0
голосов
1
ответ
157
показов
Как устранить проблему с отображением модального окна (popup) при нажатии кнопок обновления или возвращения назад
проблема с отображением модального окна (popup), а именно:
1) Если перейти по ссылке с модального окна, а потом вернуться через кнопку браузера назад, то возвращаясь на страницу мы увидим пустое ...
3
голоса
2
ответа
219
показов
Не могу понять почему кнопка срабатывает со 2-го раза
Есть 3 кнопки, при нажатии на каждую открывается новое окно, а уже открытое должно зарыться. Однако если 1 окно уже открыто, то другая кнопка срабатывает только со второго нажатия. Не могу разобраться ...
0
голосов
1
ответ
648
показов
Переместить scroll с родительского элемента на дочерний
Всем доброго времени суток!
Есть модальное окно и, изначально было так, что скроллбар прокручивал всю область.
Необходимо перенести его ниже. Я это сделал, но работает криво. Для всего модального ...
1
голос
1
ответ
492
показа
Dadata, уплывающее название города в label при повторном открытии окна
В модальном окне bootstrap имеется список городов select. В input добавляем поиск по кладр коду, в который также в label добавляем название города. При открытии окна в первый раз label располагается ...
0
голосов
1
ответ
1k
показов
как открыть из одного модального окна второе модальное окно
Столкнулся с проблемой модальных окон, а именно с задачей, когда при клике в одном модальном окне мне должно "вываливаться" второе. Первое модальное окно работает как надо, но при вызове ...
0
голосов
1
ответ
244
показа
Не выводится контент в модальном окне Bootstrap 4
сайт ранее работал на bootstrap 3, после того как он был обновлен на 4 версию Bootstrap, в нем перестали срабатывать модальные окна (понимаю, что изменился способ роботы, но не знаю как исправить).
...