Mein Code hat probleme bei Netskape

Gast

Hallo Leute ich habe vor Jahren geplant eine Webside zu bauen habe diese nie vollendet. Jetzt möchte ich dies tun doch ein Hauptelement, meine Navigations- leiste hat ein Problem sie funktioniert bei Firefoxs und Netscape nicht. Probiert den Coellcode (den ich mit geschickt habe) aus mit dem Internet Explorer und den beiden anderen dann sehr ihr das Problem.
Der Quelltext, davon war damals von einer opensorce quelle wo man kostenlos die Qellcods weiter verarbeiten. Kann ich habe mich damals über diesen fund gefreut und bedankt doch heute ist die Person nicht mehr zu erreichen. Ich habe ca. 1999 mir den Code geholt. findet von euch jemand den Fehler. Ich habe das ganze auch weiterentwickelt und verändert und mit dem Internet Explorer klappt es auch. Vielleicht weiß einer von euch rat. Würde mich freuen kann die Navigation leiste dann doch noch Benutzen. Das rettet mein Projekt Danke. Der Quelltext folgt.

<HTML><HEAD><TITLE>Probe</TITLE>

<STYLE type=TEXT/CSS>A {
COLOR: black; TEXT-DECORATION: none
}
A:hover {
COLOR: red; FONT-WEIGHT: bolder
}
.block {
HEIGHT: 80px; WIDTH: 120px
}
.unter {
BACKGROUND-COLOR: lime; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: 10pt; POSITION: relative; TEXT-ALIGN: center; VISIBILITY: hidden; WIDTH: 120px
}
.haupt {
BACKGROUND-COLOR: green; BORDER-BOTTOM: silver 1px solid; COLOR: black; CURSOR: hand; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 11pt; FONT-WEIGHT: bolder; POSITION: relative; TEXT-ALIGN: center; WIDTH: 120px
}
</STYLE>

<SCRIPT language=JavaScript type=TEXT/JAVASCRIPT>
<!--

function MenueAuf(Men)
{
if (document.all)
{
Men.style.visibility="visible";
}
}

function MenueZu(Men)
{
if (document.all)
{
Men.style.visibility="hidden";
}
}

//-->
</SCRIPT>

<TD width="107">
<DIV class=block><font size="1"><SPAN class=haupt onmouseout=MenueZu(Menue5)
onmouseover=MenueAuf(Menue5)>Länder</SPAN>

</font>
<DIV class=unter id=Menue5 onmouseout=MenueZu(Menue5)
onmouseover=MenueAuf(Menue5)><font size="1">England
</font></DIV></DIV></TD>
<TR>
<TD width="741" valign="top" colspan="6">

</TR></TBODY></TABLE>
</div>

</BODY></HTML>

Torty

Also nochmal:
Die ALL-Collection kennt nur der IE. Für die anderen Browser muss man die Methode getElementById() benutzen. Belest euch hierfür zum Thema: DHTML und Browserkompatibilität bzw. Umsetzung des DOM-Modells...

Was ist DHTML?
SELFHTML - Dynamisches HTML
SELFHTML - allgemeines zum ALL-Objekt
DHTML mit verschiedenen Browsern

Have fun!

Gast

Danke für deine Hilfe habe es leider noch nicht verstanden mit den unterschiedlichen befehlen was genau müsste ich ändern??? Die Texte habe ich irgendwie nicht ganz verstanden währe nette wen du mir noch helfen kannst danke!

Torty

themenverwandter Thread -> Direktlink

In deinem Fall müsste das mal so aussehen

Code

function MenueAuf(){
  if (document.all)
    Men.style.visibility="visible";
  else
    if (document.getElementById())
      document.getElementById("Men").style.visibility="visible";
    else
      // Code für alte Browser
}

Das Argument Men in deiner JS-Funktion ist unnütz und kann entfallen.

Zu deinem Code:
* Code besser strukturieren - Vergleich mein Code <-> dein Code

Code

