IFrame Eigenschaft abfragen

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

Ich versuch mich gerade an einer Website und stehe jetzt vor einem Problem.
Meine Index.html-Seite enthält 3 Links zu (Home.html, Info.html, Kontakt.html) die je nach Klick in einem IFame angezeigt werden.
Das funktioniert alles bestens.

Nun möchte ich aber, das ein bestimmtes Div-Tag mit einer Hintergrundgrafik in meiner Index.html-Seite nur dann eingeblendet wird, wenn in dem IFrame gerade der Link (Info.html) aktiv ist.
Gibt es vielleicht eine Möglichkeit die src-Eigenschaft im IFrame abzufragen und das DivTag ein oder auszublenden ?
Vielleicht kann man da auch mit Java was machen.
Hier mal n Stück Quellcode:

Home
Information
Leistungen

Hintergrundgrafik

Vielleich gibts da aber auch noch ne ganz andere Lösung.
Bin da für jede Hilfe dankbar.

Frohe Ostern
Gruß Daniel…

#2

Hallo Daniel,

tut mir leid, in diesem Gebiet bin ich leider nicht so aktiv und kann dir hier nicht weiterhelfen.
Ich hoffe du findest jemanden, der dir hier weiterhelfen kann.

CU

dirk

#3

Hallo Daniel,

keine Ahnung ob Du bei Deiner Suche mit dem iFrame schon eine Lösung gefunden hast…hier wäre eine…

Solange Du reines HTML verwendest, bleibt Dir ausschließlich die Möglichkeit das Verhalten einer Seite mittels Javascript zu beeinflussen.

Hier kannst Du einfach bei dem HTML-File, wo die Hintergrundgrafik nicht angezeigt werden soll, im body-Tag die Funktion „onLoad()“ nutzen, um den div id=„grafik“ auszublenden.

Also in etwa so:

inhalt

wobei die Javascript-Funktion etwa so auschaut:

function javasriptFunction()
{
document.getElementById(„grafik“).style.display=‚none‘;
}

Musst aber noch schaun, ob das Verhalten in jedem Browser gleich ist…ich vermute nicht!

Alternativ kannst Du vermutlich auch abfragen, welche Seite gerade im iFrame angezeigt wird und abhängig davon die Grafik ausblenden…versuchs einfach mal mit:

aktuelleSeite = document.getElementById(„inhalt“).src.value

oder so ähnlich…hab ich aber noch nicht getestet…

Viel Spaß beim testen
Michael

#4

Hallo Michael

Danke für Deine Hilfe.
Momentan blick ich da zwar noch nicht ganz durch,
habe aber ohnehin vor mich in javascript reinzuarbeiten. Denke deine Tips könnten dann sehr hilfreich sein. Mal schaun.

Danke und schönes WE
Gruß Daniel

#5

Hallo Dirk,

Kein Problem. Bin da grad an einer Lösung dran.
Trotzdem danke für deine Antwort.

Gruß Daniel

#6

arbeite an einer lösung:wink:

#7

arbeite an einer lösung:wink:

Hallo;

Mit Javascript kriegt man sowas hin.
Hab die Seite mal zusammengeschustert.
Musst mal testen ob`s so klappt.

Ich musste die href- Eigenschaft aus den Tag`s nehmen, da „wer-weiss-was“ versucht die Links direkt zu interpretieren und nicht den Quellcode anzeigt.
Müsstest die mal wieder in dern Quelltext schreiben.

#grafik {
visibility: hidden;
}

function ein(){
document.getElementById(‚grafik‘).style.visibility = „visible“;
};
function aus(){
document.getElementById(‚grafik‘).style.visibility = „hidden“;
};

Home

Information

Leistungen
:

Hintergrundgrafik

Gruß zurück…