Bild durch den Inhalt eines Iframes ersetzen

Zwecks Anordnung würde ich Dir auf jeden Fall das Flexmodell (CSS) empfehlen.

Die Darstellung ist relativ einfach über <div> mit overflow realisierbar oder alternativ auch <iframe>, wenn es sein muss.

Die Seiten holst Du Dir dann per Ajax über JavaScript.

Doch egentlich sollte das gehen.Ich versuche das gerade auch und dabei ist mir was aufgefallen was ich noch gar nicht kenne.

An dir Profis hier.Kann man auf <iframe> kein Click event machen.

Ich weiß blöde erklärung ich meine das so

<iframe data-wert="https://pennergame.de" src=""></iframe>
<script>
  $('*').click(function(){
  link=$(this).data('wert');
  alert(link)
         $.ajax({
                type: "POST",  
                url: link,
                success: function(data){ 
                $(this).attr('src',data)
                }
           });
});
</script>

egal was man anklickt es kommt der Alert.( Ist so ja Logisch ). Klicke ich aber auf den Iframe kommt nix. Ist das normal das iframe kein click zuläßt ??

Habe den (*) da rein gemacht zum testen weil bei iframe ja nie was kam

An den TE das ist kein fertiges Script und somit noch umbrauchbar.

In einem <iframe> werden üblicherweise externe HTML-Inhalte dargestellt, die selbst Klick sensitive Elemente haben können.

Wie soll das funktionieren, wenn Du den <iframe> klickbar machen willst?

Wenn Du für Dich allerdings festlegst, dass im Dokument des <iframe> nicht geklickt werden darf/braucht, kannst Du natürlich einen Layer in Form von bspw. einem <div> darüber legen und dessen Klick-Ereignis anzapfen.

Ich hatte den noch leeren iframe ein Bild gegeben mit background und gehoft das der leere iframe sich anklicken läst. Dann das Script von da oben und Fertig.Wäre schnell und Simpel gewesen,aber geht leider nicht so. Aber schön,so hat man wieder was gelernt.

Wußte ich ehrlich noch nicht.

Das ein Voller iframe nicht klickbar sein darf ergibt ja auch ein sinn.

Hatte gehoft das es mit den leeren geht.

Nagut dann muß man es anders machen und der TE weiß zumindest schon mal das man es so nicht macht

Auch bei einem leeren <iframe> hat das einen Hintergrund, warum das nicht geht. Das liegt an der Beschaffenheit bzw. am Grundgedanken des Element.

Alles, was sich im <iframe> anklicken lässt wird innerhalb des <iframes> getriggert. Eine Klick sensitive Hintergrundgrafik gehört zu dem DOM, das sich innerhalb des <iframe> befindet und kann ohne weiteres nicht in den Parent projeziert werden.