Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan lehet lenyitható...

Hogyan lehet lenyitható szöveget készíteni?

Figyelt kérdés
Olyan kell, hogy mondjuk van egy + karakter vagy akár gomb és ha rákattintok alatta megjelenik valami szöveg. Nem olyan kell, hogy fokozatosan nyílik le, hanem csak megjelenik és vissza is lehet csukni egy - karakterre kattintva (vagy gombra). HTML-ben meglehet csinálni?
2012. jan. 9. 19:12
 1/5 anonim ***** válasza:
meg lehet.. bár js-ben "kultúráltabb"...
2012. jan. 9. 19:28
Hasznos számodra ez a válasz?
 2/5 A kérdező kommentje:
Na és HTML-ben mi a kód? :D
2012. jan. 9. 19:32
 3/5 anonim ***** válasza:

ja, bocs, most nem annak álltam neki...

így kb. 2 perc alatt js: íme egy példa (htmlbe ágyazott script tag)


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<script type="text/javascript">

function viewMore(div) {

obj = document.getElementById(div);

col = document.getElementById("x" + div);


if (obj.style.display == "none") {

obj.style.display = "block";

col.innerHTML = "(bezár)";

} else {

obj.style.display = "none";

col.innerHTML = "(részletek...)";

}

}

</script>

<style type="text/css">

a:link {font-size: 11; text-decoration: none; font-weight:bold; color: green;}

a:visited {font-size: 11; text-decoration: none; font-weight:bold; color: green;}

a:active {font-size: 11; text-decoration: none; font-weight:bold; color: green;}

a:hover {font-size: 11; text-decoration: none; font-weight:bold; color: green;}

</style>

</head>

<body>

<p><font size="6" color="#000000">Csak egy példa</font></p>

<a align = "right" href="javascript:viewMore('cssz');" id="xcssz">(részletek...)</a>

<div id="cssz" style="display:none">

<p>ez az, ami a lenyilóban van</p>

</div>

</body>

</html>

2012. jan. 9. 19:33
Hasznos számodra ez a válasz?
 4/5 Akinator ***** válasza:

Ajánlom szíves figyelmedbe a jQuery nevezetű csodát. Javascript tudás nélkül is teljesen egyedi effekteket adhatsz oldaladhoz. HTML5-ről még addig tegyél le amíg ki nem forr és általánosan támogatott nem lesz a felhasználók által használt böngészők túlnyomó többségében.


Ha érdekel akkor: [link]

Amit szeretnél elérni az 2 sorral megoldható amiből az egyik csak a beépített utasítás (természetesen ennek van ilyen "effectje", de valljuk be az nem zavaró főleg ha sebességét is egyedileg megszabhatod): [link]

2012. jan. 10. 11:21
Hasznos számodra ez a válasz?
 5/5 anonim ***** válasza:
ezek jók.
2012. jan. 11. 04:28
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!