Objekt in anderem Frame ändern

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

Hallo zusammen,

ich habe jetzt bald 24h Javascript-Tutorial hinter mir, aber ich schnall’s einfach nicht. Kann mir bitte jemand von Euch bei folgendem Problem helfen:

In einem zweispaltigen Frameset wird rechts eine vertikale Vorschau-Bilderleiste angezeigt.
Im linken Frame ist eine Tabelle zu sehen, die ein Bild und einen Text enthält. Beim Anklicken eines der Thumbnail-Bilder rechts soll nun das Bild und der Text im linken Frame derart geändert werden. Das jeweils angeklickte Thumbnail-Bild soll darauf im linken Frame in vergrößertem Format erscheinen und gleichzeitig soll der Text sich ändern.

Das scheint mir keine große Nummer zu sein, aber ich bekomm’s einfach nicht hin - vielleicht kann mir jemand helfen, der schon etwas Übung in Javascript hat…

Danke und Gruß

Frido

2

Moin

Was genau ist das Problem ? Nur das cross-frame-arbeiten oder auch das Umstellen der Bilder/Texte ?

Wenn nur um’s cross-Frame geht:
Das erklärt wie man auf die Daten anderer Frames zugreift (runterscrollen):
http://netmirror.org/mirror/selfhtml/javascript/obje…

Ausserdem: probiers erstmal mit einem Frame aus. Wenn das klappt ist die Umstellung auf 2 Frames nicht so komplex.

cu

3

Hallo auch,

Was genau ist das Problem ? Nur das cross-frame-arbeiten oder
auch das Umstellen der Bilder/Texte ?