function MenueAuf(Men)
{
if (document.all)
{
Men.style.visibility="visible";
}
} 
// besser wäre
function MenueAuf(Men){
  if (document.all){
    Men.style.visibility="visible";
  }
}

Alles anzeigen

* verwende keine Großschreibung im HTML-Code
* CSS-Attribute sollten ebenfalls aus Kleibuchstaben bestehen
* verwende keine "alten" HTML-Attribute wie bgcolor, sondern nutze CSS
* alle(!) HTML-Attribute gehören in Doppelhochkomma (like this ")
Naja, das aber nur mal so am Rande...

Gast

Danke für deine Hilfe und deinen Tipp aber mit dem was du mir geschrieben hats bekomme ich es irgenwie auch nicht zum laufen. Ich habe beide Fuktionen geändert aber, ich weißnicht warum es klapt leider nicht. Danke

Gast

Danke Torty für deine Hilfe. Aber ich habe es immer noch nicht hinbekommen vielleicht bin ich bild oder ich raff es einfach nicht.

Eine Frage habe ich kann mir ansonsten jemand eine Site empfehlen auf der Kostenlos solche Skripte angeboten werden (für Leute wie mich). Währe echt toll den meine Ganze Site ist so aufgebaut das ein solches Menü unabdingbar ist. Währe echt nett danke. (Falls jemand meins bei Netscape zum laufen bringt währe das auch gut) Danke für eure Hilfe tolles Forum!!!!

Gast

Hier bin ich wieder und habe eine Frage weitere Frage ich habe mich etwas eingearbeitet und verstehe jetzt das meiste; aber die Zeile in der steht

else
// Code für alte Browser

verstehe ich nicht kann mir das jemand erklären wie muss ich das else beenden und was muss bei Code für alte Browser hin. Währe toll wen jemand mir weiter helfen könnte!

Torty

Oh, das könnte natürlich schon buggie sein...
try this

Code

else {
    // Code für alte Browser, z.B. NN4.x
  }

Sry. Mein Fehler.

Gast

<HTML><HEAD><TITLE>Probe</TITLE>

<STYLE type=TEXT/CSS>A {
COLOR: black; TEXT-DECORATION: none
}
A:hover {
COLOR: red; FONT-WEIGHT: bolder
}
.block {
HEIGHT: 80px; WIDTH: 120px
}
.unter {
BACKGROUND-COLOR: lime; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: 10pt; POSITION: relative; TEXT-ALIGN: center; VISIBILITY: hidden; WIDTH: 120px
}
.haupt {
BACKGROUND-COLOR: green; BORDER-BOTTOM: silver 1px solid; COLOR: black; CURSOR: hand; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 11pt; FONT-WEIGHT: bolder; POSITION: relative; TEXT-ALIGN: center; WIDTH: 120px
}
</STYLE>

<SCRIPT language=JavaScript type=TEXT/JAVASCRIPT>
<!--

function MenueAuf(){
if (document.all)
Men.style.visibility="visible";
else
if (document.getElementById())
document.getElementById("Men").style.visibility="visible";
else {
// Code für alte Browser, z.B. NN4.x
}
}

function MenueZu(){
if (document.all)
Men.style.visibility="hidden";
else
if (document.getElementById())
document.getElementById("Men").style.visibility="visible";
else {
// Code für alte Browser, z.B. NN4.x
}

}
}

//-->
</SCRIPT>

<TD width="107">
<DIV class=block><font size="1"><SPAN class=haupt onmouseout=MenueZu(Menue5)
onmouseover=MenueAuf(Menue5)>Länder</SPAN>

</font>
<DIV class=unter id=Menue5 onmouseout=MenueZu(Menue5)
onmouseover=MenueAuf(Menue5)><font size="1">England
</font></DIV></DIV></TD>
<TR>
<TD width="741" valign="top" colspan="6">

</TR></TBODY></TABLE>
</div>

</BODY></HTML>

Geht irged wie immer noch nicht findest du noch ein fehler (jezt gehts auch im IE nicht) Danke!

Tags