Jürgen Borchers
New member
Ich habe ein Drop Down Menü aus der Zeitschrift Internet Professional in meiner Seite eingebaut. Leider mußte ich feststellen, daß das Menü nicht unter Netscape 6 funktioniert.
Ich würde mich freuen, wenn Ihr mir helfen könntet.
Gruß,
Jürgen
Hier der Script:
<HTML>
<HEAD>
<TITLE>Demo #1</TITLE>
<STYLE TYPE="text/css">
<!--
body {margin-right:100pt;
font-family:arial;
font-size:10pt;
background-color:RGB(252,252,201)}
.haupt { position:absolute;
visibility:hidden;
color: white;
border-style: none;
font-size : 9pt;
font-family:verdana;
font-weight: bold;
border-color: black;
border-width: 2px;
width: 95px;
background-color:#330055;
padding: 2px;}
a:visited,a:link
{font-size:9pt;
font-family:verdana;
font-weight:bold;
text-decoration:none;
color:white;
}
a:hover {color:yellow}
-->
</STYLE>
<SCRIPT language="javascript">
//browser detection
var isNav=false;
var isIE=false;
var coll;
var style;
var activeMenu = 0;
if( parseInt(navigator.appVersion) >= 4){
if(navigator.appName == "Netscape"){
isNav = true;
coll = "document";
style = "";
} else {
isIE = true;
coll="document.all";
style = ".style";
}
}
}
var menu_aktiv = 0;
function menu(Rubrik, offset)
{
if( menu_aktiv != Rubrik) {
if (menu_aktiv) menu_zu("menu"+menu_aktiv);
if (isNav) {
eval('document["' + 'menu' + Rubrik + '"].top = 12');
eval('document["' + 'menu' + Rubrik + '"].left = offset');
} else {
eval('document.all["' + 'menu' + Rubrik + '"].style.pixelTop = 18');
eval('document.all["' + 'menu' + Rubrik + '"].style.pixelLeft = offset');
}
}
menu_auf("menu"+Rubrik);
menu_aktiv = Rubrik;
}
function menu_auf(menu_name){
eval(coll + '["' + menu_name + '"]' + style + '.visibility = "visible"');
}
function menu_zu(menu_name){
eval(coll + '["' + menu_name + '"]' + style + '.visibility = "hidden"');
}
function alleaus(){
if (menu_aktiv)
{menu_zu("menu"+menu_aktiv);
menu_aktiv = 0;}
}
function init() {
if (isNav) {document.captureEvents(Event.MOUSEUP);}
document.onmouseup = alleaus;
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFCC00" marginwidth="0" marginheight="0" topmargin="0"
leftmargin="0" onload="init();">
<!-- hier kommen die menüeinträge -->
<DIV id="menu1" class="haupt"><A href="link.htm">Produkte</A><br>
<A href="#">Lösungen</A><br>
<A href="#">Referenzen</A></DIV>
<DIV id="menu2" class="haupt"><A href="#">Treiber</A><BR>
<A href="#">FAQ</A><BR>
<A href="#">Email 3</A></DIV>
<DIV id="menu3" class="haupt"><A href="#"> Business </A><BR>
<A href="#">Privat</A></DIV>
<!-- menüeinträge ende -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR BGCOLOR="#330055">
<TD WIDTH="85">
<a href="javascript:menu(1,0)" onmouseover="menu(1,0)" >Angebot</A>
</TD>
<TD WIDTH="85">
<a href="javascript:menu(2,85)" onmouseover="menu(2,85)" >Support</A>
</TD>
<TD WIDTH="85">
<a href="javascript:menu(3,170)" onmouseover="menu(3,170)" >Kontakt</A>
</TD>
<TD WIDTH="85">
</TD>
</TABLE>
</BODY>
</HTML>
Ich würde mich freuen, wenn Ihr mir helfen könntet.
Gruß,
Jürgen
Hier der Script:
<HTML>
<HEAD>
<TITLE>Demo #1</TITLE>
<STYLE TYPE="text/css">
<!--
body {margin-right:100pt;
font-family:arial;
font-size:10pt;
background-color:RGB(252,252,201)}
.haupt { position:absolute;
visibility:hidden;
color: white;
border-style: none;
font-size : 9pt;
font-family:verdana;
font-weight: bold;
border-color: black;
border-width: 2px;
width: 95px;
background-color:#330055;
padding: 2px;}
a:visited,a:link
{font-size:9pt;
font-family:verdana;
font-weight:bold;
text-decoration:none;
color:white;
}
a:hover {color:yellow}
-->
</STYLE>
<SCRIPT language="javascript">
//browser detection
var isNav=false;
var isIE=false;
var coll;
var style;
var activeMenu = 0;
if( parseInt(navigator.appVersion) >= 4){
if(navigator.appName == "Netscape"){
isNav = true;
coll = "document";
style = "";
} else {
isIE = true;
coll="document.all";
style = ".style";
}
}
}
var menu_aktiv = 0;
function menu(Rubrik, offset)
{
if( menu_aktiv != Rubrik) {
if (menu_aktiv) menu_zu("menu"+menu_aktiv);
if (isNav) {
eval('document["' + 'menu' + Rubrik + '"].top = 12');
eval('document["' + 'menu' + Rubrik + '"].left = offset');
} else {
eval('document.all["' + 'menu' + Rubrik + '"].style.pixelTop = 18');
eval('document.all["' + 'menu' + Rubrik + '"].style.pixelLeft = offset');
}
}
menu_auf("menu"+Rubrik);
menu_aktiv = Rubrik;
}
function menu_auf(menu_name){
eval(coll + '["' + menu_name + '"]' + style + '.visibility = "visible"');
}
function menu_zu(menu_name){
eval(coll + '["' + menu_name + '"]' + style + '.visibility = "hidden"');
}
function alleaus(){
if (menu_aktiv)
{menu_zu("menu"+menu_aktiv);
menu_aktiv = 0;}
}
function init() {
if (isNav) {document.captureEvents(Event.MOUSEUP);}
document.onmouseup = alleaus;
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFCC00" marginwidth="0" marginheight="0" topmargin="0"
leftmargin="0" onload="init();">
<!-- hier kommen die menüeinträge -->
<DIV id="menu1" class="haupt"><A href="link.htm">Produkte</A><br>
<A href="#">Lösungen</A><br>
<A href="#">Referenzen</A></DIV>
<DIV id="menu2" class="haupt"><A href="#">Treiber</A><BR>
<A href="#">FAQ</A><BR>
<A href="#">Email 3</A></DIV>
<DIV id="menu3" class="haupt"><A href="#"> Business </A><BR>
<A href="#">Privat</A></DIV>
<!-- menüeinträge ende -->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR BGCOLOR="#330055">
<TD WIDTH="85">
<a href="javascript:menu(1,0)" onmouseover="menu(1,0)" >Angebot</A>
</TD>
<TD WIDTH="85">
<a href="javascript:menu(2,85)" onmouseover="menu(2,85)" >Support</A>
</TD>
<TD WIDTH="85">
<a href="javascript:menu(3,170)" onmouseover="menu(3,170)" >Kontakt</A>
</TD>
<TD WIDTH="85">
</TD>
</TABLE>
</BODY>
</HTML>