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 si na web vo Webnode pridať online rezervačný systém? Zdarma!
Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...
Ako si na web pridať špeciálnu animáciu pre porovnanie 2 fotiek (pred a po)?
Chceli ste si niekedy vylepšiť Váš web vo Webnode, aby Vám ho mohli všetci závidieť?Na mojich potulkách po Internete som objavil český nástroj Fotopredapo.cz, ktorý nám umožní jednoducho vytvoriť animáciu 2 fotiek - pred a po. Tento nástroj je vhodný napr. pre...
Ako premenovať tlačítko “Do košíku” vo Webnode e-shope?
Chceli by ste vo Webnode e-shope premenovať tlačítko "Do košíku"?V návode "Ako premenovať “Košík” v menu vo WEBNODE e-shope?" som Vám ukázal, ako sa môžete odlíšiť od konkurencie, a premenovať si Košík v Menu. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti....
Ako zmeniť štýl písma (font) vo Webnode?
VideonávodChceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný? Pár slov na úvodNástroj Webnode umožňuje zmeniť štýl písma v sekcii: "Nastavenia" - "Vzhľad" - "Fonty" a fonty, ktoré editor ponúka sú veľmi pekné. Nie každému avšak preddefinované fonty...
Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?
Chceli by ste si pridať ikonky soc. sietí napr. Facebook, Instagram do DOLNEJ časti Vášho WEBNODE webu?O prepojení Vášho WEBNODE webu so soc. sieťami som už napísal pár návodov: Ako prepojiť Facebook s webom? Ako prepojiť www stránky so sociálnou sieťou...
Ako na web vo Webnode pridať užívateľské recenzie z Firmy.cz?
Recenzie na web z katalógu firiem Firmy.cz Hľadáte widget užívateľské recenzie na web?V návode Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam? som Vás naučil ako si Vašu firmu zaregistrujete do najznámejšieho českého katalógu firiem - Firmy.cz...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Spätné odkazy