17.06.2006, 10:27
hoi
gibt da verschiedene möglichkeiten das mit js zu realisieren
am einfachsten wäre es 3 divs einzubauen alle mit css auf display none zu setzen
jedes davon kriegt eine eindeutige id
danach bei beim javascript teil gibt man bei den links wo man drüber fährt a onmouseover drauf, das je nach link alle elemente mit getElementById anspricht und den dsiplay wert der zwei die nicht gezeigt werden sollen auf none und den letzten auf block
edit:
fertiges beispiel von mir hab ich schnell runter geschrieben
[code=php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>javascript</title>
<script type="text/javascript">
<!--
function link(number){
document.getElementById("undermenu1").style.display='none';
document.getElementById("undermenu2").style.display='none';
document.getElementById("undermenu3").style.display='none';
document.getElementById("undermenu"+number).style.display='block';
}
//-->
</script>
</head>
<body>
<div id="menu">
<a href=""><span onmouseover="link(1)">link1</span></a>
<a href=""><span onmouseover="link(2)">link2</span></a>
<a href=""><span onmouseover="link(3)">link3</span></a>
</div>
<div id="undermenu1" style="display:none">
<a href="">link11</a>
<a href="">link12</a>
<a href="">link13</a>
</div>
<div id="undermenu2" style="display:none">
<a href="">link21</a>
<a href="">link22</a>
<a href="">link23</a>
</div>
<div id="undermenu3" style="display:none">
<a href="">link31</a>
<a href="">link32</a>
<a href="">link33</a>
</div>
</body>
</html>[/code]
fallst eine vielzahl von links hast würd ichs vielleicht noch a bissal anderst schreiben, aber bei ner überschaubaren anzahl läuft das schon gut
gibt da verschiedene möglichkeiten das mit js zu realisieren
am einfachsten wäre es 3 divs einzubauen alle mit css auf display none zu setzen
jedes davon kriegt eine eindeutige id
danach bei beim javascript teil gibt man bei den links wo man drüber fährt a onmouseover drauf, das je nach link alle elemente mit getElementById anspricht und den dsiplay wert der zwei die nicht gezeigt werden sollen auf none und den letzten auf block
edit:
fertiges beispiel von mir hab ich schnell runter geschrieben
[code=php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>javascript</title>
<script type="text/javascript">
<!--
function link(number){
document.getElementById("undermenu1").style.display='none';
document.getElementById("undermenu2").style.display='none';
document.getElementById("undermenu3").style.display='none';
document.getElementById("undermenu"+number).style.display='block';
}
//-->
</script>
</head>
<body>
<div id="menu">
<a href=""><span onmouseover="link(1)">link1</span></a>
<a href=""><span onmouseover="link(2)">link2</span></a>
<a href=""><span onmouseover="link(3)">link3</span></a>
</div>
<div id="undermenu1" style="display:none">
<a href="">link11</a>
<a href="">link12</a>
<a href="">link13</a>
</div>
<div id="undermenu2" style="display:none">
<a href="">link21</a>
<a href="">link22</a>
<a href="">link23</a>
</div>
<div id="undermenu3" style="display:none">
<a href="">link31</a>
<a href="">link32</a>
<a href="">link33</a>
</div>
</body>
</html>[/code]
fallst eine vielzahl von links hast würd ichs vielleicht noch a bissal anderst schreiben, aber bei ner überschaubaren anzahl läuft das schon gut
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".
![[Bild: 10_en_btn.gif]](http://www.xing.com/img/buttons/10_en_btn.gif)
Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum