Ter um div ou seção de código aparecem em uma caixa de pop-up é útil em uma variedade de contextos. Você pode querer o alerta o usuário sobre algumas informações pertinentes de maneira rápida e direta. Usando um pouco de JavaScript, você pode criar uma caixa de pop -up para uma seção de conteúdo. Instruções
1
Abra o IDE ( Integrated Development Environment) de sua escolha .
2
Encontre o código que você deseja que apareça em uma caixa de pop-up, bem como o que você quer para acionar o pop -up , como clicar em um botão
3
Formate seu código de acordo com a seguinte sintaxe: .
< tipo script = "text /javascript " >
função show_alert () {
alert (" Digite o texto alternativo aqui "); }
Criar um botão para acionar o alerta :
< input type = "button " onclick = " show_alert ) ( " value = " caixa de alerta Show" />
4
Salve as alterações no seu código e verifique se ele está funcionando corretamente.
5
Coloque o conteúdo de uma div usando esta sintaxe modificada após entendimento como a funcionalidade pop -up funciona com a sintaxe anterior. Você vai precisar usar . " InnerHTML " para puxar o conteúdo HTML da div . Além disso, certifique-se a div tem um id único :
< . br>
Sintaxe:
função show_alert () {
alert ( test.innerHTML );
}
na função de alerta , " teste " é a primeira palavra incluído como é o nome da div , e " . innerHTML " é utilizada para levar o conteúdo do que div . Use o nome da sua div id para o seu código .