Máte na webových stránkach príliš veľa textu, a potrebujete text zobraziť/skryť po kliknutí na text napr. “Viac info” ? Čítajte ďalej…
V prípade, že máte na webe veľké množstvo textu a chceli by ste tento text elegantne skryť a po kliknutí na tlačítko napr. Viac opäť zobraziť, postup je nasledovný:
Potrebný HTML kód (script):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script type="text/javascript"> function toggle(obj) { var obj=document.getElementById(obj); if (obj.style.display == "block") obj.style.display = "none"; else obj.style.display = "block"; } </script> <a href="javascript: void(0);" onClick="toggle('q1')"> Zde je text, na který se kliká </a> <div id="q1" style="display:none;"> Zde je text, který se po kliknutí zobrazí </div> |
1. Vyššie uvedený HTML kód (script) je potrebné upraviť a vložiť na Vaše webové stránky. HTML kód vložte na požadované miesto na webe pomocou tlačítka “+” a “HTML“.
2. V html kóde na riadku číslo 10 môžete zmeniť text na ktorý sa kliká. Môžete to prepísať na napr. “Viac textu“.
3. V html kóde na riadku číslo 13 môžete upraviť text, ktorý sa zobrazí po kliknutí na text z riadku číslo 10.
4. Zmeny publikujte. Výsledok uvidíte len v publikovanej verzii webu.
Ukážka tlačítka zobraziť viac textu:
Ďalšie skvelé návody
Ako vložiť Facebook Pixel kód na web vo WEBNODE?
Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel? ...
Ako premenovať “Košík” v menu vo WEBNODE e-shope?
Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ? S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...
Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?
Chcete zaujať Vaše publikum? Chceli by ste si vylepšiť Váš web? Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...
Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?
Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text. V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...
Ako vytvoriť jednoduchý vizitkový web?
Ako vytvoriť jednoduchý vizitkový web? (scroll-ovací web)Čo je to vizitkový web? Vizitkový web je jednoduchý web, ktorý stručne a jasne predstavuje Vaše služby, či produkty. Je to jednoduchá webová stránka, ktorá slúži pre získanie základných informácií o Vašej firme....
Ako si vytvoriť vlastnú pätičku vo Webnode?
Chceli by ste na web/e-shop pridať vlastnú pätičku (footer) vo Webnode?Chceli by ste si na webové stránky, či e-shop vo Webnode pridať presmerovanie resp. odkaz na Vaše obchodné podmienky&GDPR do pätičky? S mojim jednoduchým návodom to určite zvládnete. Stačí sa...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Trackbacks/Pingbacks