Hogyan tudok egy gomb segítségével adatokat előhívni?
PL:
Van egy szöveg képpel:
<b>Sziasztok</b>
blablabla
<img src="blabla.jpg">
Ez rejtett, de hogyha rákattintunk egy gombra, akkor ezeket előhívja..
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function f() {
document.getElementById("rejtett").style.display=null;
}
</script>
</head>
<body>
<input type="button" onclick="f()" value="Kattints ide!" />
<div id="rejtett" style="display: none;">Ez a rejtett szöveg</div>
</body>
</html>
Magyarázat:
CSS -> display: none -> nem látszik
JavaScriptben ha ezt null-ra állítod be, akkor az alapértelmezett értéket adja neki (div-nél asszem block), így megjelenik. Ha megint el akarod rejteni, akkor "none"-ra kell állítani JS-ből.
Ezerféleképp.
Visible-állítás.
Átírhatod js-sel.
Bekérheted AJAX-szal.
JQueryvel használhatod a $[''] jelöléseket is.
CSS-sel.
Van még vagy 200 féle változat, amit a google kidob. Bár erre azért nem kerestem rá ;D.
Látom, hogy nagyon értetek hozzá..:)
(amúgy sikerült)
És meglehet azt csinálni, hogy mégegyszer rákattintok a gombra, és eltűnik?
mert előjön, csak örülnék neki, hogyha vissza is menne, hogyha azt akarjuk :))
jQuery-vel a legegyszerűbb:
$( "#id" ).click(function() {
$("#butonid").css("display", "none");
});
És ebben a javascript dologban miért nem jó a download?
Ezt értem benne:
<a href="zenek/zene.mp3" download>Lletöltés</a>
Ez valamiért nagyon késve, vagy egyáltalán nem adja be..
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!