Gostaria de saber se há alguma alga que ensina a como criar um botão que ao clicar chama um bean e apresenta uma mensagem, tipo um modal/pop up?
preciso urgente aprender isso
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostaria de saber se há alguma alga que ensina a como criar um botão que ao clicar chama um bean e apresenta uma mensagem, tipo um modal/pop up?
preciso urgente aprender isso
Olá Taian, tudo bem?
Vou te mandar um exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo</title>
<style>
/* Estilos CSS para o modal */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
</style>
</head>
<body>
<h1>Exemplo de Botão com Modal</h1>
<!-- Botão que abrirá o modal -->
<button onclick="abrirModal()">Abrir Modal</button>
<!-- Modal -->
<div id="modal" class="modal">
<div class="modal-content">
<span class="fechar" onclick="fecharModal()">×</span>
<p>Mensagem do Modal</p>
</div>
</div>
<script>
// Função para abrir o modal
function abrirModal() {
document.getElementById("modal").style.display = "block";
}
// Função para fechar o modal
function fecharModal() {
document.getElementById("modal").style.display = "none";
}
</script>
</body>
</html>
Nesse código, temos um botão com o texto "Abrir Modal". Ao clicar no botão, a função abrirModal() é chamada, que altera o estilo do modal para exibi-lo. O modal é definido por uma