Exoweb cez úpravu skriptov umožňuje na webovú stránku vložiť možnosti, ktoré nie sú v Editore štandardne dostupné. V tomto návode si priblížime, ako si môžete na stránku napríklad vložiť tlačidlo, ktoré zobrazí ďalší text, až keď na tlačidlo niekto klikne.
Vloženie tlačidla so skrytým obsahom
Vloženie štýlu pre skrytý text
V Editore kliknite na Úvod:
Otvorí sa okno Stránky, priečinky a odkazy. Dole kliknite na Skripty stránky:
Zobrazí sa okno Skripty stránky, zaujímať nás bude karta <HEAD>:
Do poľa pod <HEAD> si vložte štýl v kóde, ktorý je uvedený nižšie (ak už v <HEAD> nejaké štýly máte, vložte tam len to, čo sa nachádza medzi <style> a </style>). Ten krátky kód zabezpečí, že element SKRYTY-TEXT, ktorý použijeme pri tlačidle, bude skrývať text pri návšteve (alebo obnovení) stránky.
V sekcii Možnosti ochrany osobných údajov odporúčame, aby ste vypli všetky voľby - tlačidlo sa aj tak zobrazí až vtedy, keď návštevník potvrdí alebo zamietne súhlas s cookies (viac o nastavovaní možností ochrany osobných údajov nájdete v návode Vloženie globálnych skriptov do Exowebu).
<style> #SKRYTY-TEXT{ display:none; } </style>
Keď nový štýl budete mať pridaný, nezabudnite si uložiť zmeny.
Vloženie tlačidla so skrytým textom na stránku
Priamo na zvolenú stránku, kde chcete mať tlačidlo na zobrazenie skrytého obsahu, si cez sekciu Externý obsah vložte kód uvedený nižšie (aj tam budete mať na výber Možnosti ochrany osobných údajov, odporúčame všetko vypnúť, ide aj tak len o prvok na stránke, ktorý nezbiera žiadne štatistiky):
<script> function myFunction() { var x = document.getElementById("SKRYTY-TEXT"); var current = window.getComputedStyle(x).display; if (current === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <button onclick="myFunction()">Klikni na mňa</button> <div id="SKRYTY-TEXT"> Sem si napíšte svoj vlastný text, ktorý sa má zobraziť až po kliknutí na tlačidlo. </div>
Názov SKRYTY-OBSAH si môžete pomenovať ako chcete, tu je vypísaný len ako príklad pomenovania položiek. Tlačidlo si taktiež pomenujte ako chcete, Klikni na mňa je len príklad.
Všetko si uložte a stránku si dajte zverejniť.
Následne navštívte svoju stránku a mali by ste tam vidieť tlačidlo Klikni na mňa - pozor, viditeľné bude až keď návštevník potvrdí súhlas s cookies alebo ich zamietne (ak ich máte na svojej webovej stránke aktívne).
Keď kliknete na tlačidlo, tak sa zobrazí skrytý text. Keď znovu kliknete na tlačidlo, tak text sa opäť skryje.
Majte na pamäti, že takéto a podobné vylepšenia na stránke, ktoré sú mimo štandardných funkcií Exowebu, si tvoríte a upravujete na vlastnú zodpovednosť a nemusí byť k nim poskytovaná technická podpora.
Pozrite aj tento článok
Pozrite aj tento článok
