nicht angemeldet
Ich wollte mit den Untermenüs arbeiten, da der Scrollbalken sonst ins unendliche wächst. Mein Hintergedanke ist es aus den im Moment links und rechts angezeigten Menüs, eins auf der linken Seite zu machen. Dies geht aus Platzgründen (denke ich) nur mit aufklappbaren Untermenüs. Wenn ich es irgendwie schaffe das Untermenü in dem Mittleren Frame anzeigen zu lassen, dann kann ich den rechten Frame komplett rausnehmen. Falls ich das Menü in dem Mittlern Frame anzeigen lassen kann, benötige ich auch diese Frameüberlappung nicht mehr.
Im Moment habe ich es so realisiert:
<style type="text/css">
table { background-color: #0099ff; font-size: 18px; }
a {color:white; text-decoration: none;}
.obermenue { background-color: #000080; FONT-FAMILY: Verdana; font-size: 15px; FONT-WEIGHT: bold; }
</style>
<script language="JavaScript">
function klappAus(abc, abd) {
var dieZeile = document.getElementById(abc);
var dasLayer = document.getElementById(abd);
dieZeile.style.backgroundColor = "#0099ff";
dasLayer.style.visibility = "visible";
}
function klappEin(abc, abd) {
var dieZeile = document.getElementById(abc);
var dasLayer = document.getElementById(abd);
dieZeile.style.backgroundColor = "#000080";
dasLayer.style.visibility = "hidden";
}
</script>
</head>
<body text=#000000 vLink=#f0ffff aLink=#00ffff link=#f0ffff bgColor=#000080>
<div id="hof" style=" position: absolute; left: 0px; top: 0px; width: 130px; height: 300px;
z-index: 5; visibility: visible; overflow: hidden;" >
<table class="obermenue" width="100%" cellspacing="0" border="0" cellpadding="3">
<tr id="n_news" height="30" onMouseOver="klappAus('n_news', 'news')"
onMouseOut="klappEin('n_news', 'news')"><td><a>News</a> </td></tr>
</table>
</div>
<div id="news" style=" position: absolute; top: 0px; left: 130px; width: 100px; height: 300px;
z-index: 4; visibility: hidden; ">
<table cellspacing="0" border="0" cellpadding="3" width="100%" onMouseOver="klappAus('n_news', 'news')"
onMouseOut="klappEin('n_news', 'news')
">
<tr height="30"><td><a href="test.htm" target="Hauptframe">test</a> </td></tr>
</table>
</div>
</table>
</div>
</body>
</html>
Ich habe aber leider keine Ahnung wie ich den Part:
<div id="news" style=" position: absolute; top: 0px; left: 130px; width: 100px; height: 300px;
z-index: 4; visibility: hidden; ">
<table cellspacing="0" border="0" cellpadding="3" width="100%" onMouseOver="klappAus('n_news', 'news')"
onMouseOut="klappEin('n_news', 'news')
">
<tr height="30"><td><a href="test.htm" target="Hauptframe">test</a> </td></tr>
</table>
in den mittleren Frame bekomme.
Hast DU da eine Idee??