tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
1703
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 30.07.07 22:12 #1
    spex Tutorials.de Gastzugang
    Tach,

    gibt es eine Möglichkeit die Höhe der Seite in einem
    Frame zu ermitteln damit die Framehöhe sich automatisch der Seitenhöhe in dem Frame anpasst?

    MfG sp
     
    Zitieren Zitieren
  2. 30.07.07 23:27 #2
    spex Tutorials.de Gastzugang
    Hab jetzt ne Lösung gefunden. Funktioniert aber nur in InternetExplorer und Opera!

    HTML-Code:
    <script>
function anpassen()
{
  document.getElementById('iframe').style.height = document.getElementById('iframe').document.getElementById('inhalt').offsetHeight + 'px';
}
</script>

<body>
<table width="100%" border="0">
.
.
.

<td>
<iframe id="iframe" frameborder ="0" scrolling=no name="show" width="730" style="height:5px" onLoad="anpassen()"></iframe>
</td>
</tr>
</table>
</body>
    Hier die Datei die im Frame angezeigt wird:
    HTML-Code:
    <body>

<div id=inhalt>
<table border="0" width="730">
<tr>
<td id=h1>Spanien, Teneriffa</td>
</tr>
</table>
</div>

</body>
    Wennich in Firefox nun einen alert ans Ende der Funktion schreibe, etwa so:

    HTML-Code:
    <script>
function anpassen()
{
  document.getElementById('iframe').style.height = document.getElementById('iframe').document.getElementById('inhalt').offsetHeight + 'px';
alert('IRGENDWAS');
}
</script>
    Dann funktioniert es, bitte, kann mir denn keiner helfen
     
    Zitieren Zitieren
  3. 30.07.07 23:46 #3
    selle1 selle1 ist offline Mitglied Brokat
    Registriert seit
    Mar 2007
    Ort
    Frankfurt am Main
    Beiträge
    418
    Hallo,

    zwar kann ich Dir nicht helfen aber dieses Forum scheint nicht oft besucht zu werden, da ich schon ein paar Fragen gestellt habe und kaum Feedback bekam. Das Flash Forum hier ist super aber das HTML-Forum und dieses scheinbar nicht...
     
    Zitieren Zitieren
  4. 31.07.07 01:01 #4
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    versuchs mal mit folgendem Konstrukt:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function anpassen(){
  document.getElementById('iframe').style.height = top.show.document.getElementsByTagName("body")[0].offsetHeight + 'px';
 
  // Alternative
  //document.getElementById('iframe').style.height = top.show.document.getElementById("inhalt").offsetHeight + 'px';
 
  // Folgende Zeile kann zur Kontrolle auskommentiert werden
  //alert(document.getElementById('iframe').style.height);
}
 //-->
</script>
 
</head>
<body>
<iframe src="datei.html" id="iframe" frameborder ="1" scrolling="no" name="show" width="730" onload="anpassen();"></iframe>
</body>
</html>
    datei.html:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
  <!--
*{ margin: 0; padding: 0;}
 //-->
</style>
</head>
<body>
<div id="inhalt">
    <table border="0" width="730">
      <tr>
        <td id=h1>Spanien, Teneriffa</td>
      </tr>
    </table>
</div>
</body>
</html>
    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  5. 31.07.07 12:21 #5
    spex Tutorials.de Gastzugang
    So ich hab jetzt die beiden Lösungen von Quaese und mir kombiniert, da es ja meinst der Fall ist das ein einzelner Browser aus der Reihe tanzt und eine Sonderbehandlung braucht.

    Getestet mit Opera9.22, Firefox2, IExplorer7

    main.html:
    HTML-Code:
    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function anpassen(frameid)
{
	if(navigator.appName != 'Netscape')
	{
		document.getElementById('frameid').style.height = 
		frames['frameid'].document.getElementById('inhalt').offsetHeight + 30	+ 'px';
	} else {
		document.getElementById('frameid').style.height = 
		top.show.document.getElementsByTagName("body")[0].offsetHeight + 30 + 'px';
	}
}
 //-->
</script>

</head>
<body>
<iframe src="datei.html" id="iframe" frameborder ="1" scrolling="no" name="show" width="730" onload="anpassen('iframe');"></iframe>
</body>
</html>
    datei.html:
    HTML-Code:
    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
  <!--
*{ margin: 0; padding: 0;}
 //-->
</style>
</head>
<body>
<div id="inhalt">
	<table border="0" width="100%">
	  <tr>
	  	<td id=h1>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br>ZEILE<br></td>
	  </tr>
	</table>
</div>
</body>
</html>
    Als erstes wird überprüft welcher Browser verwendet wird, dann wird jenachdem welcher Browser erkannt worden ist, die entsprechende Prozedur ausgeführt.

    So sollte es funktionieren!

    Mit freundlichen GrezZ sp³x
     
    Zitieren Zitieren
« Bild ändern, ohne F5? | Mit JS eine PHP Variable auswerten »

Ähnliche Themen

  1. Breite und Höhe ermitteln
    Von EIS-TEE im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 27.12.09, 18:41
  2. I-Frame/DIV/TABLE Inhalt Höhe
    Von Nizomi im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 16.12.06, 19:14
  3. Höhe eines Layers ermitteln
    Von bluewaterpick im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 09.04.05, 14:40
  4. Höhe von Bild ermitteln
    Von Harlikin im Forum Flash Plattform
    Antworten: 10
    Letzter Beitrag: 04.04.05, 15:36
  5. höhe ermitteln
    Von davedigital im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 30.07.02, 16:51