S. Hecht: DRINGEND! Javascript nicht Netscape 7.2 kompatibel?

Hallo zusammen,
für einen Kunden muss ich folgendes Script
(hier nur das Original von Javascript.com)
Netscape 7.x kompatibel machen:

<html>
<!-- Creation date: 30/10/01 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Author" content="Unregistered user">
<meta name="Generator" content="AceHTML 4 Pro">
<script language="JavaScript1.2">

//made by blizzard
//visit my site on http://clix.to/black-storm
//make your links here
//link for menu 1
var menu1=new Array()
menu1[0]='<a href=Test00.htm>Menu item caption00</a><br>'
menu1[1]='<a href=Test01.htm>Menu item caption01 here</a><br>'
menu1[2]='<a href=Test02.htm>Menu item caption02</a><br>'
//link for menu 2
var menu2=new Array()
menu2[0]='<a href=Test10.htm>Menu item caption10</a><br>'
menu2[1]='<a href=Test11.htm>Menu item caption11</a><br>'
menu2[2]='<a href=Test12.htm>Menu item caption12</a><br>'
//link for menu 3
var menu3=new Array()
menu3[0]='<a href=Test20.htm>Menu item caption20</a><br>'
menu3[1]='<a href=Test21.htm>Menu item caption21</a><br>'
menu3[2]='<a href=Test22.htm>Menu item caption22</a><br>'
//link for menu 4
var menu4=new Array()
menu4[0]='<a href=Test30.htm>Menu item caption30</a><br>'
menu4[1]='<a href=Test31.htm>Menu item caption31</a><br>'
menu4[2]='<a href=Test32.htm>Menu item caption32</a><br>'
//link for menu 5
var menu5=new Array()
menu5[0]='<a href=Test40.htm>Menu item caption40</a><br>'
menu5[1]='<a href=Test41.htm>Menu item caption41</a><br>'
menu5[2]='<a href=Test42.htm>Menu item caption42</a><br>'

</script>

<style>
//dont use this only proffesional
<!--
.iewrap1{
position:relative;
height:30px;
}
.iewrap2{
position:absolute;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
visibility:hide;
z-index:100;
}
-->
</style>

</head>
<body>
<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu

//reusable/////////////////////////////
</script>
<!-----------change here your color en yout link for menu here----------->
<!----------Menu 1 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->

<!----------Menu 2 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->

<!----------Menu 3 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu2')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->

<!----------Menu 4 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu3')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->

<!----------Menu 5 starts here---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu4')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->

<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>

<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>

<div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>

<div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>

<div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>

</body>
</html>

Hat jemand einen Tip für mich, was daran für Netscape nicht verwertbar ist?

Vielen Dank!

MfG
S. Hecht

  1. hi,

    nein, weniger dringend als du denkst.

    darüber binaus möchte ich dir vorschlagen, dich doch mal ein bisschen eingehender mit den FAQ hier zu beschäftigen, insb. </faq/#Q-07> und </faq/#Q-10>.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. Hallo S.,´
    "Dringend" ist hier alles, kein Grund zu schreien.

    <!-- Creation date: 30/10/01 -->

    wir schreiben das Jahr 2005. Da liegen Lichtjahre dazwischen.

    <script language="JavaScript1.2">

    type fehlt

    //dont use this []..

    mein Tipp

    if (document.all){
    if (document.layers)

    für Browser der vierten Generation geschrieben. DOM nicht berücksichtigt.

    <ilayer height=35px>
    <layer visibility=show>

    Diese Elemente sind kein gültiges HTML.

    Hat jemand einen Tip für mich, was daran für Netscape nicht verwertbar ist?

    Ich sehe kaum etwas, das für moderne Browser verwertbar wäre ;-) Wenn es unbedingt ein Javascript-Menü sein soll, schau Dich mal hier um:

    dhtmlcentral

    Es ist garantiert weniger Arbeit, eines dieser Menüs anzupassen als Deins zu modernisieren.

    Viel Erfolg!

    Gruß aus Köln-Ehrenfeld,

    Elya

  3. Hi,

    //made by blizzard
    //visit my site on http://clix.to/black-storm

    schonmal dort gewesen? Vielleicht gibt's ja ein Update.

    <style>
    //dont use this only proffesional
    <!--

    *rofl*

    Hat jemand einen Tip für mich, was daran für Netscape nicht verwertbar ist?

    Netscape 4.x sollte damit klarkommen - das Script stammt ja wohl aus dieser Zeit.
    Für neuere Geckos allerdings sehe ich kaum etwas verwertbares.

    freundliche Grüße
    Ingo