Pop-ups de JavaScript

• Pode 4, 2024

O JavaScript foi projetado para adicionar interatividade às páginas da Web; portanto, não é de surpreender que ele tenha várias funções para simplificar a coleta de informações e a exibição para um usuário usando caixas pop-up. Antes de examinarmos essas caixas, lembre-se de que, embora essa seja a maneira mais simples de coletar e exibir informações, elas não são necessariamente as mais atraentes ou fáceis de usar. Entre outras coisas, os pop-ups exigem que o usuário pressione um botão para fechar a janela após cada mensagem ou entrada - isso pode envelhecer rapidamente. Além disso, do ponto de vista do design da web, você realmente tem muito pouco controle sobre a apresentação de informações em caixas pop-up. Dito isto, no lugar certo e usado com moderação, as caixas pop-up podem ser simples e eficazes.

Existem três tipos de caixas pop-up - alerta, confirmação e prompt. O pop-up mais simples e mais usado é o alerta. Alerta leva um argumento - uma mensagem para o usuário. Quando uma caixa de alerta aparece, o usuário não pode continuar até que pressione o botão "OK". O código para uma caixa de alerta é simples:

alert ("Este é um alerta")



A caixa de confirmação é apenas um pouco mais complicada. Como alerta, confirme leva um argumento - a mensagem. Quando uma caixa de confirmação é exibida, o usuário pode responder usando os botões "OK" ou "Cancelar". Ao contrário do alerta, a confirmação tem um valor de retorno - 0 significa que o usuário pressionou "Cancelar" e 1 significa "OK". O código para uma caixa de confirmação é idêntico a uma caixa de alerta, exceto que você deseja coletar o valor de retorno de alguma forma:

save_me = confirm ("Este é um pop-up de confirmação")



Embora seja o mais complicado dos pop-ups, o prompt ainda é bastante simples. O prompt recebe dois argumentos - uma mensagem para o usuário e um valor padrão (ou "" se você não deseja um valor padrão.) Quando a caixa de prompt é exibida, o usuário pode inserir as informações solicitadas e pressionar "OK". Há também um botão "Cancelar". O valor de retorno é a resposta do usuário. Se o usuário cancelar, o valor retornado é nulo. Se eles deixarem a caixa de prompt vazia, o valor retornado será a sequência vazia (""). Você provavelmente deseja verificar esses valores e fazer algo especial em vez de usar nulo ou a string vazia como resposta. O código para uma caixa de prompt é:

response = prompt ("Este é um prompt", "Responda aqui")



Você pode ver uma demonstração dessas caixas pop-up aqui

---

Instruções De Vídeo: Build a Popup With JavaScript (Pode 2024).