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 ...
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....
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 ...
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
...
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 ...
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');
});...
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 ...
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 ...
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/...
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ê ...
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-...
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,...
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, ...
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 ...
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 ...
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-...
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 = ...
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 ...
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-...
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 --...
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>
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 ....
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', ...
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('...
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() {
...
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')...
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:...
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': ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
modal × 317javascript × 115
php × 84
jquery × 73
html × 65
twitter-bootstrap × 50
css × 44
bootstrap × 39
bootstrap-3 × 23
c# × 21
ajax × 21
asp.net-mvc × 17
mysql × 13
angularjs × 13
html5 × 10
laravel × 9
react × 8
bootstrap-4 × 8
asp.net × 6
formulário × 6
css3 × 4
codeigniter × 4
vue.js × 4
dialog × 4
java × 3