iframe-größe an inhalt anpassen

Jungspund

Dabei seit: 14.09.2008

Montag, 15. September 2008, 14:59

hey...

vielleicht wurde die frage schon gestellt aber ich hab bis jetzt noch keine antwort gefunden die mir so richtig weiterhilft. vielleicht ist die antwort auch ganz leicht. bei mir steckt alles noch son bischen in den kinderschuhen ;-) also net so böse sein.

also um was es geht:

wie gesagt ganz einfach erklärt...ich hab nen iframe und der soll seine größe automatisch an den inhalt anpassen...also so dass ich keine bildlaufleisten brauche...eig gehts ja nur um die höhe, nicht um die breite.

also vllt kann mir jemand helfen. ich denk eig schon dass es da bestimmt irgendnen script o.ä. gibt

danke schonmal

mfg ula

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

Montag, 15. September 2008, 15:19

Also ohne Java Script geht es auf keinen Fall.

Aber auch mit JS kenne ich keine Möglichkeit die gerenderte Höhe einer Seite zu berechnen...

Willst du nicht eher hingehen und den Iframe weglassen? ( Frames sind out

)

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

ula

Jungspund

Dabei seit: 14.09.2008

Beiträge: 11

Montag, 15. September 2008, 15:25

naja wie gesagt bin anfänger und am probieren

also siehts da eher schlecht aus?

Rene82

Kaiser

Dabei seit: 08.08.2006

Beiträge: 1 231

Montag, 15. September 2008, 15:30

Erstell ein Dokument mit der Dateiendung .php und setz folgendes an die stelle wo du eigentlich den iframe platzieren willst.

	PHP-Quelltext
1	<?php include('pfad/zur/datei.php'); ?>

FWK-ART [media] - Fotos & Videos der schönsten und größten (Musik)Feuerwerke

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Rene82« (15. September 2008, 15:30)

Arcon

Kaiser

Dabei seit: 20.07.2003

Beiträge: 1 448

Montag, 15. September 2008, 15:31

hat dir google nich geholfen?

Quellcode

//Das kommt auf die Seite mit dem Iframe
function setDimensions()
{             
    h = meinIframe.document.body.scrollHeight;                        
    w = meinIframe.document.body.scrollWidth;            
    document.getElementById("meinIframe").style.height = h;            
    document.getElementById("meinIframe").style.width = w;         
};

//das kommt in den BODY-Tag der im iframe darzustellenden Seite
<body onload="parent.setDimensions()">

Quelle: codezone.de

ich will kein Admin werden, also darf ich das....
SMS77 Mehr als nur SMS

ula

Jungspund

Dabei seit: 14.09.2008

Beiträge: 11

Montag, 15. September 2008, 16:27

Zitat von »Arcon«

hat dir google nich geholfen?

Quellcode

//Das kommt auf die Seite mit dem Iframe
function setDimensions()
{             
    h = meinIframe.document.body.scrollHeight;                        
    w = meinIframe.document.body.scrollWidth;            
    document.getElementById("meinIframe").style.height = h;            
    document.getElementById("meinIframe").style.width = w;         
};

//das kommt in den BODY-Tag der im iframe darzustellenden Seite
<body onload="parent.setDimensions()">

Quelle: codezone.de

doch hab ich schon

aber der ganze spaß hat net hingehauen....entweder bin ich zu blöd

oder das funzt ebend net

Edit:

Zitat von »Rene82«
Erstell ein Dokument mit der Dateiendung .php und setz folgendes an die stelle wo du eigentlich den iframe platzieren willst.
PHP-Quelltext
1
<?php include('pfad/zur/datei.php'); ?>

ich werds mal probieren...

ähm problem tritt grad auf...der ganze spaß is an ein css template gebunden

das dürfte doch dann nicht mehr funzen wenn ich die "index.html" in "index.php" umbenne oder lieg ich da falsch?

Rene82

Kaiser

Dabei seit: 08.08.2006

Beiträge: 1 231

Montag, 15. September 2008, 17:49

Hat damit nichts zutun. Die CSS lädst du ja in das Dokument. Egal ob .html oder .php

	PHP-Quelltext
1	<link rel="stylesheet" type="text/css" href="css-datei.css" media="screen" />

was du evtl. machen müsstest, um den php include ein <div> container legen und diesen per css anpassen.

PHP-Quelltext

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="css-datei.css" media="screen" />
</head>
<body>

<div class="die-bezeichnung"><?php include('pfad/zur/datei.php'); ?></div>

</body>
</html>

FWK-ART [media] - Fotos & Videos der schönsten und größten (Musik)Feuerwerke

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Rene82« (15. September 2008, 17:52)