WebSite X5Help Center

 
Manfred A.
Manfred A.
User

Einbinden von Seiten mit Iframe  de

Auteur : Manfred A.
Visité 2830, Followers 1, Partagé 0  

Iframe einbinden geht immer noch, doch durch den jetzigen erstellten Code werden die Seiten vom Browser teilweise abgewiesen.

Du mußt folgendes machen bei 17.0.4

Man geht unter Sitemap, markiert die gewünschte Seite und wählt oben Eigenschaften aus.

Unter erweitert gibst du nachfolgenden Code ein.

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

Hast du den vorstehenden Code eingegeben gehst du nun auf Sitemap und klickst dort deine eben gewählte Seite wieder an diesmal aber anklicken und dann den html-Code (schwarzer) an die passende Stelle einfügen.

Danach gibst du hier nachfolgenden Code ein

<div>
<iframe src="https://www.deinedomain.de/index.html" id="idIframego" width="590" height="2000" onload="iframeLoaded()" style="border: none;" allowfullscreen> </iframe>
</div>

So nun sollte alles funktionieren  "I hope so"

Posté le
8 RéPONSES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

(It > De) ... Achtung, ... nicht übereinstimmender ID-Wert ...
.. .attention, ... der Code für das "elastische"  IFRAME gilt nur für auf Ihrem Server platzierte Seiten und nicht für externe Seiten ...
... für das reguläre IFRAME einfach die Attribute im Style angeben ...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Manfred A.
Manfred A.
User
Auteur

So wie oben funktioniert es . Was meinst du den in welchem Style ?

Lire plus
Posté le de Manfred A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Manfred A.
So wie oben funktioniert es . Was meinst du den in welchem Style ?

... zum Beispiel (Werte personalisieren) :

<iframe width="100%"  height="300"  src="NameSeite.html"  frameborder="0"   style="position:absolute;width:100%;height:300px;top:0px;left:0px"></iframe>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

KolAsim !   height="300 wird nicht funktionieren !  Außerdem geht im HTML Objekt derzeit keine 100% Angabe !

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Andreas S.
KolAsim !   height="300"  wird nicht funktionieren !  Außerdem geht im HTML Objekt derzeit keine 100% Angabe !

(It > De) ... Die korrekte HTML-Syntax ist die veröffentlichte Syntax.
Warum sollte es nicht funktionieren?
Ein LINK sollte zur Bewertung im Kontext bereitgestellt werden; (Ich habe nicht das Programm dafür).
In diesem Thema Die interessierte Partei sagte, dass mein Code funktioniert:
https://helpcenter.websitex5.com/fr/post/202515

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

height="300" geht nicht, wenn dann height="300px" !  Man muss entweder "%" angeben oder "px" Werte !

Lire plus
Posté le de Andreas S.
Manfred A.
Manfred A.
User
Auteur

Außerdem hat Andreas recht die Prozente gehen zur Zeit nicht. Habe das oben getestet und schaust du auf easyflugreisen.de, es funzt und mehr will ich nicht.

Lire plus
Posté le de Manfred A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Manfred A.
... ... easyflugreisen.de, ... ... 

(It > De) ... Du hast den Link gut gemacht (weil ich das Programm nicht habe), sonst sprachen wir im Wind.
Das Problem ist also nicht mein IFRAME-Code,  korrekt, sondern das Problem liegt beim IFRAME-Container, dem keine gültigen Optionen zugewiesen wurden.
siehe hier den > Klon (clone teilweise temporär!), mit genau meinem vorherigen Code;
Ich habe eine Regel für den Container hinzugefügt.  (Zeile aufgeführt Nr. 51)

... sei vorsichtig! ... Objekte in der Fußzeile löschen oder korrigieren ...

.

wink

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