Autor Zpráva
PeterJohnBlake
Profil
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 *
PeterJohnBlake:
použijete display:none v CSS, a po zmačknutí to zmeníte na display:block...
PeterJohnBlake
Profil
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
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
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 *
PeterJohnBlake:
když si otvoríte tú strábku mozilly, tak tam je celý kód
PeterJohnBlake
Profil
Mlocik97m:
Ano, ano, děkuji mnohokrát. Už jsem na to přišel.
PeterJohnBlake
Profil
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
Mlocik97
Nefunguje to. Vůbec se to nezobrazí.
Mlocik97m
Profil *
PeterJohnBlake:
<style>
    details {
        float: left;
        position: relative;
        width: 100%;
        display: block;
    }
</style>
v takomto prípade?


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 *
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
Mlocik97m:
Jak ji budu publikovat? Je to profil k jedné online hře, kde má každý hráč k dispozici jeden web.
Mlocik97
Profil
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
Mlocik97:
Máte messenger?
Mlocik97
Profil
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
No já bych byl s tagem details opatrný. Podle caniuse v exploreru ani edgi nefunguje.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0