iFrame bleibt leer, aber nur bei Facebook-LikeBox

[dragon]

Hallo Gemeinde,

habe unter Contao 3.3.5 dieses (modifizierte) Widget als Modul eingebunden:
http://demo.techbrij.com/950/social-...-generator.php

Es funktioniert auch, aber es zeigt die LikeBox nicht an. Lade ich eine andere als die Facebook-Webadresse in den iframe, wird der Inhalt angezeigt. Die Testseite liegt auf einer Subdomain contao.meine-domain.de (die Domain kann ich hier nicht offiziell reinschreiben), hat Facebook vielleicht damit ein Problem? Habe schon alles mögliche probiert (verschiedene Browser/Versionen/Betriebsysteme, <iframe> und <fb:like-box> sind bei den HTML-Tags erlaubt, usw.).

Auf der Hauptdomain unter Joomla läuft das Widget. Kopiere ich nun die aufgelöste Langversion der Webadresse aus dem Joomla-Quelltext in den iFrame bei Contao, wird die Likebox eingebunden (sichtbar wenn ich das Widget per CSS verschiebe) aber der Slider funktioniert nicht mehr.

Langsam gehen mir die Ideen aus

Kann jemand Licht ins Dunkle bringen?

edit: hier noch der Modulinhalt:

<table id="slideright" style="overflow:auto; position:fixed; top:25%;">
<tr class="slideRightItem" style="position:fixed;right:-310px;z-index:1000;height:100%;">
<td><img src="files/system/icons/facebook-sliderbutton.png" style="top:5px; position:absolute; border-left-width:5px; right:310px;"/></td>
<td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:#f2eeb6;">
<div id="fb-root"></div>
<script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script>
<fb:like-box href="https://de-de.facebook.com/pages/dieFacebookseite/123456789" width="300" show_faces="true" stream="false" header="false">
</fb:like-box>
</td>
</tr>
</table>
<script type="text/javascript">jQuery(".slideRightItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"></div>');jQuery("#slideright tr").hover(function(b){var a=jQuery(this);jQuery("#slideright tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({right:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({right:-a.outerWidth()});jQuery("#slideright tr").show()});</script>

Vielen Dank,
Jürgen

[KlausGrenoble]

Wenn ich iFrame sehe, muss ich immer daran denken, dass man das in den Einstellungen unter den HTML-Elementen erst freigeben muss.

[dragon]

...das ist wie beschrieben getätigt, sonst würden ja andere Inhalte im iFrame nicht angezeigt werden

[lucina]

Klingt ein wenig nach einem JavaScript-Problem. Verwendest Du Mootools oder JQuery? Und welchen Slider? Und was sagt die Fehlerconsole im Firebug?

[Spooky]

Link zur Seite?

[dragon]

Danke für die Antworten.

Habe die LikeBox jetzt als <div> statt <iframe> eingebunden, bleibt auch leer.

JQuery wird geladen, Mootools wird nicht verwendet. Der Slider besteht nur aus der letzten Zeile vom obigen Code.

Die Console spuckt nur

Relative Positionierung von Tabellenzeilen und Zeilengruppen wird jetzt unterstützt. Diese Website muss möglicherweise aktualisiert werden, weil sie sich darauf verlassen könnte, dass diese Funktion keine Wirkung hat.

aus.

[Spooky]

Dir fehlt einfach das Facebook JavaScript SDK.

[gordian]

Wenn ich iFrame sehe, muss ich immer daran denken, dass man das in den Einstellungen unter den HTML-Elementen erst freigeben muss.

Genau das möchte ich in typolight 2.8 machen, aber jedesmal wenn ich <iframe> in die Zeile bei "erlaubte HTML Tags" eingebe und dann speichere, erscheint einfach ein weisser, leerer Bildschirm und nichts hat sich gespeichert.
Woran liegt das? Wie geb ich einen Tag in den Einstellungen ein, sodass er vom System akzeptiert wird?

[lucina]

Nochmal zum Verständnis: Bei Speichern der erlaubten HTM-Tags erscheint eine weiße Seite - oder beim Speichern des eingepasteten HTML-Codes?

[Spooky]

// ah, falsch verstanden

[gordian]

Nochmal zum Verständnis: Bei Speichern der erlaubten HTM-Tags erscheint eine weiße Seite - oder beim Speichern des eingepasteten HTML-Codes?

es geht ums Backend: in den Einstellungen möchte ich in den Sicherheitseinstellungen, bei den erlaubten HTML-Tags den Tag <iframe> und den Tag <embed> eingeben. Im Prinzip kann ich das in diese Zeile einfügen aber wenn ich das speichern will, dann erscheint einfach eine weisse Seite im Browser und nichts wurde gespeichert.

[Yann]

Bei mir tritt das gleiche Problem auf. Leerer iframe. Durch Zufall bin ich eben drüber gestolpert, dass der Frame nur in Firefox (34.0.5) leer bleibt, in Chrome oder Internet Explorer aber richtig angezeigt wird. Ist das bei dir auch so?

[Michael Berg]

Hallo Yann, hallo allerseits

habe die selbe Erfahrung gemacht: <iframe> funktioniert nicht mehr auf Firefox, auf Internet Explorer aber einwandfrei.

Gibt es in Firefox eine Einstellung hierzu, hat jemand eine Lösung gefunden?

Danke für eine kurze Info

Herzliche Grüße

Michael