Bildaustausch abhänig von einem Target

[stephanies]

Hallo Community,

mir stellt sich gerade folgendes Problem bei dem Ihr mir vielleicht eine kleine Hilfestellung geben könntet.

Ich habe eine reine HTML Seite mit einer Navigation. Diese Navigation lädt Inhalte in einen IFrame. Dies funktioniert auch soweit gabz gut. Nun habe ich aber innerhalb der normalen HTML Seite, also nicht im Iframe Content, ein Bildmotiv.

Ist es möglich dies in Abhängigkeit vom Target auszutauschen? Leider habe ich das Problem das ich nicht auf PHP o.ä. zurückgreifen kann.

Schonmal Danke im Vorraus,
Basti

[wahsaga]

hi,

Nun habe ich aber innerhalb der normalen HTML Seite, also nicht im Iframe Content, ein Bildmotiv.

Ist es möglich dies in Abhängigkeit vom Target auszutauschen?

Welches "Target"?

Schonmal Danke im Vorraus,
Basti

Wolltest dir per Nickname den Frauenbonus (liebe Antworten für Blondchen) sichern, hast es aber jetzt doch vermasselt ...?

gruß,
wahsaga

[stephanies]

Moin Moin,

das mit dem Frauenbonus war nicht geplant, nur durfte ich 3 mal einen anderen Namen eintippen um den Beitrag posten zu können. Und da mir gerade eine Kundenmappe vorliegt wo groß "Stephanie" drauf steht, hat sich das angeboten.

Es ist schonmal schön zu hören das es generell möglich ist. Ich will mal etwas ins Detail gehen:

Meine Navigation hat einige Links:
<a href="content1.html" target="iframe">xxx1</a>
<a href="content2.html" target="iframe">xxx2</a>

Außerhalb des Iframes, dort wo auch die Links stehen, habe ich einen Platz für ein Bild. Dieses Bild sollte sich, wenn möglich, austauschen, je nachdem welches Bild ich habe.

->
wenn "content1 im Iframe" dann "bild_für_content_1" auf Bildplatz
wenn "content2 im Iframe" dann "bild_für_content_2" auf Bildplatz

Nur wie ich das letztendlich mit Java umsetzte ist mir noch schleierhaft.

Gruß,
B

hi,

Nun habe ich aber innerhalb der normalen HTML Seite, also nicht im Iframe Content, ein Bildmotiv.

Ist es möglich dies in Abhängigkeit vom Target auszutauschen?

Welches "Target"?

Schonmal Danke im Vorraus,
Basti

Wolltest dir per Nickname den Frauenbonus (liebe Antworten für Blondchen) sichern, hast es aber jetzt doch vermasselt ...?

gruß,
wahsaga

[Hans]

Hi Basti,

wenn ich das noch recht in Erinnerung habe:

<a href="" onClick="mach_mal('content1.html','bild_fuer_content_1.jpg')">xxx1</a>

und dann:

<SCRIPT>
function mach_mal (my_url, my_pic) {
   document.iframe.src=my_url;
   document.image[0].src=my_pic;
}
</SCRIPT>

Statt den Link direkt aufzurufen, rufst Du eine Funktion auf, die Parameter bekommt. Die Parameter der Funktion beinhalten den Namen des neuen URLs fuer den IFRAME und den neuen URL fuer das Bild an dem Bildplatz.

Gruß

Hans

[stephanies]

Hallo Hans,

danke schonmal. Eine Frage hätte ich noch:

Wie übergebe ich die beiden variablen an die jeweilgen Empfänger (Iframe und Bild) es müsste ja irgendwas in der Art von:

<img src="variable" border="0">

sein.

Noch mal Danke im vorraus.
Gruß,
B.

Hi Basti,

wenn ich das noch recht in Erinnerung habe:

<a href="" onClick="mach_mal('content1.html','bild_fuer_content_1.jpg')">xxx1</a>

