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 návody
Ako nastaviť poštového klienta Gmail s emailom od Webnode?
Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail. V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...
Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?
Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže. Čo je to "Smartlook" ? Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...
Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?
Chcete na web vo Webnode pridať mapu s vlastnými bodmi? V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps. V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom...
Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA
Hľadáte spôsob ako si vytvoriť emailový podpis? (Gmail, Webmail, Outlook apod) Emailový podpis je nevyhnuteľnou súčasťou modernej komunikácie medzi zákazníkom a podnikateľom. Firemný email zvýši dôveryhodnosť v očiach Vášho potencionálneho klienta. Vytvorte si preto...
Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?
Návod na registráciu do katalógu firiem Firmy.cz *Služba je zdarma. V návode Ako pridať www stránku do katalógu firiem Moja Firma od Google? sme si ukázali ako Vašu firmu zaregistrujete do svetovo najznámejšieho a najväčšieho katalógu Firiem od Google. Poďme...
Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?
Hľadáte spôsob ako na webové stránky u Webnode vložíte ikonky soc. sietí do hornej časti webu? V návodoch Ako prepojiť web s Facebook? a Ako prepojiť www stránky so sociálnou sieťou Instagram? sme si ukázali ako Váš web môžete rôznymi spôsobmi prepojiť so soc....
Viliam
Volám sa Viliam a vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou webovej stránky alebo e-shopu.
V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.
Najnovšie komentáre