Perguntas com a tag [modal]
Modal é uma característica em que um elemento(normalmente janelas ou caixas de diálogo) interrompe todas as demais execuções da aplicação/site, até que uma determinada ação seja realizada neste elemento.
328
perguntas
-2
votos
0
respostas
7
visitas
Menu com modal ao passar mouse
Boa noite,
Tenho um menu em bootstrap e gostaria de abrir um modal ao passar o mouse em um item do menu, não estou achando nenhum exemplo para mostrar algum exemplo.
Desde já agradeço
-1
votos
0
respostas
5
visitas
Excluir um item dentro de um modal mas manter o modal aberto vue 3
Estou fazendo um modal de preview de arquivos com o usuário podendo selecionar se deleta ou não o arquivo antes de enviá-lo. Porém toda vez que eu clico para deletar o item, o modal simplesmente fecha ...
0
votos
1
resposta
19
visitas
Modal Swal está comprimindo/quebrando o fundo da página
Tenho uma aplicação que estou fiz com FLASK, onde utilizei alguns recursos modais, sendo um deles o SweetAlert2.
Ao abrir o modal, o fundo da página é comprimido na parte superior. O CSS do body/html ...
0
votos
0
respostas
8
visitas
Filtrar dados antes de ser renderizado no power pages via javascript/jquery
Estou tentando fazer um filtro em uma modal dentro o portal que é criado pelo Power Pages (Dynamics 365 CRM - da Microsoft), contudo esse filtro tem que ser feito antes da modal ser apresentada (é ...
0
votos
2
respostas
69
visitas
Modal React Js next
Estou criando uma página de personagens, nela tem uma foto de cada personagem e quando clico na foto ela abre um modal exibindo mais informações do personagem. Porém em vez de abrir um só modal, ele ...
0
votos
0
respostas
9
visitas
Autocomple jquery ui não funciona no modal do bootstrap 5
Estou usando o autocomplete do jquery ui no modal do bootrap 5 abaixo estão os codigo o jquery para chamar a consulta esta Ok porem não fica visivel o resultado. Ja coloquei o css porem sem sucesso
$( ...
-3
votos
1
resposta
37
visitas
Como passar um ID de uma tabela gerada por um Foreach para um Modal em PHP?
Não estou conseguindo pegar o ID de uma tabela gerada por um Foreach onde no Button de excluir existe um modal para confirmar a exclusão, podem nao estou conseguindo enviar o ID do registro da tabela ...
-1
votos
1
resposta
76
visitas
Como listar usuário e criar novos dentro do Modal C#
estou tendo um problema em um projeto e gostaria da ajuda de vocês. Na pagina Index onde estou listando os contatos tem um botão que abri um modal para poder criar um novo contato. O problema é que ...
-1
votos
1
resposta
285
visitas
Como abrir modal bootstrap ao abrir um determinada página?
Como fazer aparecer um modal ao abrir a página?
Estou usando este código:
<div class="modal fade bd-example-modal-xl" tabindex="-1" role="dialog" aria-labelledby="...
0
votos
1
resposta
103
visitas
Como de fazer o js esperar uma ação de uma classe criada por ele
Fiz um código para que o js crie uma div sempre que o usuário clica em um botão. E eu gostaria que quando o usuário clicar nessa div apareça um modal, com formulário para preencher.
Porém sempre da o ...
-2
votos
1
resposta
133
visitas
Fazer aparecer o MODAL do Boostrap
Boa tarde Pessoal
Sou iniciante no desenvolvimento WEb e não estou conseguindo exibir o modal do boostrap no meu Projeto. O botão aparece normal, porém ao clicar nele, não exibe o modal.
A minha ...
-1
votos
1
resposta
204
visitas
Refresh automático apenas se modal Bootstrap não estiver aberta
Olá, tenho uma página que mostra ocorrências em aberto e preciso que ela se atualize a cada 60 segundos (). Porém a mesma página abre um modal para o cadastro de novas ocorrências e se o modal estiver ...
-2
votos
1
resposta
280
visitas
COMO ESTENDER O BACKGROUND CINZA TRANSPARENTE DO MODAL POR COMPLETO?
Estou com uma duvida sobre modal que está arrebentando minha cabeça. eu segui um tutorial do inicio ao fim pra fazer um modal pro meu prototipo de portfólio mas por alguma razão mesmo tudo estando nos ...
1
voto
1
resposta
322
visitas
Como parar de reproduzir um vídeo de um iframe ao fechar modal?
Bom, sou iniciante em paginas Web consegui o código abaixo mas todos os esforços que tento não consigo fazer um código universal para fechar todos os tipos de iframe fecharem junto com o modal, se ...
-1
votos
1
resposta
187
visitas
Scroll não funciona no modal!
Ola fiz um modal usando apenas CSS e JavaScript porem na hora que atinge o 100% da tela a barra de rolagem não funciona. Segue meu codigo do meu HTML e CSS
HTML
<div class="btnMsg">
&...
-1
votos
1
resposta
61
visitas
Como impedir que uma regra CSS do BODY seja refletida em um determinado Elemento contido nele?
Estou criando um modal em uma página, e como de costume quero que quando o modal esteja sendo renderizado, a tela que está "por baixo" dele fica desfocada, escura. Eu tenho uma classe que ...
0
votos
0
respostas
217
visitas
Como mostrar resultado de uma pesquisa em modal
Ola pessoal sou novo em FrontEnd, gostaria de ao clicar em um botão, mostrar o resutaldo do usuário em um modal.
Ja tenho a pagina mostrando os resultados, esta funcionando ok
Gostaria de mostrar ...
0
votos
1
resposta
223
visitas
Enviar valor da variável JS para o PHP [duplicada]
Assim, eu tenho uma tabela onde exibo os dados do banco. Em cada linha há um botão, onde, adicionei um evento onClick , que chama uma função JS e abre um modal. Nessa função, ele passa o valor que ...
-1
votos
2
respostas
228
visitas
Como faço para incluir o texto com o resultado no meu modal com innerHTML?
Fiz uma função que calcula o valor recebido por um input e gera um resultado que deveria ser mostrado em um modal, o modal aparece com o título e o span bonitinho, mas o p com o resultado não aparece ...
0
votos
1
resposta
108
visitas
retornar select "tabela relacionada" no laravel
Olá minha aplicação foi desenvolvida em laravel e como complemento estou usando alguns componentes do VueJS.
Vamos ao problema, tenho uma tabela cliente fazendo relacionamento com país.
Na mesma view ...
0
votos
1
resposta
265
visitas
Onde colocar uma "const" do Modal do Material UI dentro de uma Class no ReactJS?
Estou com um problema de não saber onde colocar a const "const [open, setOpen] = React.useState(false);" de um Modal do Material UI, dentro da minha classe GenerateReport.
Quando coloco &...
-1
votos
1
resposta
2mil
visitas
Modal bootstrap para editar cadastros no Laravel
Olá, sou iniciante na programação PHP/Laravel e gostaria de incluir um modal para o cadastro e edição de registros do banco de dados. Segue o exemplo:
Na minha index.blade.php eu tenho:
@extends('...
1
voto
0
respostas
329
visitas
Passar Valores PHP-MYSQL para Modal
tenho o seguinte problema, preciso enviar para o Modal dados vindos do Banco de Dados, Vejam abaixo minha tela e meu código.
<thead>
<tr>
&...
0
votos
1
resposta
108
visitas
Como popular SELECT de um modal criado com JQUERY
Tenho um Modal que crio dinamicamente quando o usuário clica em um link, conforme o link ele abre um modal diferente.
Gostaria de popular um Select que esta dentro desse modal. Já tentei so com um ...
0
votos
1
resposta
208
visitas
Executar query ao pressionar um botão e enviar para o modal
Tenho o seguinte código em que quero clicar em um botão, e ao fazer isso executar uma Query e exibir os resultados em um Modal
Portanto, o botão:
<a class="btn-sm btn-success view_data" ...
0
votos
1
resposta
898
visitas
passar um id para dentro da modal em React
EDIT: Tenho um crud em react, e nele um dos botões é de deletar um user. Quando clico em deletar, abre uma modal para confirmar, abaixo o botão, mandando o id a ser deletado:
<button className=&...
0
votos
1
resposta
134
visitas
Como colocar uma modal bootstrap pequena sobre outra modal maior com o esmaecer funcionando corretamente nos dois fundos?
Tenho duas modal bootstrap , a primeira uma modal-xl, a segunda uma modal-sm que é menor , elas abrem normalmente .
Porém a primeira da o efeito de esmaecer certinho, já quando abro a segunda a modal ...
0
votos
1
resposta
573
visitas
Botão para fechar modal não funciona
Olá, estou com um problema para fazer o botão do meu modal fechar, ele abre através do header da aplicação normalmente.
Estou usando ReactJS 16.8 + TypeScript 4.0.3.
// Header/index.tsx
import ...
-2
votos
1
resposta
105
visitas
Exibir dados de fetch array em modal - PHP
Estou fazendo uma aplicação de tarefas com banco de dados, em que os dados são guardados em um mysqli_fetch_array e listados em um loop while.
Quando eu clicar em um botão de expandir, que tem na ...
-2
votos
1
resposta
143
visitas
PHP- Como passar um id através de uma janela modal
Não estou conseguindo passar um id pra uma janela modal. Poderia me ajudar?
Estou utilizando uma table, na qual lista todos os nomes e CNPJ's dos clientes cadastrados.
Criei um loop, para mostrar em ...
0
votos
2
respostas
395
visitas
Impedir rolagem da tela ao abrir modal no ReactJS
Olá, estou criando um site onde uma das páginas possui uma lista com vários itens clicáveis (como uma ‘vitrine’ de lojas online), ao serem clicados abrirá um modal que ficará na frente de todo ...
1
voto
1
resposta
265
visitas
Como direciono o link para a âncora e fecho o modal ao mesmo tempo?
Tenho alguns links num modal feito em React que vão para âncoras da página que o modal foi aberto. Estou usando href para a âncora e o evento onClick para fechar o modal. Exemplo:
<a onClick={props....
-1
votos
1
resposta
495
visitas
Abrir modal bootstrap e pedir confirmação da senha, caso a senha estiver certa, chamar outro modal
Estou pedindo a confirmação de uma senha para o usuário, caso a senha esteja certa, chamar outro modal com outras opções, caso errada, exibir que a senha está errada.
Creio que não estou sabendo ...
0
votos
1
resposta
51
visitas
Link para janela modal deixa de funcionar quando navego pela paginação em uma aplicação Codeigniter
Tenho uma aplicação desenvolvida em Codeigniter com Bootstrap, com toda estrutura de navegação usando as routes e paginação.
Quando eu retiro a paginação, a janela modal de exclusão é aberta ...
0
votos
3
respostas
136
visitas
Como meto autoplay e paro um video quando abro e fecho uma modal
boa tarde, eu criei uma modal e dentro dessa modal meti um video de youtube só que pretenderia que ele, assim que abrisse a modal, desse em autoplay e parasse quando fechasse a modal. não estou ...
2
votos
1
resposta
1mil
visitas
Fazer uma pesquisa à base de dados sem dar refresh à página
Eu estou a algum tempo a tentar fazer uma pesquisa à base de dados, através de um input.
A ideia é num Model ter um input para inserir uma data e sem usar um submit enviar a data para outro Model e ai ...
-2
votos
1
resposta
280
visitas
Modal com Ajax PHP
Olá!
Estou trabalhando com estrutura MVC e rotas e estou tentando abrir um modal com dados de um registro para poder fazer update. Para isso criei uma função no js e coloquei no link do update. Essa ...
-1
votos
1
resposta
413
visitas
Consultar banco de dados e exibir em janela modal
Sou iniciante em desenvolvimento web e estou desenvolvento um pequeno projeto para a empresa onde trabalho e estou com dificuldades para exibir em uma janela modal do bootstrap os dados retornados por ...
-1
votos
1
resposta
410
visitas
Como renderizar um modal num map usando o React?
Tenho uma aplicação em React que busca produtos de uma api, quero renderizar uma tabela onde cada item tem um botão que abre o modal e atualiza (manda um PUT na API) o produto. Só que o modal tá ...
-1
votos
2
respostas
152
visitas
Formulários em Modal Bootstrap
Estou com um sistema que todos os formulários (Views) são em Modal Bootstrap.
A View Index carrega todas as PartialView. Abaixo a Index:
Ao clicar no botão Cadastrar, por exemplo, uma função ...
-2
votos
1
resposta
64
visitas
Passando um valor do body de um modal para uma função PHP
Boa noite,
Estou com o seguinte problema, tenho um modal dentro de um sistema, o que eu preciso fazer e não estou conseguindo é passar os valores que eu leio no javascript para uma função do PHP para ...
0
votos
1
resposta
442
visitas
Chamar função PHP através de um botão em uma modal
Estou exibindo a quantidade de arquivos de um diretório, dentro de uma modal, quero chamar uma função em PHP quando o usuário clicar no botão "Apagar", tentei utilizar onclick , porém não funcionou.
...
-2
votos
1
resposta
437
visitas
Como saber qual option do select foi selecionado após abrir o modal?
Estou utilizando a rotina abaixo para trabalhar com varias opções do mesmo modal, essa é a forma correta de se fazer?
$(document).ready(function () {
$("#btnok").on("click", ...
1
voto
1
resposta
988
visitas
Como usar esse Modal bootstrap de forma mais elegante?
Não sei se o titulo é adequado, mas vou explicar:
No exemplo abaixo tenho um modal de confirmação que pode ser chamado por vários botões e dependendo do botão clicado tomo uma atitude.
Estou usando ...
0
votos
1
resposta
114
visitas
Evento change de select dentro do Modal deixa de funcionar após reabri-lo
Estou com um select dentro de uma janela modal que exibe ou oculta um campo input de acordo com a opção selecionada pelo usuário. Exemplo: se option=1, ele mostra o input. se option=2, ele oculta o ...
0
votos
1
resposta
292
visitas
Como atualizar Input utilizando Modal Confirm Múltiplas Vezes
Preciso confirmar alguns campos separadamente. Ocorre que ele sobrescreve o texto, não aguarda a confirmação e apenas aparece ao final da última chamada e a confirmação desta, se replica para as ...
0
votos
1
resposta
80
visitas
Modal Bootstrap - php | Jquery | Hidden
Boa noite, pessoal.
Alguém poderia tirar uma dúvida minha...
Eu tenho dados de aniversario do Usuário que vem do Banco de dados,
fiz um if para comparar se a data atual é igual ao dia do aniversario ...
0
votos
1
resposta
299
visitas
Modal unica para linhas de uma DATA TABLE
Tenho uma listagem de dados com aproximadamente 1200 clientes onde trago [CPF, NOME, TELEFONE, UM STATUS] e uma coluna com os botões de controle, a um ano fiz um mini-curso na faculdade para aprender ...
0
votos
1
resposta
165
visitas
Problema para aceder ao modal-footer no modal
Tenho o seguinte modal com o seguinte formulário dentro e css.
$(document).ready(function() {
$('.modal').css('overflow-y','visible');
});
.container {
max-width: auto;
margin: 0 auto;
...
0
votos
1
resposta
224
visitas
Enviar dados evento fullcalendar para janela modal
Tenho um fullcalendar com os seguintes eventos:
events: [
{
id: 1,
title: 'Evento 01',
start: '2020-02-06'
},
{
id: 2,
title: 'Evento 02',
start: '2020-...