und dann:

<SCRIPT>
function mach_mal (my_url, my_pic) {
   document.iframe.src=my_url;
   document.image[0].src=my_pic;
}
</SCRIPT>

Statt den Link direkt aufzurufen, rufst Du eine Funktion auf, die Parameter bekommt. Die Parameter der Funktion beinhalten den Namen des neuen URLs fuer den IFRAME und den neuen URL fuer das Bild an dem Bildplatz.

Gruß

Hans

[David]

Das machst du mit de JS-Funktion:

function mach_mal (my_url, my_pic) {
   document.iframe.src=my_url;
   document.image[0].src=my_pic;

in der Klammer stehen die Variablen, die übergeben werden können
und mit den beiden =-Zeichen werden sie dann an die Objekte zugewiesen.

Wenn du in diese Funktion die Variablen direkt einsetzt, dann sieht das so aus:

function mach_mal('content1.html', 'img1.jpg') {
   document.iframe.src='content1.html';
   document.image[0].src='img1.jpg'

So würde es dann nach einem Mausklick auf deinen Navi-Link aussehen.

[stephanies]

Hallo nochmal,

also ich habe nun die Funktion so übernommen

<SCRIPT>
function bilder_tausch_url (my_url, my_pic) {
   document.Content.src=my_url;
   document.image[0].src=my_pic;
}
</SCRIPT>

Wobei mein IFrame so aussieht:
<iframe src="content_home.html" width="424" height="257" name="Content" frameborder="0" scrolling="auto">
</iframe>

Leider bekomme ich den zusammenhang noch nicht ganz hin, bzw verstehe ihn noch nicht. Die funktion bezieht sich also mit "document" auf das aktuelle Dokument und mit ".Content" auf das Objekt "Content" (in diesem Falle der iframe) und mit ".src" auf das zu ersetzende Atribut? Wenn ich das bishierhin richtig verstanden habe, scheint es aktuell nicht zu funktionieren.

Weiter ist mir unklar woher die funktion weiß, das image[0] auch tatsächlich das Image ist, welches ausgetauscht werden soll?

Vielleich könnt ihr mir noch auf die Sprünge helfen.

Gruß,
B.

Das machst du mit de JS-Funktion:

function mach_mal (my_url, my_pic) {
   document.iframe.src=my_url;
   document.image[0].src=my_pic;

in der Klammer stehen die Variablen, die übergeben werden können
und mit den beiden =-Zeichen werden sie dann an die Objekte zugewiesen.

Wenn du in diese Funktion die Variablen direkt einsetzt, dann sieht das so aus:

function mach_mal('content1.html', 'img1.jpg') {
   document.iframe.src='content1.html';
   document.image[0].src='img1.jpg'

So würde es dann nach einem Mausklick auf deinen Navi-Link aussehen.

[David]

joa, also den Anfang hast du schon richtig verstanden.

Das image[0] war aber auch nur ein Beispiel, also musst du das noch durch dem Namen deines img-Objekts ersetzen

[David]

Hallo Basti,

Ist es möglich dies in Abhängigkeit vom Target auszutauschen? Leider habe ich das Problem das ich nicht auf PHP o.ä. zurückgreifen kann.

Wie meinst du das, in Abhängigkeit vom Target austauschen, dass bei jedem verschiedenen Target ein anderes Bild kommt?
Oder meintest du vielleicht die Linkadresse, z.B.?

Naja, einen Bildwechsel könntest du über JavaScript realisieren, in das Script lassen sich dann auch (ganz leicht) Abhängigkeiten einbauen.
Probleme dürfte es damit auch nicht geben, weil JavaScript ja nicht (wie PHP) vom Server, sondern vom Browser interpretiert werden.

Ich hoffe mal, dass dich as schon mal einen Schritt weiter bringt. Wie genau das in deinem Fall zu machen ist bekommen wir bestimmt auch noch hin ;-)