Centrum podpory: Centrum podporyhttps://kb.exohosting.sk/centrum-podpory/exoweb/67_vlastn%C3%A9-%C3%BApravy-v-exowebe/?d=1Centrum podpory: Centrum podporyskPridanie tlačidla na skrytie a zobrazenie textu v Exowebehttps://kb.exohosting.sk/centrum-podpory/exoweb/67_vlastn%C3%A9-%C3%BApravy-v-exowebe/pridanie-tla%C4%8Didla-na-skrytie-a-zobrazenie-textu-v-exowebe-r252/

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:

 

exoweb-hlavne-menu.png

 

Otvorí sa okno Stránky, priečinky a odkazy. Dole kliknite na Skripty stránky:

 

exoweb-skripty-stranky.png

 

Zobrazí sa okno Skripty stránky, zaujímať nás bude karta <HEAD>:

 

exoweb-skripty-stranky-head-body.png

 

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 SKRTY-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).

 

tlacidlo-klikni-na-mna.png

 

Keď kliknete na tlačidlo, tak sa zobrazí skrytý text. Keď znovu kliknete na tlačidlo, tak text sa opäť skryje.

 

tlacidlo-klikni-na-mna-s-textom.png

 

 

Upozornenie:

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.

 
]]>252Fri, 24 May 2024 15:27:31 +0000