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 na web pridať padajúce konfety?
Ako na webové stránky vo Webnode pridať animáciu - padajúce konfety? Do mojej Webnode poradne prišla otázka, či je možné na webe vo Webnode pridať animáciu padajúcich konfet. Áno je to možné - pre všetkých, ktorí hľadajú "padajúce konfety na web" som pripravil kód,...
Ako prepojiť Google Tag Manager s webom od Webnode?
Čo je to Google Tag Manager?Internetový (online) marketing vyžaduje vkladanie rôznych meriacich kódov na Váš web či e-shop. Aby ste nemuseli vkladať každý meriaci kód "ručne" do hlavičky,či pätičky webu môžete použiť službu Google Tag Manager, ktorá Vám umožní vložiť...
Ako zvýšiť predaj v e-shope o 7-18 % ?
Chcete zvýšiť predaj na Vašom e-shope? Máte návštevníkov, avšak len málo ľudí si niečo kúpi? V tomto návode Vám ukážem skvelý spôsob ako zvýšiť predaje v e-shope. Sú to notifikácie. Áno - obyčajné, pre niekoho možno otravné, notifikácie. Online nástroj Notifikuj.cz sa...
Ako vo Webnode skryť košík v eshope?
Ako vo Webnode e-shope skryť nákupný košík?Máte u spoločnosti Webnode vytvorený e-shop a chceli by ste skryť nákupný košík v menu a tlačítko "Pridať do košíku", aby ste mohli využívať e-shopové prvky ako napr. pridávanie produktov, avšak nechcete využívať e-shop ako...
Ako na web vo Webnode vložiť anketu?
Chcete na webové stránky vo Webnode vložiť anketu?Online dotazník zdarma (anketa na web) je jeden z najčastejších spôsobov ako dostať od návštevníkov webu spätnú väzbu. Bez spätnej väzby je ťažké posúdiť, či na svojich zákazníkov pôsobíte správne a či má vôbec Vaše...
Ako pridať obrázok GIF vo Webnode?
Chcete na web vo Webnode vložiť GIF obrázok? Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok. Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku. Získanú URL adresu vložíte do kódu a HTML kód...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Viliam
Najnovšie články od Viliam (zobraziť všetky)
- Ako na web pridať padajúce konfety? - 31.12.2019
- Ako prepojiť Google Tag Manager s webom od Webnode? - 27.11.2019
- Ako zvýšiť predaj v e-shope o 7-18 % ? - 1.10.2019
