Autor | Zpráva | ||
---|---|---|---|
danaceks Profil |
#1 · Zasláno: 8. 1. 2019, 14:32:22
Dobré odpoledne,
potřeboval bych, aby se mi na webu jeden odstavec textu ukázal až 5 sekund po načtení. Jak toho docílit? Díky, D. |
||
Kcko Profil |
#2 · Zasláno: 8. 1. 2019, 15:17:39
danaceks:
Javascriptem? Bude Tě zajímat setTimeout |
||
danaceks Profil |
#3 · Zasláno: 9. 1. 2019, 13:37:07
Jo, ale co s tím dál? Co tam mám napsat, aby se mi text objevil až po těch 5 sekundách?
Díky, D. |
||
Tomášeek Profil |
danaceks:
„Co tam mám napsat, aby se mi text objevil až po těch 5 sekundách?“ Jaký text se má objevit a kdy. Co jiného bys tam chtěl psát. Nebuď lempl, víš, co máš hledat, tak se trochu snaž. Jedná se o základní věc v JS, pochopení příkladu zvládne i cvičená opice. Člověk, který se prezentuje tím, že tvoří weby, by to měl zvládnout taky. |
||
danaceks Profil |
#5 · Zasláno: 9. 1. 2019, 13:40:57
Tomášeek:
„Jaký text se má objevit a kdy. Co jiného bys tam chtěl psát.“ Chci, aby se prostě 5s po načtení webu ukázal nějaký odstavec textu... |
||
Tomášeek Profil |
#6 · Zasláno: 9. 1. 2019, 13:41:56
danaceks:
„aby se prostě 5s po načtení webu ukázal nějaký odstavec textu...“ Tak tam ten nějaký odstavec textu napiš a nastav prostě časovač na 5s. |
||
danaceks Profil |
Tomášeek:
„Tak tam ten nějaký odstavec textu napiš a nastav prostě časovač na 5s.“ A toho docílit jak...? |
||
blaaablaaa Profil |
#8 · Zasláno: 9. 1. 2019, 14:19:23
danaceks:
Chce to trošku vlastní iniciativy a alespoň zkusit napsat do google treba "setTimeout show element" nebo něco podobného. Až něco vytvoříš a nebude fungovat, rádi to s tebou odladíme. |
||
danaceks Profil |
#9 · Zasláno: 9. 1. 2019, 14:44:10
Takže jsem si našel řešení na Quoře. Hned za </header> mám
<script type="text/javascript"> $( document ).ready(function() { $('#showMe').delay(3000).show(0); }); </script> <div id=”showMe” style="display:none;"> <p>Nějaký text...</p> </div> Díky, D. |
||
Mlocik97 Profil |
danaceks:
to je kod v jQuery, mate nainštalovanú jQuery knižnicu... bud vložte do kódu CDNko, alebo použite "npm install jQuery" v terminály jquery.com/download najjednoduchší spôsob je skrz CDN, teda vložiť do svojho webu v head ešte pred tento JS tento riadok: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> |
||
danaceks Profil |
#11 · Zasláno: 9. 1. 2019, 14:54:33
Mlocik97:
To než bych zprovoznil, to by bylo na dlouho. Nevadí, nechám to být. Děkuji všem za pomoc! |
||
Mlocik97 Profil |
danaceks:
to je tak zložité skopírovať ten jeden riadok? |
||
danaceks Profil |
Mlocik97:
Ne, pardon, já jsem si nevšiml té úpravy toho příspěvku... |
||
Trejpa Profil |
#14 · Zasláno: 9. 1. 2019, 15:45:16
danaceks:
Mám se smilovat? Ale jo. (Vkládat zbytečných 85 kB jQuery z cizího serveru kvůli skrytí a zobrazení odstavce? To mi hlava nebere.) |
||
Tomášeek Profil |
#15 · Zasláno: 9. 1. 2019, 15:59:11
Trejpa:
Myslel jsem, že ta hra na snahu vydrží trochu déle :-) |
||
Mlocik97 Profil |
Trejpa:
"(Vkládat zbytečných 85 kB jQuery z cizího serveru kvůli skrytí a zobrazení odstavce? To mi hlava nebere.)" to je stejne jedno, lebo začiatočník to stejne napíše "špatne"... a ten pokročilý pozná npm, webpack, treeshaking, a vie rozumne vybrať v čom a ako napíše aký kód. I tak môžem povedať že i tý, ktorý sa snažia o vanillaJS projekty, tak to majú z výkonového hladiska na <píp>.. ostatne ak dostane radu vo vanillaJS tak OK, lepšie pre tazatela, len když všetko bude dostavať pod nos, tak sa to nikdy nenaučí. |
||
danaceks Profil |
#17 · Zasláno: 10. 1. 2019, 14:14:41
Trejpa:
Díky, já totiž umím jen HTML a minimální základy PHP, JS mi nic neříká, tak jsem se raději zeptal, s čímž mají někteří jedinci problém... |
||
zkusimZpameti Profil * |
#18 · Zasláno: 11. 1. 2019, 12:01:02
A co tak neco jednoducheho?
<h3>Nadpis...</h3> <script> function cekej() { setTimeout(function(){ document.getElementById("txt").innerHTML+="3 sekundy uplynuly"; }, 3000); } cekej(); </script> <p id="txt">Tady čekáme na zprávu: </p> |
||
blaaablaaa Profil |
#19 · Zasláno: 11. 1. 2019, 12:32:18
Když už, tak třeba nějak takto:
<p id="txt" style="display: none;">Odstavec k zobrazeni</p> <script> setTimeout(function(){ document.getElementById("txt").style.display = "block"; }, 3000); </script> |
||
Trejpa Profil |
#20 · Zasláno: 11. 1. 2019, 12:43:51
Stačí se vykašlat na přístupnost a řešení je … asi kratší.
|
||
Bubák Profil |
#21 · Zasláno: 13. 1. 2019, 20:07:46
Výše uvedený [#14] kód Živá ukázka od Trejpy nejde ve starších verzích Firefoxu a Chrome a ani v IE11, nemám takové znalosti, abych poznal proč, kód vypadá standardně
|
||
Davex Profil |
#22 · Zasláno: 13. 1. 2019, 20:33:28
Bubák:
Asi by tam místo odstavec.style="display:none"; odstavec.style.display="none"; |
||
Bubák Profil |
#23 · Zasláno: 13. 1. 2019, 21:04:27
|
||
Časová prodleva: 5 let
|
0