Uma caixa de mensagens é uma janela que mostra uma mensagem e recebe um input (normalmente simples, como Sim/Não; mas pode também receber textos ou dados mais complexos). O diálogo é chamado de modal porque este diálogo interrompe todas as demais execuções do programa, que fica à espera da resposta do diálogo.
Um recurso de interface muito útil em programas gráficos basados em janelas é o de se recorrer a uma janela secundária, “filha” da janela/tela principal, para solicitar ao usuário determinadas informações complementares à parte. Este tipo de janela é denominada “caixa de diálogo” (dialog).
Modals são feitos com HTML, CSS e JavaScript; Eles são posicionados acima de todas as coisas do documento e removem rolagem do para que o conteúdo do modal role.
A janela em modal é uma janela que aparece como um elemento secundário (filho) no sistema para enfatizar algo contido ou requerido pelo seu elemento primário (pai). No quesito Web, é comum associarmos o modal como uma janela pop-up por exemplo.
Criando um modal Bootstrap básico No corpo da página, logo após abrir a tag , vamos inserir o código que criará o botão que servirá como gatilho (trigger) para o nosso modal.
Janela modal com jQuery
Criando popups diretamente do navegador
Atenção: para que seu Pop-up funcione corretamente, é necessário ter o Código de Monitoramento instalado no seu site.
Ativar ou desativar pop-ups
No canto superior direito da janela do navegador, clique no menu do Google Chrome .
Abra o WhatsApp e toque no botão de menu, localizado no canto superior direito; Toque em Configurações e depois entre em Notificações; Toque em Notificação pop-up abaixo de “Notificações de mensagem” e depois selecione o tipo de notificação.
O Google Chrome pode exibir janelas em formato pop-up para que sites possam abrir informações complementares. Por padrão, essa configuração fica desativada no navegador e cabe ao usuário decidir se deseja manter a opção para que conteúdo extra seja exibido em sites visitados a partir do Chrome no computador.
No novo Microsoft Edge , acesse Configurações e mais > Configurações > Permissões de site. Selecione Pop-ups e redirecionamentos. Mova a opção Bloco para Ativado.
No iPhone, iPad ou iPod touch, acesse Ajustes > Safari e ative Bloquear Pop-ups e "Aviso de Site Fraudulento". No Mac, essas opções estão disponíveis em Safari > Preferências. A aba Sites inclui opções para bloquear algumas ou todas as janelas pop-up, e você pode ativar os avisos de site fraudulento na aba Segurança.
No Android e no iOS (iPhone e iPad) o processo é bastante similar. Basta acessar as configurações do navegador e, em configurações de conteúdo, alterar as permissões.
Para desativar o bloqueador de pop-up no Google Chrome: Clique em Definições. Clique em Avançadas. Clique no botão Definições de sites na seção Privacidade e segurança. Role até a seção Pop-ups e clique em Pop-us e redirecionamentos.
Se uma página não abrir, tente estas dicas.
Visitar uma página não segura