Como redirecionar com uma janela modal

Escrito por jim campbell | Traduzido por renato martin
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como redirecionar com uma janela modal
Uma janela modal permite criar um pop-up para sua página da internet (NA/Photos.com/Getty Images)

Uma janela modal permite criar um pop-up para sua página da internet e retornar um valor para a página matriz. Ela é a filial e a janela original, que exibe o seu site, a matriz. Você poderá detectar se o usuário fornecer feedback na janela modal, depois redirecionar a janela matriz para outra página da internet. Este processo permitirá redirecionar um usuário com base na sua entrada.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Clique com o botão direito do mouse no arquivo HTML que deseja editar e selecione "Abrir com". Clique no editor de HTML no submenu.

  2. 2

    Localize os símbolos de abertura e fechamento do JavaScript. Se você ainda não tiver esses símbolos definidos, adicione o seguinte comando ao seu código HTML:

    <script type="text/javascript"> </script>

  3. 3

    Crie a função para a janela modal. O código a seguir abrirá uma janela modal e redirecionará os usuários com base no retorno da sua entrada:

    function viewOptions() { input = window.showModalDialog("modal.html"); if(input!= null) { window.location = "newpage.html"; } }

    O código acima detectará se a entrada do usuário foi enviada pela janela de diálogo modal. Se o usuário adotar alguma entrada, o navegador o redirecionará para a página "newpage.html".

  4. 4

    Vincule a função a um botão, em sua página da internet. O código a seguir é um exemplo de botão que solicitará a função JavaScript e abrirá a janela de diálogo modal:

    <input type="button" value="Open Modal Window" onclick="viewOptions()">

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível