Skip to main content

Respostas interessantes marcadas com a tag

16 votos
Aceito

O que é uma modal?

Modal é uma tela (janela) que bloqueia a tela (janela) principal. Ela abre em cima de uma tela e não permite que se interaja com a tela parente enquanto não concluir a ação que a tela modal quer que ...
Maniero's user avatar
  • 484mil
14 votos
Aceito

Como funciona a tag <dialog>? Ela tem futuro?

O elemento <dialog>, do HTML 5, junto com os elementos <details> e <summary>, está caracterizado, nas especificações da W3C e na WHATWG, como um elemento interativo, W3C sessão 4.11....
Woss's user avatar
  • 77,2mil
12 votos
Aceito

"alert()”, “confirm()” e “prompt()” são considerados más práticas?

Não é que seja má prática, até porque boa ou má prática é desculpa de quem não sabe o que está fazendo. Pensa bem, o que significa boa prática? Uma receita de bolo que alguém mandou você fazer porque ...
Maniero's user avatar
  • 484mil
9 votos
Aceito

Abrir modal bootstrap automaticamente ao carregar pagina

Você está utilizando a maneira correta de abrir o modal do bootstrap: $(document).ready(function() { $('#exemplomodal').modal('show'); }) Como o erro no console é .modal is not a function ...
Mathiasfc's user avatar
  • 5.905
9 votos

"alert()”, “confirm()” e “prompt()” são considerados más práticas?

Não são más práticas, até porque ainda continuam na linguagem, acredito que podemos dizer de outra forma: "não use alert, confirm e prompt, porque atualmente existem outras formas de fazer que ...
Ricardo Pontual's user avatar
  • 23,2mil
8 votos
Aceito

Fechar modal bootstrap automaticamente quando enviar formulário

Você pode usar o modal('hide'). $('#seu_modal').modal('hide'); Isso pode ser executado dentro do success. Exemplo: $('.abrir').on('click', function(){ $('.modal').modal('show'); });...
Inkeliz's user avatar
  • 21,8mil
8 votos

Aumentando tamanho do modal utilizando bootstrap e html

O modal bootstrap tem as seguintes opções de tamanho: Grande (large) - Máximo de 900px <div class="modal-dialog modal-lg"> Pequeno (small) - Máximo de 300px; <div class="modal-dialog ...
Murillo Goulart's user avatar
8 votos

O que é uma modal?

Uma janela ou caixa de diálogo modal é um elemento da interface de usuário que exige uma resposta do operador do software, não permitindo nenhuma outra ação até que essa resposta seja dada. Um exemplo ...
bfavaretto's user avatar
  • 66,2mil
7 votos
Aceito

Modal do bootstrap não abre

Você não fez os imports corretamente. <html> <head> <!-- Importando o css do bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/...
Felipe Paetzold's user avatar
6 votos
Aceito

Django + Python, mostrar modal usando {% if %} no template

