Autor | Zpráva | ||
---|---|---|---|
PeterJohnBlake Profil |
#1 · Zasláno: 22. 10. 2018, 15:06:51
Zdravím,
rád bych si na web vložil skrytý text, který se zobrazí po kliknutí na Více... či něco takového. Mohl by mi někdo prosím poradit, jak to mám udělat? Díky PJB |
||
Mlocik97m Profil * |
#2 · Zasláno: 22. 10. 2018, 15:10:02
PeterJohnBlake:
použijete display:none v CSS, a po zmačknutí to zmeníte na display:block... |
||
PeterJohnBlake Profil |
#3 · Zasláno: 22. 10. 2018, 15:11:25
Mlocik97m:
A to na to není html kód? |
||
Mlocik97m Profil * |
$("#mojetlacitko").click(function(){
$("#skrytytext").show(); }) #skrytytext { display: none; } PeterJohnBlake: html, css, js ide ruka v ruce. Jedno riešiť bez druhého je často "nemožné". Ostatne v tejto situácii existuje ešte jedna možnosť... element <details> Mlocik97m: pak stačí aj samotné html. Akurát to nieje po kliknuti na tlacitko |
||
PeterJohnBlake Profil |
Když to vložím na web, je ves krytém textu vidět text html kódu. Co mám dělat?
PeterJohnBlake: Jo, už to mám, jen jestli jde nějak změnit text za "šipkou"? |
||
Mlocik97m Profil * |
PeterJohnBlake:
konkrétne čo když vložíte do html? Ak myslíte ten môj kod, tak to je css a js. v html to môžete napísať medzi značky <style> a <script>. ----- <style> #skrytytext { display: none; } </style> <script> $("#mojetlacitko").click(function(){ $("#skrytytext").show(); }) </script> <script src="lib/jquery.min.js"></script> <span id="skrytytext"> nejaky skryty text </span> <button id="mojetlacitko"> PeterJohnBlake: ano jde. Stačí ten <span id="skrytytext"> umiestnit za tu sipku PeterJohnBlake: aha cy myslite to details. Tam text za sipkou sa zapisuje do tagu <summary> |
||
Kajman Profil |
#7 · Zasláno: 22. 10. 2018, 15:27:36
Mlocik97m:
Na takovou drobnost je škoda natahovat velikou knihovnu (jQuery). PeterJohnBlake: Mrkněte např. na Skrývání a odkrývání textu |
||
Mlocik97m Profil * |
Mlocik97m:
*vy.... inak na internete je uz tucet hotovych rieseni. <details>: The Details disclosure element - HTML: HyperText Markup Language | MDN na stranke mozilly mate napr. aj to details Kajman: to jo, ale maloktory web pozaduje len tuto jedinu funkci, jquery myslim ze vyuzije aj na ine veci Kajman: ale da sa povedať že možno aj JS je zbytočný, záleží či mu stačí html tag details |
||
PeterJohnBlake Profil |
#9 · Zasláno: 22. 10. 2018, 15:31:03
Mlocik97m:
Takhle, mohl byste mi prosím napsat celý kód, pokud chci, aby byl za šipkou například název PeterJohnBlake a ve skrytém textu bylo třeba Já jsem já? |
||
Mlocik97m Profil * |
#10 · Zasláno: 22. 10. 2018, 15:33:15
PeterJohnBlake:
když si otvoríte tú strábku mozilly, tak tam je celý kód |
||
PeterJohnBlake Profil |
#11 · Zasláno: 22. 10. 2018, 15:37:51
Mlocik97m:
Ano, ano, děkuji mnohokrát. Už jsem na to přišel. |
||
PeterJohnBlake Profil |
#12 · Zasláno: 23. 10. 2018, 17:15:25
Jen ještě, jde odkrytý text poskládat vedle sebe?
|
||
Mlocik97 Profil |
Samozrejme.
<style> details { float: left; } </style> vložte to ideálne medzi tagy <head> |
||
PeterJohnBlake Profil |
#14 · Zasláno: 23. 10. 2018, 17:48:37
Mlocik97
Nefunguje to. Vůbec se to nezobrazí. |
||
Mlocik97m Profil * |
PeterJohnBlake:
<style> details { float: left; position: relative; width: 100%; display: block; } </style> PeterJohnBlake: lepsie by sa dalo poradit, kdyby som videl vas kod. Teraz som inak na mobile, tak to neviem odskusat. <details> zas tak casto nepouzivam. Mlocik97m: a to width: nemalo byť 100%, moja blbosť. PeterJohnBlake: jestli budete chciet, tak o taku hodinku, okolo osmej pridem na PC, tak mozme cez discord, ts, alebo neco jine to viac rozobrat a pripadne Vam povysvetlovat a poriesit nejake veci. |
||
PeterJohnBlake Profil |
Mlocik97m:
To by bylo OK. Co email? Budete za to něco chtít? |
||
Mlocik97m Profil * |
#17 · Zasláno: 23. 10. 2018, 19:39:37
PeterJohnBlake:
nechcem za to nic (pokial sa jedna iba o jednoduchy/nekomplexny projekt), iba by som bol rad ak by ste ma zmienili v komentari v zdrojovom kode ak budete stranku publikovat. |
||
PeterJohnBlake Profil |
#18 · Zasláno: 23. 10. 2018, 20:07:02
Mlocik97m:
Jak ji budu publikovat? Je to profil k jedné online hře, kde má každý hráč k dispozici jeden web. |
||
Mlocik97 Profil |
#19 · Zasláno: 23. 10. 2018, 20:26:12
PeterJohnBlake:
OK, vygeneroval som odkaz na Discord, možno by bolo dobré použiť i Teletype, dosť by to usnadnilo pri radení a riešení Vaších problémov s tvorbou toho čo požadujete. Discord: discord.gg/3kHf3Z |
||
PeterJohnBlake Profil |
#20 · Zasláno: 23. 10. 2018, 20:35:13
Mlocik97:
Máte messenger? |
||
Mlocik97 Profil |
#21 · Zasláno: 23. 10. 2018, 20:38:03
PeterJohnBlake:
Jestli pod pojmom messenger myslíte facebook messenger, tak nie. FB nemám vôbec. V prípade discordu nieje potrebné sa ani registrovať, ani nič stahovať. Funguje priamo z prehliadača. |
||
PeterJohnBlake Profil |
Mlocik97:
Já mám discord. Jen vezmu Ipad a můžeme jít na to. Vadí vám použít email? Discord nepužívám a když přijmu pozvánku od vás, nemohu vás nikde najít. |
||
Keeehi Profil |
#23 · Zasláno: 23. 10. 2018, 22:49:10
No já bych byl s tagem details opatrný. Podle caniuse v exploreru ani edgi nefunguje.
|
||
Časová prodleva: 6 let
|
0