Menü Probleme!!
Jens
- dhtml
Hallo Leute,
Ich versuche mich gerade daran eine Menüe in DHTML zu basteln und hab nun ein kleines Problem !! Ich habe mir eine Datei "Index.htm" erstellt und dort drinne mal gabastel und es funst auch recht OK !! So nun baue habe ich mir eine Index.htm erstellt die Frames enthält !! 1x Oben dan Links und recht !! So wenn ich nun meinen Code in den linken Frame einfüge so das dort dies Menü ist dan bekomme ich immer einen fehler wenn ich auf einen link klicke !!
Hier mal den Code von meinem Menü !!
Code:
<html><head>
<title>Menu</title>
<style>
.menu
{
position: absolute;
top: 0;
z-index: 2;
}
.submenu
{
position: absolute;
top: 22;
z-index: 0;
visibility: hide;
visibility: hidden;
}
</style>
<script>
<!--
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
var old;
var memold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
if(document.layers)
{
window.captureEvents(Event.MOUSEUP);
window.onmouseup=do_out;
} else
{
document.onmouseup=do_out; // oder auch: document.onmouseclick=do_out
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
}
// -->
</script>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body>
<div id="m1" class="menu" style="left: 5; top: 100;">
<table bgcolor=FFFFFF cellspacing=0 cellpadding=2 border=0 width=115>
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x');"><img src="nav/Home.gif" width="140" height="28" border="0" name="image1"></a></td>
</tr>
</table>
</div>
<div id="m1x" class="submenu" style="left: 150;top: 102">
<table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=0 width=150>
<tr>
<td>
<a href="">Die DLRG</a><br>
<a href="">Landesverband Hessen</a><br>
<a href="">Bezirk Werra Meiner</a><br>
</td>
</tr>
</table>
</div>
</body>
</html>
Ich hoffe mir kann da jemand helfen !!
Danke Jens
Hab es gerade noch mal Probiert ! er schreit immer Fehler in Zeile "0" Objekt erwartet !!
Danke schon mal für die Hilfe !
Jens
Hi,
<html><head>
Doctype fehlt.
<title>Menu</title>
<style>
type-Attribut fehlt.
.menu
{
position: absolute;
top: 0;
z-index: 2;
}
.submenu
{
position: absolute;
top: 22;
22 Äpfel von oben? Einheit fehlt.
z-index: 0;
visibility: hide;
Dieser Wert ist für visibility nicht zulässig.
visibility: hidden;
Visibility hatten wir schon...
}
</style>
<script>
type-Attribut fehlt.
<!--
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
Es gibt auch moderne Browser, die weder layer noch all kennen. Dafür aber getElementById
}
[...]
// -->
</script>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body>
<div id="m1" class="menu" style="left: 5; top: 100;">
5 Birnen von links, 100 Kilometer von oben - Einheiten fehlen.
<table bgcolor=FFFFFF cellspacing=0 cellpadding=2 border=0 width=115>
Color-Werte als Hexziffern werden mit # eingeleitet - es fehlen die ""
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x');"><img src="nav/Home.gif" width="140" height="28" border="0" name="image1"></a></td>
img fehlt das alt-Attribut...
</tr>
</table>
</div>
<div id="m1x" class="submenu" style="left: 150;top: 102">
s.o.
<table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=0 width=150>
s.o.
[...]
</body>
</html>
cu,
Andreas
Hallo Andreas,
Danke für die Hilfe !! Nur leider bin ich totaler anfänger und habe schon 2 Wochen für die Paar Zeilen gebraucht! Kannst du mir nicht noch ein bisschen mehr Helfen ?? ich meine mal den Code so änder wie er deiner meinung nach richtig währe !! Weil so wie du die Komentare geschreiben hast scheinst du dich super damit aus zu kennen !!
Wenn nicht trozdem Danke dann werde ich mal versuchen ob ich es selbst schaffe !!
Danke Jens
Hi,
<html><head>
Doctype fehlt.
<title>Menu</title>
<style>
type-Attribut fehlt.
.menu
{
position: absolute;
top: 0;
z-index: 2;
}
.submenu
{
position: absolute;
top: 22;
22 Äpfel von oben? Einheit fehlt.
z-index: 0;
visibility: hide;
Dieser Wert ist für visibility nicht zulässig.
visibility: hidden;
Visibility hatten wir schon...
}
</style>
<script>
type-Attribut fehlt.
<!--
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
Es gibt auch moderne Browser, die weder layer noch all kennen. Dafür aber getElementById
}
[...]
// -->
</script>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body>
<div id="m1" class="menu" style="left: 5; top: 100;">
5 Birnen von links, 100 Kilometer von oben - Einheiten fehlen.
<table bgcolor=FFFFFF cellspacing=0 cellpadding=2 border=0 width=115>
Color-Werte als Hexziffern werden mit # eingeleitet - es fehlen die ""
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x');"><img src="nav/Home.gif" width="140" height="28" border="0" name="image1"></a></td>
img fehlt das alt-Attribut...
</tr>
</table>
</div>
<div id="m1x" class="submenu" style="left: 150;top: 102">
s.o.
<table bgcolor=d0d0d0 cellspacing=0 cellpadding=2 border=0 width=150>
s.o.
[...]
</body>
</html>cu,
Andreas