nicht angemeldet
Hallo zusammen
Ich stehe schon seit Tagen vor einem für mich unlösbaren Problem. Ein Button in der Navigation (der nur ein Bild und kein eigentlicher Button ist) soll durch onclick die Farbe von schwarz auf weiss ändern (bzw. in diesem Beispiel ein anderes Bild) und es sollen weitere Möglichkeiten direkt unterhalb ausklappen (mit dem Befehl visibility).
Nachdem dies geschehen ist und man auf den unteren Teil "moved" soll der natürlich noch da bleiben und becklickbar sein.
Alles ist in 3 Dokumente unterteilt und um nicht die ganze Sache kopieren zu müssen habe ich eine abgespeckte Version mit nur einem Button und einem gehideten div gemacht.
Inhalt test.html
<html>
<head>
<title>Hans</title>
<link rel="stylesheet" href="Das.css" type="text/css">
<script src="Navi.js" type="text/javascript"></script>
</head>
<body>
<img name="Reisen" src="Reisen_black.jpg" alt="Reisen" onclick="hans()" onmouseout="fritz()"/>
<div id="Lars" class="Reisen" onmouseover="abc()" onmouseout="xyz()">
<img src="Bearbeiten_black.jpg" alt="Bearbeiten"/>
<img src="Neu_black.jpg" alt="Neu"/>
</div>
</body>
</html>
Inhalt Das.css
body { background-color: silver;
}
#Lars { visibility: hidden;
}
.Reisen { width: 130px;
border: 1px solid red;
position: absolute;
}
Inhalt Navi.js
unction hans() {
this.src="Reisen_white.jpg";
document.getElementbyId("Lars").style.visibility="visible";
}
function fritz() {
this.src="Reisen_black.jpg";
document.getElementbyId("Lars").style.visibility="hidden";
}
function abc() {
document.getElementbyName("Reisen").src="Reisen_white.jpg";
this.style.visibility="visible";
}
function xyz() {
document.getElementbyName("Reisen").src="Reisen_black.jpg";
this.style.visibility="hidden";
}
Bilder:
Der rote Rahmen dient btw. zum erkennen des gehideten divs und nicht zur Show :P.
Ich habe schon viele Sachen ausprobiert und habe mal getelementbyname genommen, mal getelementbyid und auch this und trotzdem funktioniert einfach gar nichts.
Ich bin wirklich komplett am Ende meines Lateins und vermute sehr dumme Fehler in meinem Code die jedoch weder einer meiner Kameraden noch ich sehen.
Könnt ihr mir helfen?
Danke schon im Voraus!
Struppi