Hirdetés
- Huawei Mate 40 Pro - a csúcson kell abbahagyni?
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Elfújta a szél a Meizu 22 Airt
- EarFun Air Pro 4+ – érdemi plusz
- Huawei Watch GT 5 Pro - egészség + stílus
- One mobilszolgáltatások
- iPhone topik
- Lesz is reklám a Nothing telefonjainak zárképernyőjén, meg nem is
- Milyen okostelefont vegyek?
- Poco F8 Ultra – forrónaci
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
Abrion
senior tag
Hali
van 1 kis pozicionálási problémám, remélem valaki tud segíteni

archivemenu.js
function clickMenu(menu) {
var getEls = document.getElementById(menu).getElementsByTagName("LI");
var getAgn = getEls;
for (var i=0; i<getEls.length; i++) {
getEls[i].onclick=function() {
for (var x=0; x<getAgn.length; x++) {
getAgn[x].className=getAgn[x].className.replace("unclick", "");
getAgn[x].className=getAgn[x].className.replace("click", "unclick");
}
if ((this.className.indexOf('unclick'))!=-1) {
this.className=this.className.replace("unclick", "");;
}
else {
this.className+=" click";
}
}
}
}
HTML
<html><head>
<script type="text/javascript" src="archivemenu.js"></script>
<link type="text/css" rel="stylesheet" href="csspage.css">
</head><body>
<div class="menu">
<ul id="valami"><li><a>2012</a>
<ul><li><a >01</a></li><li><a >02</a></li></ul></li>
<li><a>2011</a><ul><li><a >01</a></li><li><a >02</a></li><li><a >03</a></li>
<li><a >04</a></li><li><a>05</a></li></ul>
</li>
</ul>
<script type="text/javascript"> clickMenu('valami'); </script>
</div>
</body><html>
csspage.css
.menu {font-size:90%; float:right;padding-top:3px;padding-right:4px}
.menu ul {padding:0; margin:0; list-style-type:none; width:58px;}
.menu li {position:relative; height:21px;}
.menu a, .menu a:visited {font-family:verdana, sans-serif; display:block; text-align: center; text-decoration:none; height:20px; line-height:20px; color:#000; border:1px solid #fff;}
.menu ul ul {visibility:hidden; position:absolute;top:0px; left:-30px; width:27px;}
.menu ul li.click ul {visibility:visible;}A problémám csak annyi hogy a rejtet menüket "nem csak 2010 évszám van" szeretném pozicionálni a menu div tetejére.
Két féle megoldást tudok elképzelni
első hogy jsel oldom meg a pozicionálást
a második az talán kicsivel bonyolultabb, így képzeltem el<div id="valami"><ul><li><a><a></li></ul></div> itt kellene klikelni
<div id="valami"><ul id="hide"><li><a></a></li></ul></div> itt meg lenne a rejtet menü ere hatna a js cssben
"a <div id="valami"> csak 1x szerepelne"kösz a segítséget

Új hozzászólás Aktív témák
- Videós, mozgóképes topik
- One otthoni szolgáltatások (TV, internet, telefon)
- Luck Dragon: Alza kuponok – aktuális kedvezmények, tippek és tapasztalatok (külön igényre)
- sziku69: Fűzzük össze a szavakat :)
- Luck Dragon: Asszociációs játék. :)
- Vicces képek
- World of Tanks - OFF topic
- Windows 11
- OpenMediaVault
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- További aktív témák...
- HP EliteBook 645 G10 14" AMD Ryzen 5 PRO-7530U 4,5Ghz 16GB DDR4-3200Mhz 512GB Nvme Magyar Bill.
- Bomba ár! Dynabook Portege X30-L - i5-11G I 8GB I 256SSD I 13,3" FHD Sérült I Cam I W11 I Garancia!
- Bomba ár! Dynabook Portege X30-L - i5-1135G7 I 8-16GB I 256SSD I 13,3" FHD I Cam I W11 I Garancia!
- Bomba ár! Dynabook Portege X30-F - i5-8GEN I 8GB I 256SSD I 13,3" FHD I BillSér I Cam I W11 I Gari!
- Bomba ár! Dynabook Portege X30-F - i5-8265U I 8GB I 256SSD I 13,3" FHD I Cam I W11 I Garancia!
- BESZÁMÍTÁS! MSI B450M R5 5500 16GB DDR4 512GB SSD RX 7600 8GB ZALMAN i3 NEO be quiet! 700W
- Workstation bazár - Lenovo, HP, Dell - számla, 6 hó garancia
- Apple iPhone 15 Pro / 256GB / Kártyafüggetlen / 12Hó Garancia / Akku: 88%
- Dell Latitude 7490 14" FHD IPS, i5, 16GB RAM, SSD, jó akku, számla, 6 hó gar
- Gamer PC-Számítógép! Csere-Beszámítás! I7 8700K / RTX 3070 / 32GB DDR4 / 1TB SSD
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: Laptopszaki Kft.
Város: Budapest



