WebSite X5Help Center

 
Christian S.
Christian S.
User

IFRAME einbinden  de

Auteur : Christian S.
Visité 1664, Followers 1, Partagé 0  

Hallo ... zuerst einmal ich bin neu hier und sollte meine Frage schon 10 mal beantwortet sein,

tut mir das sehr leid. Aber ich habe ein Problem mit einem IFRAME ... ich möchte es auf eine Seite 

einbinden und habe bereits alle hier angebotenen Lösungen durch.

Bitte deppensichere Anleitung danke.

Posté le
19 RéPONSES - 2 UTILE
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Eine Zauberkugel haben wir nicht!  Wenn dann müsstest du uns sagen was du per iframe einblenden willst? (Datei, video, Musik, andere Seite?)

Wenn es ein Code ist von z.B. einer Sportseite, dann den Code hier reinkopieren.

Ansonsten kann ich dir nur die Standardantwort geben... https://www.w3schools.com/tags/tag_iframe.asp

Lire plus
Posté le de Andreas S.
Christian S.
Christian S.
User
Auteur

hallo danke für die rasche Antwort ... es soll ein 3D Rundgang eingebaut werden.

"https://my.matterport.com/show/?m=iodfUpsk2vY"

Ich habe in den Sitemap Eigenschaften das reinkopiert -->

<script type="text/javascript">
function iframeLoaded() {
var iFrameID = document.getElementById('idIframe');
if(iFrameID) {

iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>

und auf der Seite direkt alle möglichen HTML Codes die hier im Forum zu lesen waren.

Danke im voraus und lg

chris

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

Wieso bindest du diesen LINK nicht ein auf ein Bild was in der Showbox aufgeht!

Dadurch, dass es gewisse Skripte nachladen muss ist ein Iframe glaube ich nicht das richtige.

Aber @KolAsim der Iframe Spezialist kann hier mehr dazu sagen.

Übrigens das Skript ist nicht für das Einbinden des Iframes  sondern nur für die Höhe zuständig.

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... Hallo allerseits, ... ... ... füge diesen IFRAME-Code in ein HTML-Code-Objekt ein:

<iframe  src="https://my.matterport.com/show/?m=iodfUpsk2vY" width="100%" height="200" style=" position:absolute;top:0px;left:0px;width:100%;height:100%"> </iframe>

... siehe >> Beispiel ...  (Strg + U ... Zeilennummer 11)

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Christian S.
Christian S.
User
Auteur

Hallo und einmal danke vorweg .... 

@KolAsim ich habe genau diesen Link eingefügt doch es funktioniert nicht ich sehe nur eine leere Seite.

Wie hast du das gemacht, dass man deine URL in der Leiste oben sieht und nicht die von Matterport ?

Lg Chris

Lire plus
Posté le de Christian S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... der 3D-Server ist zu bestimmten Zeiten instabil ...
... sehe ich aber gut im PC, wie im beiliegenden STAMP, und auch im Smartphone:

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Christian S.
Christian S.
User
Auteur

Hallo ... leider funktioniert der html code nicht den du mir gegeben hast.

Ich schaffe es leider nicht das Iframe einzubinden.

Kannst du mir schritt für schritt erklären wie du das gemacht hast ?

Lg Chris

Lire plus
Posté le de Christian S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... kopieren Sie diese Codezeile :
<iframe src="https://my.matterport.com/show/?m=iodfUpsk2vY" width="100%" height="200" style=" position:absolute;top:0px;left:0px;width:100%;height:100%"> </iframe>
... und füge es in ein HTML-Code-Objekt auf der Registerkarte HTML-Code ein.
... wenn du fertig bist, poste den LINK deines Beispiels, damit du nachprüfen kannst ...

ciao

.

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

Wenn du es auf der Seite haben willst dann benütze ein HTML-Objekt und füge dort den Code ein! Am besten das Objekt über die ganze Zeile ziehen.

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Christian S.
... ...  @KolAsim ich habe genau diesen Link eingefügt doch es funktioniert nicht ich sehe nur eine leere Seite. ... ... 

... es ist kein LINK, aber es ist ein HTML-Code wink, ...der wie oben erwähnt verwendet wird ...

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Christian S.
Christian S.
User
Auteur

genau diesen code eingefügt 

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

Klick die "Höhe" an und gib einen Wert von 600px an!

Lire plus
Posté le de Andreas S.
Christian S.
Christian S.
User
Auteur

werd ich dann probieren ... ich sag dir bescheid ob es funktioniert hat.

danke 

lg

Lire plus
Posté le de Christian S.
Christian S.
Christian S.
User
Auteur

hallo zusammen .... ich habe es immer noch nicht http://www.chisa-marketing.com/referenz.html

es sieht nach wie vor nur wie ein kleiner Streifen aus .....

bin am verzweifeln.

ich hoffe irgendjemand schafft es deppensicher zu erklären.

lg 

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

Wenn du es richtig eingestellt hättest im HTML Objekt unten links das Häkchen und auf 600px müsste es wie am Foto aussehen!

Lire plus
Posté le de Andreas S.
Christian S.
Christian S.
User
Auteur

du bist mein Held ... wirklich vielen dank .... und weißt du auch wie ich es schaffe , dass es in einem extra fenster aufgeht wie es KolAsim gezeigt hat ein paar beiträge weiter oben ?

Lg

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

Er hat es nicht in einem Extra Fenster angezeigt!  Es ist nur das HTML-Objekt auf die ganze Breite gebracht worden unter "4" Objekt markieren und oben beim "erweitern" Button einstellen!

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... habe ich jetzt gesehen, und im Netz ist es OK, abgesehen von der Breite, die man einstellen muss, wie Andreas sagte ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