Zobrazení IP adresy

				
					<!-- info - po aplikaci vymažte - WRAPPER – musí být kvůli CSS (.moje-ip ...) -->
<div class="moje-ip">
  <div class="ip-box" role="status" aria-live="polite">
    <span class="ip-label">Vaše IP adresa:</span>

    <!-- IP: kliknutím kopíruješ - text si můžete upravit podle sebe -->
    <span
      class="ip-value ip-copy"
      tabindex="0"
      role="button"
      aria-label="Kopírovat IP adresu"
      title="Kopírovat IP adresu"
      data-tooltip="Kopírovat IP adresu"
    >
      zjišťuji…
    </span>

    <!-- Skrytá status hláška pro čtečky -->
    <span class="ip-sr" aria-live="polite"></span>
  </div>
</div>

<script>
(function () {
  /* 1) NAJÍT SPRÁVNÝ BLOK V ELEMENTORU
     
     Elementor někdy skript přesune/obalí, proto:
     - vezmeme nejbližší předchozí .moje-ip před tímto skriptem
     - fallback: poslední .moje-ip na stránce */
  function najdiWrapper() {
    const s = document.currentScript;

    // A) projdi předchozí sourozence a hledej .moje-ip
    if (s) {
      let node = s.previousElementSibling;
      while (node) {
        if (node.classList && node.classList.contains("moje-ip")) return node;
        const inner = node.querySelector && node.querySelector(".moje-ip");
        if (inner) return inner;
        node = node.previousElementSibling;
      }
    }

    // B) fallback: vezmi poslední .moje-ip na stránce
    const all = document.querySelectorAll(".moje-ip");
    return all.length ? all[all.length - 1] : null;
  }

  const wrapper = najdiWrapper();
  if (!wrapper) return;

  const ipEl = wrapper.querySelector(".ip-copy");
  const statusEl = wrapper.querySelector(".ip-sr");
  if (!ipEl) return;

  /* 2) POMOCNÉ: timeout pro fetch, ať to nezůstane viset */
  async function fetchSTimeoutem(url, ms) {
    const controller = new AbortController();
    const t = setTimeout(() => controller.abort(), ms);

    try {
      const res = await fetch(url, {
        cache: "no-store",
        signal: controller.signal
      });
      return res;
    } finally {
      clearTimeout(t);
    }
  }

  /* 3) ZJIŠTĚNÍ IP – zkusíme více zdrojů (fallback)
     
     Některé weby mají CSP/adblock, který může blokovat ipify.
     Proto zkusíme postupně více endpointů. */
  async function zjistiIP() {
    const zdroje = [
      // JSON zdroje
      { url: "https://api.ipify.org?format=json", typ: "json", pole: "ip" },
      { url: "https://api64.ipify.org?format=json", typ: "json", pole: "ip" },

      // TEXT zdroje (vrací čistě IP jako text)
      { url: "https://api.ipify.org", typ: "text" },
      { url: "https://api64.ipify.org", typ: "text" }
    ];

    let posledniChyba = null;

    for (const z of zdroje) {
      try {
        const res = await fetchSTimeoutem(z.url, 4500);
        if (!res.ok) throw new Error("HTTP chyba");

        if (z.typ === "json") {
          const data = await res.json();
          const ip = data && data[z.pole];
          if (!ip) throw new Error("Chybí IP v JSON");
          return ip;
        } else {
          const ip = (await res.text()).trim();
          if (!ip) throw new Error("Prázdná odpověď");
          return ip;
        }
      } catch (e) {
        posledniChyba = e;
      }
    }

    throw posledniChyba || new Error("Nepodařilo se zjistit IP");
  }

  /* 4) KOPÍROVÁNÍ DO SCHRÁNKY (moderní + fallback) */
  async function kopirujDoSchranky(text) {
    if (navigator.clipboard && window.isSecureContext) {
      await navigator.clipboard.writeText(text);
      return;
    }

    const textarea = document.createElement("textarea");
    textarea.value = text;
    textarea.setAttribute("readonly", "");
    textarea.style.position = "fixed";
    textarea.style.left = "-9999px";
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand("copy");
    document.body.removeChild(textarea);
  }

  /* 5) ZPĚTNÁ VAZBA (tooltip + a11y status) */
  function nastavZpetnouVazbu(zprava) {
    ipEl.setAttribute("data-tooltip", zprava);
    if (statusEl) statusEl.textContent = zprava;
    clearTimeout(nastavZpetnouVazbu._t);
    nastavZpetnouVazbu._t = setTimeout(() => {
      ipEl.setAttribute("data-tooltip", "Kopírovat IP adresu");
    }, 1200);
  }

  /* 6) NAČTENÍ IP DO STRÁNKY */
  zjistiIP()
    .then((ip) => {
      ipEl.textContent = ip;
      ipEl.setAttribute("data-ip", ip);
      ipEl.setAttribute("data-tooltip", "Kopírovat IP adresu");
    })
    .catch(() => {
      ipEl.textContent = "nelze zjistit";
      ipEl.setAttribute("data-tooltip", "IP nelze zjistit");
      ipEl.classList.add("ip-copy--disabled");
    });

  /* 7) KLIK = kopírování IP */
  ipEl.addEventListener("click", async () => {
    if (ipEl.classList.contains("ip-copy--disabled")) return;

    const ip = ipEl.getAttribute("data-ip") || ipEl.textContent.trim();
    if (!ip || ip === "zjišťuji…" || ip === "nelze zjistit") return;

    try {
      await kopirujDoSchranky(ip);
      ipEl.classList.add("ip-copied");
      nastavZpetnouVazbu("Zkopírováno!");
      setTimeout(() => ipEl.classList.remove("ip-copied"), 600);
    } catch {
      nastavZpetnouVazbu("Kopírování se nepovedlo");
    }
  });

  /* 8) ENTER / MEZERNÍK = kopírování (klávesnice) */
  ipEl.addEventListener("keydown", (e) => {
    if (e.key === "Enter" || e.key === " ") {
      e.preventDefault();
      ipEl.click();
    }
  });

})();
</script>