1. Copie do site https://getbootstrap.com/docs/5.0/components/alerts/ o bloco de código seguinte:
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>***************************************2. Cole no seu documento a div e acrescente-lhe o identificador ="verificarEmail" (neste exemplo)
<div id="verificarEmail" class="alert alert-info alert-dismissible fade show" role="alert"><strong>Next Step!</strong> You should check your email to activate your account.<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>*************************************3. Com CSS esconda o bloco (neste exemplo)<style> #verificarEmail { display: none; } </style>********************************
4. Antes de fechar o head escreva o script js que irá capturar o valor do parametro msg que for passado por URL. (Neste caso será o valor verificarEmail)<script>var msg = new URLSearchParams(document.location.search.substring());var msg = msg.get("msg");</script></head>*************************************
5. Para concluir adicione o script antes do fecho do body que tornará visivel o bloco se o parametro msg receber pela URL o valor verificarEmail
<script> if (msg == "verificarEmail") { document.getElementById("verificarEmail").style.display = "block"; } </script></body>
Sem comentários:
Enviar um comentário