Máte na webových stránkách příliš mnoho textu, a potřebujete text zobrazit / skrýt po kliknutí na text např. „Více info„? Čtěte dále …
V případě, že máte na webu velké množství textu a chtěli byste tento text elegantně skrýt a po kliknutí na tlačítko např. Více opět zobrazit, postup je následující:
Potřebný kód (script) je:
| <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')"> | |
| CLICKABLE TEXT HERE | |
| </a> | |
| <div id="q1" style="display:none;"> | |
| TEXT WHAT U WILL SEE WHEN CLICKED HERE | |
| </div> |
1. Výše uvedený kód (script) je třeba upravit a vložit na Vaše webové stránky. Kód vložte na požadované místo na webu pomocí tlačítka „+“ a „HTML„.
2. V html kódu na řádku číslo 10 můžete změnit text na který se kliká. Můžete to přepsat na např. „Víc textu„.
3. V html kódu na řádku číslo 13 můžete upravit text, který se zobrazí po kliknutí na text z řádku číslo 10.
4. Změny publikujte. Výsledek uvidíte jen v publikované verzi webu.
Ukážka tlačítka zobraziť viac textu:
TIP: Přidejte si web aktuální den a svátek pro CZ nebo SK. Více v návodu Script pro CZ / SK svátek
TIP: Přidejte si do pravého horního rohu ikony sociálních sítí FB a Instagram. Více v návodu Jak přidat ikony soc. sítí (FB a Instagram) do horní části na webu ve Webnode.
Další super návody
Jak si na web ve Webnode přidat online rezervační systém? Zdarma!
Potřebujete na Vaše webové stránky např. ve Webnode vložit online rezervační systém pro správu rezervací? Ať už děláte cokoliv, Reservio je skvělou volbou pro organizaci Vašeho času! 🙂 A co všechno Vám online rezervační systém od Reservio nabízí? přehledný kalendář,...
5 nových funkcí NOVÉHO Prémiového balíčku Business – Webnode pro e-shopy
Webnode RECENZE E-SHOP balíčků BUSINESS ve WebnodeCo vše přináší nový Prémiový balíček Business pro Webnode e-shop?V novinke Jaký byl rok 2020 ve společnosti Webnode? jsme si o našem oblíbeném editoru Webnode už řekli pár zajímavostí. Pojďme se nyní společně podívat...
Jaký byl rok 2020 ve společnosti Webnode.cz?
Webnode hlásí více než 50 000 hodin odpracovaných v roce 2020V minulosti bylo k založení vlastní internetové stránky nutné ovládat alespoň základní technické znalosti či pomoc programátora. A právě tento fakt mnoho lidí od tvorby vlastního webu odradil. ...
Jak přejmenovat tlačítko „Do košíku“ ve Webnode e-shopu?
Chtěli byste ve Webnode e-shopu přejmenovat tlačítko "Do košíku" ?V návodu "Jak přejmenovat" Košík "v menu ve Webnode e-shopu?" jsem Vám ukázal, jak se můžete odlišit od konkurence, a přejmenovat si nákupný košík. Pojďme se nyní společně podívat na Vaše další...
Jak změnit styl písma (font) ve Webnode?
VideonávodChtěli byste si změnit styl písma ve Webnode na svůj vlastní? Pár slov na úvodNástroj Webnode umožňuje změnit styl písma v sekci: "Nastavení" - "Vzhled" - "Fonty" a fonty, které editor nabízí jsou velmi pěkné. Ne každému avšak předdefinované fonty...
Jak na web ve Webnode přidat ikonky soc. sítí do DOLNÍ části webu?
Chtěli byste si přidat ikonky soc. sítí např. Facebook, Instagram do DOLNÍ části Vašeho Webnode webu?O propojení Vašeho Webnode webu se soc. sítěmi jsem už napsal pár návodů: Jak propojit Facebook s webem? Jak propojit www stránky se sociální sítí...
Jak na web ve Webnode přidat Vaše uživatelské recenze z Firmy.cz?
Recenze na web z katalogu firem Firmy.cz Hledáte widget uživatelské recenze na web?V návodu Jak přidat www stránku do katalogu firem Firmy.cz od Seznam? jsem Vás naučil jak si Vaši firmu zaregistrujete do nejznámějšího českého katalogu firem - Firmy.cz ...
Jak na web ve Webnode přidat animaci padajícího sněhu? Padající sníh html kód
Chtěli byste vylepšit Váš web ve Webnode animací padajícího sněhu? Žádný problém! V tomto návodu si ukážeme, jak na Váš web přidáte padající online sníh. Jednoduše a zdarma. Čtěte dál! #Pojďme nato! 1. Přihlaste se do editace webu ve Webnode, a vložte níže...
Jak přidat vyhledávač produktů (searchbox) ve Webnode e-shopu?
Chtěli byste vyhledávač např. produktů na Vašem e-shopu od Webnode?Hledáte jednoduché a stylové vyhledávací políčko, které si vložíte na Váš web či e-shop ve Webnode?VIDEONÁVOD:V návodu Jak na web přidat vlastní vyhledávací pole? Google Custom Search jsme si ukázali...
VIDEONÁVOD: Jak ve Webnode vložit soubor ke stažení skrz tlačítko, text nebo obrázek
3 jednoduché možnosti jako ve Webnode vložit na web vlastní soubor (.pdf, .mp3, .mp4 apod). V tomto videonávodu si ukážeme jak si jednoduchým způsobem vložíte na webové stránky ve Webnode soubor. V editačním systému Webnode můžete nahrát různé typy souborů jako např....
Jak přesměrovat tlačítko „Pokračovat v nákupu“ na konkrétní URL adresu ve Webnode e-shopu?
Chtěli byste si ve Vašem e-shopu ve Webnode nastavit konkrétní URL adresu na tlačítko "Pokračovat v nákupu" v košíku?V e-shopu Webnode je tlačítko "Pokračovat v nákupu" v košíku předdefinované, aby návštěvníka Vašeho e-shopu přesměrovat na posledně navštívenou stránku...
Jak vložit Facebook Pixel kód na web ve Webnode?
Chtěli byste si propojit Váš web ve Webnode s Facebook? V návodu Jak přidat remarketing kód ve Webnode? jsem Vám přiblížil co ten remarketing vlastně je. Pojďme se nyní společně podívat na FB reklamu a Vaše další možnosti :)Co je to ten Facebook Pixel? Facebook...
Líbil se ti tento návod? Pošli ho přátelům 🙂
- Jak si založit Webnode e-shop v roce 2025? - 5.1.2025
- Webnode Recenze - 1.1.2025
- Jak propojit www stránky se sociální sítí Instagram? - 29.4.2024