O código está ok - mas você não está passando a variável show_modal do Python para o template. Isso tem que ser feito na linha que manda renderizar o template (e claro, pra cada variável que você ...
jsbueno's user avatar
  • 31,5mil
5 votos
Aceito

Centralizando modal bootstrap

Resolvido. Alterei o código CSS com o conteúdo abaixo: .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-...
Raphael Prado de Oliveira's user avatar
5 votos

Existe alguma função em R que me ajude a localizar as modas de um dataset multimodal?

Corrigindo a função deste site, https://www.r-bloggers.com/lang/portuguese/517 : statmod <- function(x) { z <- table(as.vector(x)) names(z)[z == max(z)] } a <- c(1,2,3,4,5,6,7,7,7,8,8,8,...
Daniel Ikenaga's user avatar
5 votos
Aceito

Modal não funciona (AJAX síncrono)

Em nenhum lugar do seu código mostra que o AJAX é síncrono. O AJAX, por sua natureza, foi criado pra ser assíncrono, como representa seu próprio nome: AJAX (Asynchronous JavaScript and XML), ou seja, ...
Sam's user avatar
  • 80,8mil
4 votos
Aceito

Mudar valores em Modal - C# MVC JavaScript

<script type="text/javascript"> $(document).ready(function(){ $(document).on("click", ".rename", function() { var $this = $(this); var nome = $this.data('name'); var ...
Aline's user avatar
  • 1.721
4 votos
Aceito

Qual diferença entre Show(), ShowDialog() e Application.Run()?

Vamos começar pelo começo, Application.Run(). Este é o método estático que começa funcionar todo o sistema de janelas da aplicação. É aqui que o framework toma conta da aplicação e começa chamar o seu ...
Maniero's user avatar
  • 484mil
4 votos
Aceito

Como alterar a largura do modal bootstrap?

Você não precisa de CSS externos ao framework pra isso, adiciona uma das classes de tamanho do proprio bootstrap ao elemento com classname .modal-dialog: > .modal-sm = pequena (small) > .modal-...
AnthraxisBR's user avatar
  • 4.374
4 votos
Aceito

Quais as diferenças entre Lightbox e Modal box?

Eu vou dar uma visão um pouco mais nostálgica, e que aborda outros pontos de UX e uso. Vc já ouviu falara de Gilette, Xerox , Chiclets? Todos são marcas que viraram sinônimos de produtos Giletett = ...
hugocsl's user avatar
  • 66,9mil
3 votos

Impressão de Página

Não. Você pode apenas contar quantas vezes o usuário clicou no seu botão de imprimir. Caso isso seja suficiente: da mesma forma como você incrementa o contador de aberturas do modal, você pode ...
Oralista de Sistemas's user avatar
3 votos
Aceito

Centralizando modal bootstrap em tela mobile

Resolvido. Alterei o código CSS com o conteúdo abaixo: .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-...
Raphael Prado de Oliveira's user avatar
3 votos
Aceito

Como fechar um modal somente pelos botôes?

Use a opção backdrop com data-backdrop="static". Conforme consta da documentação oficial, essa opção faz com que a janela modal não feche com o click, só com os botões. <!-- Button trigger modal --...
Maurivan's user avatar
  • 449
3 votos

Aumentando tamanho do modal utilizando bootstrap e html

Crie um CSS interno no próprio HTML, ficará desta forma abaixo <style> .modal .modal-dialog { width: 60%; } </style>
Victor's user avatar
  • 1.557
3 votos

Aumentando tamanho do modal utilizando bootstrap e html

Como já mencionado na respostas anteriores você pode usar Extra grande .modal-xl 1140px <div class="modal-dialog modal-xl"> <!---conteúdo ----> </div> Grande ....
jaianderson santos's user avatar
3 votos

Chart.JS não aparece no modal bootstrap!

Ao meu ver, parece que ao setar o valor Data está ocorrendo erro. Criei um exemplo funcional a partir da documentação. Veja como ficou: $(function() { $('#ModalPadrao3').on('shown.bs.modal', ...
Bruno Rigolon's user avatar
3 votos
Aceito

Como fechar um modal ao clicar fora dele?

Dei respostas parecidas aqui e aqui. Neste caso é ainda mais simples pois tens um elemento a funcionar como overlay onde só precisas de detectar se ouve um clique nele com modal.addEventListener('...
Sergio's user avatar
  • 135mil
3 votos
Aceito

Barra de rolagem mostrando sozinho

Você pode ocultar o overflow-y enquanto é loading esta sendo exibido, quando ocultar o loading defina o overflow-y como auto novamente. $('#myModal .modal-body').on('scroll', function() { ...
NoobSaibot's user avatar
  • 9.772
3 votos
Aceito

Abrir um modal com um botão noutro modal?

Verifique se no fullCalModal2 tem os botoes identificados? ID ou Class? Dá uma olhada nesse exemplo: $('.btn-info').on('click', function(){ $('#myModal').modal('show'); }); $('.btn-botao')...
adventistaam's user avatar
  • 3.460
3 votos
Aceito

Criar um modal apenas com jQuery/JavaScript

Modal 100% em jQuery aproveitando propriedades e grid do Bootstrap 4: var modal_estilos = 'display: block;' +'width: 85%; max-width: 600px;' +'background: #fff; padding: 15px;' +'border-radius:...
Sam's user avatar
  • 80,8mil
3 votos

Django + Python, mostrar modal usando {% if %} no template

Aparentemente só falta expôr a variavel show_modal para o template. Para isso bastaria apenas adicionar show_modal ao render. return render(request, 'student-form-registration.html', { 'form': ...
fernandosavio's user avatar
3 votos

Quais as diferenças entre Lightbox e Modal box?

Em essência o lightbox é um modal. A diferença é que ele é mais óbvio que é uma camada nova que está operando, em geral a tela de fundo é escurecida para indicar que não opera mais ali, e tem ainda a ...
Maniero's user avatar
  • 484mil
3 votos

Autocomplete jQuery UI em segundo plano no modal do Bootstrap

Coloque um z-index: 1050 na classe .ui-autocomplete, que é a classe da ul da lista do autocomplete. Basta inserir no CSS: .ui-autocomplete{ z-index: 1050; } Dependendo da ordem do carregamentos ...
Sam's user avatar
  • 80,8mil

Only top scored, non community-wiki answers of a minimum length are eligible