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
  • 483mil
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
  • 76,9mil
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
  • 483mil
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
  • 22,9mil
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,7mil
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,7mil
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
  • 483mil
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.384
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,8mil
3 votos
Aceito

Como pegar o valor de um select e preencher um input?

Pode fazer assim, fiz para aparecer no onchange do select $('#selectNames').on('change', function() { $('#myModal #nomePessoa').val($(this).find('option:selected').text()); $('#myModal')....
Miguel's user avatar
  • 29,4mil
3 votos
Aceito

Como verificar o fechamento do modal

Você pode usar o evento hide.bs.modal para detectar que o modal foi fechado. $('#myModal').on('hide.bs.modal', function (event) { //executar algo... alert('modal fechou'); }) <link ...
abfurlan's user avatar
  • 10,7mil
3 votos
Aceito

Submeter formulário para um script php e abrir um modal assim que for enviado

Creio que resultado esperado pode vir com AJAX, não entendi muito bem a dúvida, e nem tem o código do modal mas vou exemplificar. Ao dar submit no formulário você enviará um ajax para o recebe.php e ...
Leonardo's user avatar
  • 9.360
3 votos

Tabela editável em PHP

Aqui está um exemplo simples JSFIDDLE: Aqui a relação é feita entre o valor do atributo data-show e o nome do input que temo no form $('.edit').on('click', function(){ var dados = $(this)....
Miguel's user avatar
  • 29,4mil
3 votos
Aceito

Tabela editável em PHP

Eu faço isso manipulando o DOM, através de atributos customizados, tipo data-id="id-do-teu-registro" <tr data-id='2'> .... </tr> No Javascript, crio uma função, na qual ira fazer uma ...
Ívini's user avatar
  • 96
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.547
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

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