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?
JS BUTTON co ukaze text a schova
-
JurajSlovakID
- Používateľ
- Príspevky: 838
- Dátum registrácie: Po 13. Apr, 2015, 09:35
- Bydlisko: Spišská Nová Ves
JS BUTTON co ukaze text a schova
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
- Príspevky: 7931
- Dátum registrácie: Po 28. Feb, 2011, 11:49
- Bydlisko: Bratislava
Re: JS BUTTON co ukaze text a schova
https://www.w3schools.com/howto/howto_j ... e_show.asp
(aj ked no w3schools by som nemusel zdielat
)
(aj ked no w3schools by som nemusel zdielat
)main: 9950X + Noctua NH-D15 G2, ASUS STRIX B650E-F, Kingston 64gb DDR5 6000 CL30, 7900 GRE Nitro+, 990 Pro 4TB, ASUS STRIX Aura RGB 1000W, Fractal North XL + 4x Noctua A14x25 G2
-
JurajSlovakID
- Používateľ
- Príspevky: 838
- Dátum registrácie: Po 13. Apr, 2015, 09:35
- Bydlisko: Spišská Nová Ves
Re: JS BUTTON co ukaze text a schova
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.
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
Ale co ti brani v tej JS podmienke si to prehodit 
Mas tam podmienku kde to je easy napisane. Splna to co potrebujes ...
Mas tam podmienku kde to je easy napisane. Splna to co potrebujes ...-
JurajSlovakID
- Používateľ
- Príspevky: 838
- Dátum registrácie: Po 13. Apr, 2015, 09:35
- Bydlisko: Spišská Nová Ves
Re: JS BUTTON co ukaze text a schova
<!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.
<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
-
PROMETHEUS
- Používateľ
- Príspevky: 2075
- Dátum registrácie: Ne 23. Jan, 2005, 20:00
- Bydlisko: Banska Bystrica
Re: JS BUTTON co ukaze text a schova
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
-
JurajSlovakID
- Používateľ
- Príspevky: 838
- Dátum registrácie: Po 13. Apr, 2015, 09:35
- Bydlisko: Spišská Nová Ves
Re: JS BUTTON co ukaze text a schova
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
Re: JS BUTTON co ukaze text a schova
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/
Napr.
https://jsfiddle.net/3hb5mzy8/1/
PC -> Topping DX7 Pro+ -> Meze 109 PRO / Microlab B77