JS BUTTON co ukaze text a schova

Sekcia o programovaní, programovacích jazykoch...
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

JS BUTTON co ukaze text a schova

Príspevok od používateľa JurajSlovakID »

Dobry.
Mozete mi pomoct mam nasledujuci plan len ho neviem zrealizovat (vygooglit):
Potrebujem aby sa po kliknuti na button zobrazil text a po opatovnom kliknuti schoval (zmazal).
Vie to niekto naprogmit?
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
LordKJ
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 7729
Dátum registrácie: Po 28. Feb, 2011, 11:49
Bydlisko: Bratislava

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa LordKJ »

https://www.w3schools.com/howto/howto_j ... e_show.asp


(aj ked no w3schools by som nemusel zdielat :D )
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa JurajSlovakID »

No ale ja to potrebujem naopak. Ze nebude ziaden text kym nekliknem. A potom po precitani ho mozem schovat.
Vies to spravit?
No jo W3Schools mam precitane HTML. Teraz citam CSS a BOOTSTRAP3.
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Hexaris

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa Hexaris »

Ale co ti brani v tej JS podmienke si to prehodit :?: Mas tam podmienku kde to je easy napisane. Splna to co potrebujes ...
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa JurajSlovakID »

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#einsteindiv {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
</style>
</head>
<body>

<p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p>

<button onclick="myFunction()">Try it</button>

<div id="einsteindiv">
This is my DIV element.
</div>

<p><b>Note:</b> The element will not take up any space when the display property set to "none".</p>

<script>
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>

</body>
</html>


Kde co mam prehodit, ked text je tam napisany.
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
PROMETHEUS
Používateľ
Používateľ
Príspevky: 2065
Dátum registrácie: Ne 23. Jan, 2005, 20:00
Bydlisko: Banska Bystrica

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa PROMETHEUS »

1337180a napísal: Št 21. Mar, 2019, 17:49 No ale ja to potrebujem naopak. Ze nebude ziaden text kym nekliknem. A potom po precitani ho mozem schovat.
Vies to spravit?
No jo W3Schools mam precitane HTML. Teraz citam CSS a BOOTSTRAP3.
si dopis do css display: none a cez funkciu to potom zmenis na block ako mas na tom linku w3school
MB: MSI X570 Tomahawk CPU: Ryzen 5900X RAM: BL2K8G36C16U4BL 4x8GB 3733MHz 16-18-18-35 GPU: Gigabyte RTX 3080 Gaming OC Waterforce Monitor: LG Ultragear 27GL83A-B SSD: WD Black SN850 1TB, SN750 500GB, 4x1TB Samsung EVO CASE: Lian Li O11 Dynamic XL PSU: EVGA 850W G2 Klavesnica, mys: Logitech G915 TKL + Logitech G903 Chladenie: CPU block: EK Quantum Velocity D-RGB Rads: EK SE360mm + EK XE360mm Fans: 9x Noctua NF-A12x25 PWM Pump: EK QUANTUM KINETIC TBE 200 D5 PWM D-RGB
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa JurajSlovakID »

uz som to rozchodil tak diky vsetkym za pomoc
:-)
Naposledy upravil/-a JurajSlovakID v Pi 22. Mar, 2019, 12:00, upravené celkom 1 krát.
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2252
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Prešov

Re: JS BUTTON co ukaze text a schova

Príspevok od používateľa materik »

Jedna rada, ked sa ucis HTML/CSS/JS, nauc sa pouzivat jsfiddle, alebo nieco podobne. Lahsie sa zdiela kod.
Napr.
https://jsfiddle.net/3hb5mzy8/1/
PC -> Topping E30 -> Topping L30 -> Beyerdynamic Amiron Home / Microlab B77

Návrat na "Programovanie"