Hogy készítsek olyan menüt, mint ahogy lentébb írtam?
válasza:hogy készíts ilyet? hát, ez tipikusan az a feladat, amit javascript-tel szokás megcsinálni, ha meg gányolni van kedved, akkor css-sel össze lehet b@szkodni, de az nem szép, nem valid, de lehetséges..
Szóval a rövid válasz: tanuld meg a nyelvet!
De ha konkrét kérdésed van, hogy elakadtál valahol /ilyesmi, akkor pontosíts légyszi..
eddig azt értem, hogy:
menü1 | menü2 | menü3
és ha a 2.ra kattintok, akkor ne egy oldalra ugrik, hanem lenyílik fb-profilom szerűen egy kicsi ablak, amiben újabb almenük vannak??
válasza:nah, összeizéltem gyorsan valami működőt:
ilyet akarsz?
-----------------------------------------------------
ha igen/hasonlót, na ez javascript!
válasza:Frémes vagy Ifrémes szerkezettel még szerintem HTML-ben is megoldható.
Nem szép, vagy elegáns, de működőképes.
G.
válasza:várj! úgy érted: <html><head>ide semmi trükk</head><body>csak ide írva dolgokat</body></html> módon össze lehetne gányolni valami, gombra kattintva frame lenyílás, másik kattra visszarejtést??
Tetszik a hozzáállás! :D:D
én ezt ki fogom próbálni, mennyire ronda lesz :D:D:D:D
válasza:Uccsónak:
Ugye, de kreatív vagyok? :D
G.
válasza:AZ! :D:D:D
Nekiálltam ennek az 'nóbeldíjgyanús' megoldásnak... addig már megvan, a kód nem kicsit ronda már eddig sem, hogy megcsinálja a kinyitást, ám ez módosítja a tartalmat/lejjebb tolja :D/
Most dilemmában vagyok, hogy a css-lap az trükközésnek számít-e... :D:D:D:D
Javaslom, csinálj egy weboldalt: www.hulyeotletekgyakorolnivagyositebuildereknek.edu és lehet pontozni, mint prog-on, szerintem tuti siker!
:D:D:D:D:D
válasza:Uccsónak:
Figyisz, 5 percben összedobtam, de most nem töltögetem fel, másolni jegyzettömbbe, és használható.
01.html:
<html>
<head>
</head>
<frameset cols="150, *">
<frame name="bal" src="02.html">
<frame name=jobb" src="idejonatartalom.html">
</frameset>
</html>
02.html:
<html>
<head>
</head>
<body>
<ol>
<li>xy
<ul>
<li><a href="03.html" target="bal">több</a>
</ul>
<li>yz
<li>zzs
</ol>
</body>
</html>
03.html:
<html>
<head>
</head>
<body>
<ol>
<li>xy
<ul>
<li>01
<li>02
<li>03
<li><a href="02.html">VISSZA</a>
</ul>
<li>yz
<li>zzs
</ol>
</body>
</html>
Ha nem jó, az a ti hibátok, chrome-mal tökéletes. :D
G.
válasza:egyébként biztos működik minden alatt /xp-n firefoxszal pl igen./
Szép munka, és nem is ronda: ám: én azzal kezdtem el játszani, hogy inline list, de stimmel a megvalósítás, én is erre gondoltam, csak ugye a kinyitás lejjebb tolja az alsó "dolgokat" így a nyíló frame-et floatoltam z-felé kiemelve..
válasza:persze!
/különben pillanatok alatt találsz google-n is segítséget, de/
amit linkeltem html oldal, annak ez a kódja:
<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>
</head>
<body>
<div style="position: absolute; width: 50%; z-index: 1488" id="layer1488">
<p>Első menü<br /><a align = "right" href="javascript:viewMore('cssz');" id="xcssz">(részletek...)</a></p>
<div id="cssz" style="display:none">
<a href="http://www.google.hu">almenü1</a><br />
<a href="http://www.facebook.com">almenü2</a><br />
<a href="http://www.gmail.com">almenü3</a><br />
<a href="http://www.google.at">almenü4</a><br />
</div>
</div>
</body>
</html>
bocs, kicsit ronda lett a copypaste; ebből ki tudsz indulni..
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!