Letzteres!
Vielleicht fehlt mir einfach die nötige Fantasie. Ich hab’ leider bisher kein Skript gefunden, an dem ich erfolgreich herummodeln konnte, um es meinen persönlichen Bedürfnissen anzupassen.
Da ich mich das erste Mal mit Javascript beschäftige, komme ich einfach nicht so richtig voran. Hast Du irgendein Beispielskript zur Hand, an dem ich mich versuchen könnte ?
Ich hab’ mich mal an diesem hier (http://www.page-portal.de/javascript/fotogalerrie.html#)
versucht, aber wie ich’s auch drehe…es will nicht so wie ich.

Ich glaube ich versteh’ nicht ganz, wie die Indizierung der jpg-Dateien geregelt wird. Hast Du noch einen Tip ?

Danke und Gruß

Frido

4

Moin

Ich hab’ mich mal an diesem hier
(http://www.page-portal.de/javascript/fotogalerrie.html#)
versucht, aber wie ich’s auch drehe…es will nicht so wie
ich.

Das Ding ist oder aber „einfach“:

function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}\</PRE\>
Eine Funktion die ein Fenster öffent.
&lt:stuck\_out\_tongue\_winking\_eye:RE\>\<a href="#" onClick="fullScreen('fotogalerie.html');"\>Fotogalerie\</a\>\</PRE\>
Ein Link der die Funktion oben aufruft.
&lt:stuck\_out\_tongue\_winking\_eye:RE\>\<script language="JavaScript"\>
\<!--
var Bild1 = new Image();
Bild1.src="00.jpg";\</PRE\>
Den Teil kann man vergessen. Das bewirkt ein "cachen" der Bilder beim Browser. Fürs erste unnötig.

Letzt kommen die interessanten Teile:
&lt:stuck\_out\_tongue\_winking\_eye:RE\>\<div align="center"\>
\<center\>
\<table border="0" cellpadding="0" cellspacing="5" width="700"\>
\<tr\>
\<td width="700" height="350" align="center"\>
\<p align="center"\>\<img src="00.jpg" name="anzeige" width=500 height=350 border=0 alt=""\>\</p\>
\</td\>
\</tr\>
\</table\>
\</center\>
\</div\>\</PRE\>
Das definiert eine Tabelle in der ein Bild angezeigt wird. Dem img-Tag haben sie einen Namen verpasst &lt:stuck\_out\_tongue\_winking\_eye:RE\>\<img name="anzeige"\</PRE\> damit man später einfach an ihn rankommt.

&lt:stuck\_out\_tongue\_winking\_eye:RE\>
\<div align="center"\>
\<center\>
\<table border="0" cellpadding="0" cellspacing="5" width="700"\>
\<tr\>
\<td align="center"\>\<a href="#" onClick="document.anzeige.src=Bild1.src"\>\<img border="0" src="0.jpg" width="100" height="70"\>\</a\>\</td\>
\</PRE\> Das definiert die Liste der Tumbs. Jedes Image wird als Link definiert (das a-tag um das img-tag rum). Die a-tag führen beim anklicken diesen Code aus "document.anzeige.src=Bild1.src". D.h. such im aktuellen "document" nach dem Element names "anzeige" und setzt desen Eigenschaft "src" auf "Bild1.src". Bild1.src ist beim vorcachen als "00.jpg" gesetzt worden. Da steht also (wenn man sich das caching spart:
&lt:stuck\_out\_tongue\_winking\_eye:RE\>document.anzeige.src="00.jpg"\</PRE\>

(Anmerkung: Das funktioniert so nicht bei Netscape. Eigentlich müsste man&lt:stuck\_out\_tongue\_winking\_eye:RE\>document.getElementByName("anzeige")[0].src = "00.jpg"\</PRE\> schreiben, das verstehen alle Browser. Im Klartext: such im aktuellen document alle Tag names "anzeige". Nimm der ersten "[0]" und setzt die Eigenschaft "src" auf "00.jpg").

Alle Klarheiten beseitigt ?

cu
5

Hallo nochmal,

Alle Klarheiten beseitigt ?

Also, im wesentlichen habe ich das schon verstanden, danke. Ich finde allerdings immer noch nicht den Clou mit der Indizierung, soll heißen: Bei mir läuft die Sache nur, wenn die Thumbnail-Bilder einstellige (z.B. 1.jpg) und die Großformatbilder dreistellige Ziffern (z.b. 001.jpg) als Dateinamen kriegen, so daß ich jedes Bild doppelt vorhalten muß.
Jetzt meine Frage: Sind die blöd oder ich ?

Andere Frage:
Wenn ich nun auf einen anderen Frame einwirken will, muß das ganze doch anders adressiert werden. Ich hab’s mit
onClick=„parent.frames[0].document.anzeige.src=Bild1.src“
probiert, aber das tut’s nicht. Kannst Du mir sagen, was ich da falsch mache ?

Grüße
Frido

6

Moin

Bei mir läuft die Sache nur, wenn
die Thumbnail-Bilder einstellige (z.B. 1.jpg) und die
Großformatbilder dreistellige Ziffern (z.b. 001.jpg) als
Dateinamen kriegen, so daß ich jedes Bild doppelt vorhalten
muß.

Du brauchst jedes Bild so oder so doppelt (oder willst du die Leute die grossen Bilder für die Thumbs laden lassen ?)

Du kannst auch als Bildnamen nehmen was du willst, ob nun „01.jpg“ oder „XYZ.jpg“, das ist javaskript wurscht.

Wenn ich nun auf einen anderen Frame einwirken will, muß das
ganze doch anders adressiert werden. Ich hab’s mit
onClick=„parent.frames[0].document.anzeige.src=Bild1.src“
probiert, aber das tut’s nicht. Kannst Du mir sagen, was ich
da falsch mache ?

Das hängt von deinem Frameset ab. Ich würd erstmal auf parent.frames[1].document.anzeige.src tippen. Für alles weitere brächte man Code zu testen.

cu

7

Grüß Gott,

Du brauchst jedes Bild so oder so doppelt (oder willst du die
Leute die grossen Bilder für die Thumbs laden lassen ?)

Nee…stimmt. Am Zielrechner werden ja möglicherweise nicht alle Großbilder abgefragt. Hier bei mir, wo alle Großbilder schon liegen, mach’ ich natürlich aus denen die Thumbnails, so daß ich hier eigentlich keinen doppelten Satz brauche.

Das hängt von deinem Frameset ab. Ich würd erstmal auf
parent.frames[1].document.anzeige.src tippen. Für alles
weitere brächte man Code zu testen.

Das hat sich aber erledigt, vielen Dank!
Der einzige Grund warum’s noch nicht lief, waren nicht angepa0te Pfade in den Bild.src=Datei Anweisungen oben im . Nachdem ich mir das Brett vorm Kopf nun abgerissen habe, geht alles nach Wunsch.

Frohes Fest!

Frido