sábado, 30 de abril de 2022

Capturar valores passados por parametro URL com javascript

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