Byte_BuStEr
New member
weis jemand wo ein Fehler sein soll?
tml>
<head>
<style type="text/css">
a
{text-decoration: none}
.title
{position: absolute;
width: 100px;
height: 20px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}
.submenu
{position: absolute;
left: 25px;
width: 120px;
border: 1px solid black;
backgreound.color: yellow;
layer-background-color: yellow;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden;}
</style>
<script language="JavaScript">
var nummenus = 3; //Anzahl der Menüs
var titlearray = new Array(); //Ein Array für die Titelobjekte
var submenuarray = new Array(); // Ein Array für die Untermenüobjekte
if (document.layers) { //Setzt visibility für NN und IE
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}
// Füllt die Arrays mit Titel und Untermenüs
for (var i=0; i< nummenus; i++) {
titlearray = ('title' + i);
submenuarray = ('submenu' +i);
}
//ändert das Image, wenn der Menüpunkt geöffnet ist
function picopen
{
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.image[pic].src = "open.gif";
}
else if (document.all) {
document.all(pic).src = "open.gif";
}
}
function picclose
{
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src="closed.gif";
}
else if (document.all) {
document.all(pic).src = "closed.gif";
}
}
function toggle(n,move) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
picclose
;
for (var i=(n+1); i < nummenus; i++) {
if (document.layers) {
document.layers[titlearray].top -= move;
document.layers[submenuarray].top -= move;
}
else
if (document.all) {
document.all(titlearray).style.pixelTop -= move;
document.all(submenuarray).style.pixelTop -= move;
}
}
}
else {
submenu.visibility = visible;
picopen
;
for (var i=(n+1); i < nummenus; i++) {
if (document.layers) {
document.layers[titlearray].top += move;
document.layers[submenuarray].top += move;
}
if (document.all)
document.layers[titlearray].top += move;
document.layers[submenuarray].top += move;
}
}
}
lastmenu = submenu;
}
</script>
</head>
<body>
<div class="title" ID="title0" Style="top: 0px">
<A href="#" onclick="javascript: toggle(0, 30); return false"><IMG Name="pic0" src="closed.gif" border="0">Bücher</A>
</Div>
<Div class="submenu" ID="submenu0" Style="top: 20px">
<A href="http://www.nitty-gritty.de/" Target="anzeige">Nitty Gritty</A><br>
<A href="http://www.abenteuerhund.de/" Target="anzeige">Abenteuerhund</A>
</Div>
<Div class="title" id="title1" style="top: 20px">
<A href="#" onclick="javascript: toggle(1, 60); return false"><IMG Name="pic1" src="closed.gif" border="0">Geschäftlich</A>
</DIV>
<Div class="submenu" id="submenu1" style="top: 40px">
<A href="http://www.spectrosoftware.de/" Target="right">Spectrosoftware</A><br>
<A href="http://www.addison-wesley.de/" Target="anzeige">Spectrosoftware</A><br>
</DIV>
<Div class="title" ID="title2" style="top: 40px">
<A href="#" onclick="javascript: toggle(2, 45); return false"><IMG Name="pic1" src="closed.gif" border="0">Suchmaschinen</A>
</DIV>
<Div class="submenu" ID="submenu2" Style="top: 60px">
<A href="http://www.lycos.de/" target="anzeige">Lycos</A><br>
<A href="http://www.yahoo.de/" target="anzeige">Yahoo</A><br>
<A href="http://www.altavista.de/" target="anzeige">Altavista</A><br>
</body>
</html>
bitte um Hilfe...
cya
tml>
<head>
<style type="text/css">
a
{text-decoration: none}
.title
{position: absolute;
width: 100px;
height: 20px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}
.submenu
{position: absolute;
left: 25px;
width: 120px;
border: 1px solid black;
backgreound.color: yellow;
layer-background-color: yellow;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden;}
</style>
<script language="JavaScript">
var nummenus = 3; //Anzahl der Menüs
var titlearray = new Array(); //Ein Array für die Titelobjekte
var submenuarray = new Array(); // Ein Array für die Untermenüobjekte
if (document.layers) { //Setzt visibility für NN und IE
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}
// Füllt die Arrays mit Titel und Untermenüs
for (var i=0; i< nummenus; i++) {
titlearray = ('title' + i);
submenuarray = ('submenu' +i);
}
//ändert das Image, wenn der Menüpunkt geöffnet ist
function picopen
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.image[pic].src = "open.gif";
}
else if (document.all) {
document.all(pic).src = "open.gif";
}
}
function picclose
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src="closed.gif";
}
else if (document.all) {
document.all(pic).src = "closed.gif";
}
}
function toggle(n,move) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
picclose
for (var i=(n+1); i < nummenus; i++) {
if (document.layers) {
document.layers[titlearray].top -= move;
document.layers[submenuarray].top -= move;
}
else
if (document.all) {
document.all(titlearray).style.pixelTop -= move;
document.all(submenuarray).style.pixelTop -= move;
}
}
}
else {
submenu.visibility = visible;
picopen
for (var i=(n+1); i < nummenus; i++) {
if (document.layers) {
document.layers[titlearray].top += move;
document.layers[submenuarray].top += move;
}
if (document.all)
document.layers[titlearray].top += move;
document.layers[submenuarray].top += move;
}
}
}
lastmenu = submenu;
}
</script>
</head>
<body>
<div class="title" ID="title0" Style="top: 0px">
<A href="#" onclick="javascript: toggle(0, 30); return false"><IMG Name="pic0" src="closed.gif" border="0">Bücher</A>
</Div>
<Div class="submenu" ID="submenu0" Style="top: 20px">
<A href="http://www.nitty-gritty.de/" Target="anzeige">Nitty Gritty</A><br>
<A href="http://www.abenteuerhund.de/" Target="anzeige">Abenteuerhund</A>
</Div>
<Div class="title" id="title1" style="top: 20px">
<A href="#" onclick="javascript: toggle(1, 60); return false"><IMG Name="pic1" src="closed.gif" border="0">Geschäftlich</A>
</DIV>
<Div class="submenu" id="submenu1" style="top: 40px">
<A href="http://www.spectrosoftware.de/" Target="right">Spectrosoftware</A><br>
<A href="http://www.addison-wesley.de/" Target="anzeige">Spectrosoftware</A><br>
</DIV>
<Div class="title" ID="title2" style="top: 40px">
<A href="#" onclick="javascript: toggle(2, 45); return false"><IMG Name="pic1" src="closed.gif" border="0">Suchmaschinen</A>
</DIV>
<Div class="submenu" ID="submenu2" Style="top: 60px">
<A href="http://www.lycos.de/" target="anzeige">Lycos</A><br>
<A href="http://www.yahoo.de/" target="anzeige">Yahoo</A><br>
<A href="http://www.altavista.de/" target="anzeige">Altavista</A><br>
</body>
</html>
bitte um Hilfe...
cya