Articles of modal dialog

jquery-ui-dialog – Como conectar-se ao evento de fechamento de checkbox de diálogo

Eu estou usando o plugin jquery-ui-dialog Eu estou procurando maneira de atualizar a página quando, em algumas circunstâncias, quando o diálogo é fechado. Existe uma maneira de capturar um evento de fechamento da checkbox de diálogo? Eu sei que posso executar código quando o botão fechar é clicado, mas isso não cobre o usuário fechar […]

Proibir a janela modal do Twitter Bootstrap de fechar

Estou criando uma janela modal usando o Twitter Bootstrap. O comportamento padrão é se você clicar fora da área modal, o modal fechará automaticamente. Eu gostaria de desativar isso – ou seja, não fechar a janela modal ao clicar fora do modal. Alguém pode compartilhar o código jQuery para fazer isso?

Como definir o foco para um campo específico em um modal Bootstrap, uma vez que aparece

Eu vi algumas perguntas em relação aos modais de bootstrap, mas nenhum exatamente assim, então eu vou em frente. Eu tenho um modal que eu chamo onclick assim … $(“.modal-link”).click(function(event){ $(“#modal-content”).modal(‘show’); }); Isso funciona bem, mas quando mostro o modal, quero focar no primeiro elemento de input … Em maiúsculas e minúsculas, o primeiro elemento […]

Angular 2.0 e Diálogo Modal

Eu estou tentando encontrar alguns exemplos sobre como fazer um modal dialog de confirmação no Angular 2.0. Eu tenho usado o diálogo Bootstrap para o Angular 1.0 e não consigo encontrar nenhum exemplo na Web para o Angular 2.0. Eu também verifiquei documentos angulares 2.0 sem sorte. Existe uma maneira de usar o diálogo Bootstrap […]

Como implementar a checkbox de diálogo “confirmação” na checkbox de diálogo da IU do Jquery?

Eu estou tentando usar JQuery UI Dialog para replace o feio javascript:alert() checkbox. No meu cenário, tenho uma lista de itens, e ao lado de cada um deles, eu teria um botão “excluir” para cada um deles. o psuedo html setup será algo a seguir: ITEM $itemId ITEM $itemId ITEM $itemId Are you sure? Na […]

Sobreposição de vários modais

Preciso que a sobreposição apareça acima do primeiro modal, não na parte de trás. $(‘#openBtn’).click(function(){ $(‘#myModal’).modal({show:true}) }); Launch modal × Modal title Content for the dialog / modal goes here. Launch modal Close Save changes × Second Modal title Content for the dialog / modal goes here. Close Save changes Eu tentei mudar o z-index […]

Como posso exibir um modal dialog no Redux que realiza ações assíncronas?

Eu estou construindo um aplicativo que precisa mostrar um diálogo de confirmação em algumas situações. Digamos que eu queira remover algo, então eu vou enviar uma ação como deleteSomething(id) para que algum redutor capture o evento e preencha o redutor de checkbox de diálogo para mostrá-lo. Minha dúvida vem quando esta checkbox de diálogo é […]

Bootstrap modal aparecendo sob fundo

Eu usei o código para o meu modal diretamente do exemplo Bootstrap e incluí apenas o bootstrap.js (e não o bootstrap-modal.js). No entanto, meu modal está aparecendo sob o desvanecimento cinza (pano de fundo) e não é editável. Aqui está o que parece: Veja este violino para uma maneira de reproduzir este problema. A estrutura […]

Vincular uma function ao Twitter Bootstrap Modal Fechar

Estou usando o Twitter Bootstrap lib em um novo projeto e quero que parte da página atualize e recupere os dados mais recentes do json no fechamento modal. Eu não vejo isso em qualquer lugar na documentação, alguém pode apontar para mim ou sugerir uma solução. Dois problemas com o uso dos methods documentados $(‘#my-modal’).bind(‘hide’, […]

Evite bloqueadores de pop-up do navegador

Estou desenvolvendo um stream de autenticação OAuth puramente em JavaScript e quero mostrar ao usuário a janela “conceder access” em um pop–up, mas ele é bloqueado. Como posso impedir que janelas pop-up criadas por window.open ou window.showModalDialog sejam bloqueadas pelos bloqueadores de pop-up dos diferentes navegadores?