nicht angemeldet
also ich habe folgendes problem auf dem mac. mein mouseover will nicht so wie es dringend brauche!!!
- wenn ich die seite öffne dann zeigt mir der IE 5 manchmal nur die navigation ohne hintergrundbild an.
- allerdings muss ich jedesmal die seite aktuallisieren damit ich die unternavigation erscheint, wenn ich über die navigation fahre.
ich komme also auf die seite unter umständen ist alles ok.... fahre über meinen ersten navigationspunkt der ändert die farbe ABER ES ÖFFNET SICH NICHT DIE UNTERNAVIGATION! erst wenn ich ein paar mal aktualiseirt habe geht es.
bin für jeden tipp dankbar...
das hier meine navigationsdatei (top.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<link rel="STYLESHEET" type="text/css" href="navig.css">
<link rel="STYLESHEET" type="text/css" href="../allgemein.css">
<script language="JavaScript" src="mouseover.js"></script>
<script language="JavaScript">
browser = navigator.appName;
ie = "Microsoft Internet Explorer";
netscape = "Netscape";
navig = new Array();
navig[0] = "navig1";
navig[1] = "navig2";
navig[2] = "navig3";
navig[3] = "navig4";
navig[4] = "navig5";
</script>
</head>
<body bgcolor="#65769A" style="background-image:url(../images/top_neu.jpg); background-repeat:no-repeat;">
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="navig"><img src="../images/clear.gif" width="1" height="75" alt="" border="0"><br>
<a href="#" onmouseover="anzeigen('navig1');imgOn('navig','registrierung');imgOff('navig','multimedia','warenkorb','service','wir')"><img src="../images/nav/nav_registrierung_i.gif" width="115" height="24" alt="" border="0" name="registrierung"></a><a href="#" onmouseover="anzeigen('navig2');imgOn('navig','multimedia');imgOff('navig','registrierung','warenkorb','service','wir')"><img src="../images/nav/nav_multimedia_i.gif" width="99" height="24" alt="" border="0" name="multimedia"></a><a href="#" onmouseover= "anzeigen('navig3');imgOn('navig','warenkorb');imgOff('navig','registrierung','multimedia','service','wir')"><img src="../images/nav/nav_warenkorb_i.gif" width="99" height="24" alt="" border="0" name="warenkorb"></a><a href="#" onmouseover="anzeigen('navig4');imgOn('navig','service');imgOff('navig','registrierung','multimedia','warenkorb','wir')"><img src="../images/nav/nav_service_i.gif" width="120" height="24" alt="" border="0" name="service"></a><a href="#" onmouseover="anzeigen('navig5');imgOn('navig','wir');imgOff('navig','registrierung','multimedia','warenkorb','service')"><img src="../images/nav/nav_wir_i.gif" width="117" height="24" alt="" border="0" name="wir"></a></div></td>
</tr>
<tr>
<td><div id="navig1"><a href="registrierung/login_mitglieder.php" class="registrierung" target="inhalt">Login für Mitglieder</a> | <a href="registrierung/neuanmeldung_mitglieder.html" target="inhalt" class="registrierung">Neuanmeldung für Interessenten</a> | <a href="registrierung/neuanmeldung_fotografen.html" class="registrierung" target="inhalt">Anmeldung für Fotografen</a></div><div id="navig2"><a href="multimedia/sounds.html" class="multimedia" target="inhalt">Sounds</a> | <a href="multimedia/videos.html" class="multimedia" target="inhalt">Video</a> | <a href="multimedia/intros.html" class="multimedia" target="inhalt">Intros</a> | <a href="multimedia/animationen.html" class="multimedia" target="inhalt">Animationen</a></div><div id="navig3"><a href="warenkorb/warenkorb.php" class="warenkorb" target="inhalt">Warenkorb ansehen</a></div><div id="navig4"><a href="fotografen/service.html" class="fotografen" target="inhalt">Ihr Wunschmotiv</a> | <a href="fotografen/wir-suchen.html" class="fotografen" target="inhalt">Wir suchen für Sie</a></div><div id="navig5"><a href="wir/wir.html" class="wir" target="inhalt">Die Fakten</a> | <a href="wir/agb.html" class="wir" target="inhalt">AGB´s</a> | <a href="wir/benutzerhinweis.html" class="wir" target="inhalt">Benutzerhinweis</a> | <a href="wir/kontakt.html" class="wir" target="inhalt">Kontakt</a></div></td>
</tr>
</table>
<script>
bildladen();
</script>
</body>
</html>
und das hier ist mein javascript (mouseover.js):
function bildladen() {
if (document.images) {
registrierungon = new Image(); registrierungon.src = "../images/nav/nav_registrierung_a.gif";
registrierungoff = new Image(); registrierungoff.src = "../images/nav/nav_registrierung_i.gif";
multimediaon = new Image(); multimediaon.src = "../images/nav/nav_multimedia_a.gif";
multimediaoff = new Image(); multimediaoff.src = "../images/nav/nav_multimedia_i.gif";
warenkorbon = new Image(); warenkorbon.src = "../images/nav/nav_warenkorb_a.gif";
warenkorboff = new Image(); warenkorboff.src = "../images/nav/nav_warenkorb_i.gif";
serviceon = new Image(); serviceon.src = "../images/nav/nav_service_a.gif";
serviceoff = new Image(); serviceoff.src = "../images/nav/nav_service_i.gif";
wiron = new Image(); wiron.src = "../images/nav/nav_wir_a.gif";
wiroff = new Image(); wiroff.src = "../images/nav/nav_wir_i.gif";
}
}
function imgOn(welche,imgName) {
if (document.images) {
if (browser == netscape) {
document.layers[welche].document[imgName].src = eval(imgName + "on.src");
}
else if (browser == ie) {
document.all[welche].document[imgName].src = eval(imgName + "on.src");
}
}
}
function imgOff(welche,imgName,imgName2,imgName3,imgName4) {
if (document.images) {
if (browser == netscape) {
document.layers[welche].document[imgName].src = eval(imgName + "off.src");
document.layers[welche].document[imgName2].src = eval(imgName2 + "off.src");
document.layers[welche].document[imgName3].src = eval(imgName3 + "off.src");
document.layers[welche].document[imgName4].src = eval(imgName4 + "off.src");
}
else if (browser == ie) {
document.all[welche].document[imgName].src = eval(imgName + "off.src");
document.all[welche].document[imgName2].src = eval(imgName2 + "off.src");
document.all[welche].document[imgName3].src = eval(imgName3 + "off.src");
document.all[welche].document[imgName4].src = eval(imgName4 + "off.src");
}
}
}
function zeigen(welche) {
if (browser == netscape) {
document.layers[welche].visibility = 'visible';
}
else if (browser == ie) {
document.all[welche].style.visibility = 'visible';
}
}
function verstecken(welche) {
if (browser == netscape) {
document.layers[welche].visibility = 'hidden';
}
else if (browser == ie) {
document.all[welche].style.visibility = 'hidden';
}
}
function anzeigen(wen) {
for (var i = 0; i < navig.length; i++) {
if (navig[i] == wen) {
zeigen(navig[i]);
}
else {
verstecken(navig[i]);
}
}
}