WCM Forum - Bild durch link in einem Frame im anderen ändern ?

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - Bild durch link in einem Frame im anderen ändern ? (http://www.wcm.at/forum/showthread.php?t=76501)

Kraeuterbutter

09.11.2002 14:56

Bild durch link in einem Frame im anderen ändern ?

was will ich machen:

ich hab 2 Frames nebeneinander..

FRAME 1: eine Liste mit Namen dargestellt, die länger ist als die Bildschirmseite (also scrollbar)

FRAME 2: sobald jemand mit der Maus über einen Link in FRAME 1 fährt,
soll im Frame 2 ein transparentes GIF-Bild durch ein anderes (sichtbares) Bild ersetzt werden, verläßt die Maus den Link wieder,
erscheint wieder das transparente (und somit nicht sichtbare) Bild..

warum will ich das so machen ?
wie gesagt FRAME 1 ist scroolbar, aber das Bild soll immer an der gleichen Stelle dargestellt werden
und das soll wenn möglich sowohl unter IE, Netscape, Konqueror usw. funktionieren..

so hab ich das schon mal wo anders gemacht, allerdings war das in einem Frame:

Code:

<a href="kapitel.htm"

       onMouseOver="document.kapitel.src='bilder/Obelix_kopf3b.gif'"

       onMouseOut="document.kapitel.src='bilder/Asterix_kopf4.gif'">

    [img]bilder/Asterix_kopf4.gif[/img]

    </a>

wär cool wenn mir da jemand helfen könnte (so schwierig kann das Problem doch gar ned sein aber ich komm trotz SelfHTML auf keine grünen Zweig)

snowman

09.11.2002 16:16

Text Link 1

und dann noch den onmouseout befehl einfügen.

gruss,
snowman

Kraeuterbutter

09.11.2002 16:50

ich kriegs ned hin..

habs mal versucht, aber ich kriegs ned hin :(

hier mal die relevanten Sourcecode-Stücke:

übergeordneter Frame:

Code:

<frameset  cols="100,*" border=0 frameborder=0 framespacing=0>

   <frame src="Modelle_links.html" name="Modelle_links"

                                   scrolling="no" marginwidth=2 marginheight=2 noresize>

   <frame src="Modelle_rechts.html" name="Modelle_rechts" marginwidth=10 marginheight=1>

</frameset>

Modelle_rechts:

Code:

  <a class="link_mittel" href="kapitel.htm"

       onMouseOver="parent.Modelle_links.Leerbild.scr='Modell_Thumbs/didi_piper_landung.jpg'"

       onMouseOut="parent.Modelle_links.Leerbild.scr='Modell_Thumbs/Leerbild_100_400.gif'">

       Diablotin

 </a>

Modelle_links:

Code:

[img]Modell_Thumbs/Leerbild_100_400.gif[/img]

mit deinem Code:
Text Link 1

krieg ich ne java-Script-Fehler...
drum hab ich das href durch src ersetzt (ich will ja das Bild im anderen Frame ändern..)
aber - zwar keine Fehlermeldung mehr - aber es tut sich nix :(

SPep	09.11.2002 17:32

Probier mal statt "parent.Modelle_links.Leerbild.scr" "parent.frames[0].Leerbild.scr" bzw. "parent.frames[1].Leerbild.scr"

käptn

10.11.2002 02:53

Re: ich kriegs ned hin..

Zitat:

Original geschrieben von Kraeuterbutter

Code:

<a class="link_mittel" href="kapitel.htm" onMouseOver="parent.Modelle_links.Leerbild.scr='Modell_Thumbs/didi_piper_landung.jpg'" onMouseOut="parent.Modelle_links.Leerbild..scr='Modell_Thumbs/Leerbild_100_400.gif'"> Diablotin </a>

Kein Screensaver sondern Source ;)

Also src

Im Zweifelsfall (falls NS4 uninteressant ist) dem entsprechenden IMG-Tag eine ID verpassen und mit top.framename.getElementById("ID").src darauf zugreifen.

HTH

~

Kraeuterbutter

11.11.2002 16:48

DANKE !!

jetzt funkts...
JUHUUU

Kraeuterbutter

11.11.2002 19:16

hier mal ne Testversion....

TESTVERSION

allerdings hätt ich schon wieder ein kleines Problemchen:

ich hätt gern, dass er beim Start der Seite die Bildchen gleich am Anfang lädt und wenn ich dann auf einen Link drauffahre sind sie schon da..
so wies jetzt ist ists leider nicht wirklich brauchbar :(

käptn

11.11.2002 19:45

Selbst ist der Coder:

http://selfhtml.teamone.de/javascrip...le/buttons.htm

~

Kraeuterbutter

11.11.2002 19:54

Viper

*Gg*
genau auf die Seite bin ich selber auch gekommen...

und habs auch schon getested:

Resultat:

http://stud3.tuwien.ac.at/~e9625624/...le_Frame2.html

ich hab die Methode mit den winzigen 1x1 - Bilder versucht..
funktioniert, aber die Punkte stören doch..

man sieht bei meinem Versuch auch wiedermal schön die Übertragungs-Fehler (was sollte es schon sein :confused: )
die ich immerwieder habe:

es haut mir am Ende des <\html> - Tag irgendeinen DAtenmüll rein, den er von irgendwo aus der Seite nimmt..
sieht man schön am linken Frame, wo er
"ll_Thumbs/Modell_Thumbs/Harrys_Extra330L_Thumb.jpg" height=0 weigth=0>"
reingehaut hat

:o

Kraeuterbutter

12.11.2002 22:23

eigentlich bin ich zufrieden so wies jetzt funkt..

ausser:
unter Linux funktionierts unter

Netscape
Konqueor
etc. etc.

NICHT :confused:

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:39 Uhr.

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen