OnMouseOver 2x anwenden
Jay_Tea
- javascript
Hallo Leute,
ich habe ein großes Problem mit dem OnMouseOver-Befehl.
Hier erstnmal kurz das Skript:
<html>
<head>
<title>Aufgabe 1</title>
<script language="JavaScript"><!--
function geheZu(oben,unten){
parent.frames[1].location.href= oben + ".htm"; //alternativ:parent.frames[3].href="obenb.htm";
parent.frames[2].location.href= unten + ".htm"; //alternativ:parent.frames[4].href="untenb.htm";
}
function bilderladen() {
//Bilder laden
if (document.images) {
zuan = new Image()
zuan.src="bilder/zuan.gif";
zuah = new Image()
zuah.src="bilder/zuah.gif";
zubn = new Image()
zubn.src="bilder/zubn.gif";
zubh = new Image()
zubh.src="bilder/zubh.gif";
mehrzua = new Image()
mehrzua.src="bilder/mehrzua.gif";
mehrzub = new Image()
mehrzub.src="bilder/mehrzub.gif";
transp = new Image()
transp.src="bilder/transp.gif";
}
}
function bildwechsel(imgnr, austausch) {
if(document.images) {
window.document.images[imgnr].src=austausch.src;
}
}
//-->
</script>
</head>
<body bgColor="000000" onLoad="bilderladen()">
<a href="#" onMouseover="bildwechsel(0,zuah)"
onMouseout="bildwechsel(0,zuan)"
onCLick="geheZu('obena' , 'untena')">
<img src="bilder/zuan.gif" width=100 height=50 alt="" border="0">
</a>
<p>
<a href="#" onMouseover="bildwechsel(1,zubh)"
onMouseout="bildwechsel(1,zubn)"
onClick="geheZu('obenb', 'untenb')">
<img src="bilder/zubn.gif" width=100 height=50 alt="" border="0">
</a>
<a>
<img src="bilder/transp.gif" width=141 height=77 alt="" border="0">
</a>
</body>
</html>
Es läuft alles wunderbar, aber nun will ich euch dazu mal mein Problem erklären:
Ich möchte, dass wenn man auf "zuA" klickt, sich
1. dieses Bild ändert (bis hierhin funktioniert ja alles!) und
2.sich GLEICHZEITIG das bild transp.gif AUCH ändert in ein anderes Bild...
Ich hoffe, mein Problem ist verständlich und irgendwer kann mir helfen... bin am verzweifeln
@@Jay_Tea:
<script language="JavaScript"><!--
Fehler: das 'type'-Attribut fehlt. Das 'language'-Attribut je je nach Sprachversion einfach nur überflüssig oder sogar falsch. JavaScript-Bereiche in HTML definieren
Die Auskommentierung ist ebenfalls überflüssig. (Lass dir keinen (Cy)Bären aufbinden! ;->)
Ich möchte, dass wenn man auf "zuA" klickt, sich
- dieses Bild ändert (bis hierhin funktioniert ja alles!) und
Hä?? Der Bildwechsel passiert, wenn man mit dem Mauszeiger drüberfährt; nicht, wenn man draufclickt.
2.sich GLEICHZEITIG das bild transp.gif AUCH ändert in ein anderes Bild...
Dann schreibst du den Funktionsaufruf mit in den Eventhandler hinein. Wie zwei JavaScript-Anweisungen voneinander getrennt werden, ist dir klar? Allgemeine Regeln für JavaScript
Live long and prosper,
Gunnar
Jetzt klappt ALLES!
mein einziges Problem war, dass ich nicht wusste, wie man die JavaScript-Anweisungen voneinander trennt!
Danke nochmal! Man lernt nie aus ;-)
MFG, Jan
Hi,
mein einziges Problem war, dass ich nicht wusste, wie man die JavaScript-Anweisungen voneinander trennt!
Danke nochmal! Man lernt nie aus ;-)
Dieser Fall stellt aber eher "man hat noch nicht mal angefangen, sich mit den Grundlagen zu beschaeftigen" dar.
MfG ChrisB