0
285
VistasQuiero ocultar una ID cuando un parámetro específico está en la URL (Javascript)
Quiero ocultar una identificación llamada #ko cuando se encuentra un parámetro específico en la URL.
---Ejemplo---
Por ejemplo, esta es la página de agradecimiento cuando un cliente envía una pregunta:
https://website.nl/bedankt?k=Vraag&n1=Your%20Name&n2=&n3=Quiero ocultar id="ko" cuando k=Vraag está en la URL
Pero cuando un cliente solicitó una cotización (k=Offerte) quiero mostrar id="ko".
https://website.nl/bedankt?k=Offerte&n1=Your%20Name&n2=&n3=Este es el html:
<span style="color: #ffffff;">Ik heb je bericht in goede orde ontvangen en zal binnen 48 uur een reactie geven op je <span class="keuze">[get_param param="k"]</span><span id="ko"> aanvraag</span>.</span>Esto es lo que tengo ahora mismo, pero no parece funcionar.
$(document).ready(function () { if (window.location.href.indexOf("k=Vraag") != -1) { $("#ko").hide(); } });
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Su código debería funcionar suponiendo que jQuery esté cargado (no lo estaba) pero le sugiero que use searchParams y un conmutador
$(function() { const url = new URL(window.location.href); const keuze = url.searchParams.get("k"); $(".keuze").toggle(keuze === "" || keuze === "Vraag"); $("#ko").toggle(keuze !== "Vraag" && keuze !== "Offerte"); });JS simple
window.addEventListener("load",function() { const url = new URL(window.location.href); const keuze = url.searchParams.get("k"); document.querySelector(".keuze").hidden = keuze && keuze !== "Vraag"; document.getElementById("ko").hidden = keuze === "Vraag" || keuze === "Offerte"; });Mi segundo código después de ejecutar el código activo en la consola muestra
·
Juan Pablo Isaza
Denunciar
Responde la pregunta