Mit rontottam el [javascript]?
tml>
<head>
<style>
A {text-decoration: none;}
#productsmenu,#supportmenu,#contactmenu {
display: none;
margin-left: 2em;
}
</style>
</head>
<body>
<h1>Navigation Tree Example</h1>
<p>Itt fog megjelenni a navigacios fa</p>
<ul>
<li><a id="products" href="#">[+]Products</a>
<ul id="productsmenu">
<li><a href="prodlist.html">Product list</a></li>
<li><a href="order.html">Order form</a></li>
<li><a href="pricelist.html">Price list</a></li>
</ul>
</li>
<li><a id="support" href="#">[+] Support</a>
<ul id="supportmenu">
<li><a href="sforum.html">Support Forum</a></li>
<li><a href="scontact.html">Conctact support</a></li>
</ul>
</li>
<li><a id="contact" href="#">[+] Conctact us</a>
<ul id="contactmenu">
<li><a href="contact1.html">Service department</a></li>
<li><a href="contact2.html">Sales department</a></li>
</ul>
</li>
</ul>
<script language="javascript" type="text/javascript" src="tree.js">
</script>
</body>
</html>
Szerkezete,hivatkozasmegjelenes
function Toggle(e) {-
// ide menti az egerkatintast
whichlink = e.target
// menu objektum lekerdezese
obj=document.getElementById(whichlink+"menu");
// Láthato a menu ?
visible=(obj.style.display=="block")
// hivatkozas lekerdezese
key=document.getElementById(whiclink);
// nev lekrdezese
keyname= key.firstChild.nodeValue.substring(3);
if (visible) {
obj.style.display="none;"
key.firstChild.nodeValue = "[+]" + keyname;
} else {
obj.style.displa="block";
key.firstChild.nodeValue = "[-]" + keyname;
}
}
document.getElementById("products").onlick=Toggle;
document.getElementById("support").onlick=Toggle;
document.getElementById("contact").onlick=Toggle;
müvelet
válasza:
válasza:JavaScript 24 óra alatt?
ismerős?
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!