nicht angemeldet
Rollover funktioniert nicht, wo ist der Fehler
MudGuard
StruppiHallo zusammen
Ich habe in der Mitte meiner Seite eine Grafik mitsamt image-map. Zu jedem der Bereiche wollte ich einen Rollovereffekt hinzufuegen, so dass sich je ein anderes Bild unter der Grafik zeigt. Allerdings funktioniert der Code leider nicht und ich weis nicht warum. Namen und Verzeichnisse stimmen, das habe ich schon ueberprueft.
Danke fuer eure Hilfe.
Hier der Code:
<html>
<head>
<title>Science-Club Praesentation</title>
<style type="text/css">
<!--
html
{
height: 100%;
width: 100%;
}
body
{
height: 100%;
width: 100%;
margin: 0px;
}
a:link {color:#000099; text-decoration:none}
a:visited {color:#000099; text-decoration:none}
//-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td valign="top" align="center">
<div align="center">
<img border="0" src="Picture/Praesentation0.jpg" usemap="#PreviewImageMap" style="margin-top:10px;"/>
<map name="PreviewImageMap">
<area SHAPE=RECT HREF="Sternwarte.html" ALT="" COORDS="669,150,739,497" onMouseOver="Hilfe.src = Sternwarte.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="ComputerAG.html" ALT="" COORDS="590,151,662,496" onMouseOver="Hilfe.src = Computer.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Ausstellung.html" ALT="" COORDS="513,152,584,495" onMouseOver="Hilfe.src = Ausstellung.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Ideen.html" ALT="" COORDS="429,152,506,495" onMouseOver="Hilfe.src = Ideen.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Hb-Team.html" ALT="" COORDS="346,253,421,497" onMouseOver="Hilfe.src = Hb-Team.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Kinder.html" ALT="" COORDS="269,253,341,499" onMouseOver="Hilfe.src = Kinder.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Wettbewerbe.html" ALT="" COORDS="179,253,264,497" onMouseOver="Hilfe.src = Wettbewerbe.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Science-Show.html" ALT="" COORDS="84,252,170,495" onMouseOver="Hilfe.src = ScienceShow.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Vortraege.html" ALT="" COORDS="83,151,419,249" onMouseOver="Hilfe.src = Vortraege.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Expirimentier.html" ALT="" COORDS="4,151,76,498" onMouseOver="Hilfe.src = Expirimentier.src" onMouseOut="Hilfe.src = RHilfe.src" />
</map>
<br />
<br />
<img src="Rollover/leer.jpg" name="Hilfe" border="0"/>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
RHilfe = new Image();
RHilfe.src = "Rollover/leer.jpg";
Sternwarte = new Image();
Sternwarte.src = "Rollover/Sternwarte.jpg";
Computer = new Image();
Computer.src = "Rollover/Computer.jpg";
Ausstellung = new Image();
Ausstellung.src = "Rollover/Ausstellung.jpg";
Ideen = new Image();
Ideen.src = "Rollover/Ideen.jpg";
Hb-Team = new Image();
Hb-Team.src = "Rollover/Hb-Team.jpg";
Kinder = new Image();
Kinder.src = "Rollover/Kinder.jpg";
Wettbewerbe = new Image();
Wettbewerbe.src = "Rollover/Wettbewerbe.jpg";
ScienceShow = new Image();
ScienceShow.src = "Rollover/ScienceShow.jpg";
Vortraege = new Image();
Vortraege.src = "Rollover/Vortraege.jpg";
Expirimentier = new Image();
Expirimentier = "Rollover/Expirimentier.jpg";
//-->
</script>
</body>
</html>
-
Hi,
<area [...] onMouseOver="Hilfe.src = Sternwarte.src" onMouseOut="Hilfe.src = RHilfe.src" />
Ein Javascript-Objekt namens "Hilfe" existiert nicht.
<img src="Rollover/leer.jpg" name="Hilfe" border="0"/>
Nein, dadurch existiert kein Javascript-Objekt namens "Hilfe".
Hb-Team = new Image();
Die Variablen Hb und Team sind nicht definiert, die Differenz der beiden damit auch nicht.
Dieser nicht-definierten Differenz kannst Du auch nichts zuweisen.cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hallo
Dass hat aber bei andere Gelegenheit schon funktioniert.
Wie muesste denn deiner Meinung nach der Code aussehen??Danke
-
hi,
Dass hat aber bei andere Gelegenheit schon funktioniert.
Dann wurde offenbar ein in Punkto Javascript fehlertoleranterer Browser benutzt.
Wie muesste denn deiner Meinung nach der Code aussehen??
Richtig.
Besorge dir eine Referenz [1] auf HTML-Elementobjekte, auf die du mittels Javascript zugreifen willst, und wähle gültige Bezeichner für Variablennamen [2].
[1] bspw.(!) http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id ff.
oder http://de.selfhtml.org/javascript/objekte/images.htm
[2] http://de.selfhtml.org/javascript/sprache/regeln.htm#namengruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo
Danke fuer eure Hilfe, aber ich habe es jetzt auch so hingekriegt. Ich musste nur den Namen von Hilfe.src auf Hiilfe, oder einenbeliebigen anderen veraendern. Dann funktioniert das ganze. Sowohl im Opera als IE als mit Netscape und Firefox. Ist zwar vielleicht nicht ganz sauber, aber funktionieren tuts
-
Danke fuer eure Hilfe, aber ich habe es jetzt auch so hingekriegt. Ich musste nur den Namen von Hilfe.src auf Hiilfe, oder einenbeliebigen anderen veraendern. Dann funktioniert das ganze. Sowohl im Opera als IE als mit Netscape und Firefox. Ist zwar vielleicht nicht ganz sauber, aber funktionieren tuts
Das kann nur funktionieren wenn du deine Seite im Quirksmodus darstellst, das ist auf jeden Fall nicht empfehlenswert, da du dir damit einen ganzen Menge von anderen Schwierigkeiten einhandelst. Sinnvoller wäre es sauberer zu programmieren.
Struppi.
--
Javascript ist toll (Perl auch!)
-
-
-
-