apple,development,life & more

Wednesday, July 12. 2006

IFrames mit variabler Höhe

Bei Iframes ist eine Breite von 100% kein Problem, dies lässt sich technisch ohne Probleme realisieren. Bei der Höhe ist dies allerdings nicht möglich da dann immer 100% der gesamten Höhe genommen werden.

Daher kann man sich nur mit JavaScript aushelfen. Dieses Javascript wird beim onLoad ausgeführt. onLoad kann nicht nur bei body Elementen sondern auch bei iframe Elementen verwendet werdenten verwendet. Allerdings kann Safari mit den onLoad Elementen nicht viel Anfangen, dies ist das Hauptproblem. Da kann man sich nur helfen, indem man in den body einen onload hinzufügt der die Größe speichert.

Das passende JavaScript dazu:

CODE:
function getIframeHeight1() {
fix = 300; // fixe höhe
min = 100; //mindes höhe
max = 300; //max höhe
if(fix>max) return fix; // wenn fix größer als max => fix
if(fix>min && fix
if (window.innerHeight) {
h = window.innerHeight;
} else if (document.body && document.body.offsetHeight) {
h = document.body.offsetHeight;
}
if(h
if(h>max) return max;
return h;
}
function adjustIframe()
{
document.getElementById('iframe1').height=getIframeHeight1();
}


Danke an Alex für die "Inspiration" :-)
Posted by Peter Rehm in Verschiedenes at 00:16 | Comment (1) | Trackbacks (0)
Defined tags for this entry: ,
Related entries by tags:
Zusammenhängende Formularfelder - Steuern des aktiven Feldes mit JS
gängige PHP Fehler - Tipps & Tricks
Focus von beliebigen HTML Elementen entfernen
Internet Explorer 6 & 7, Focus auf Input Elemente nach AJAX Request
Performancetests / Profiling in C
malloc in C
Vorschau von Webseiten
KDebug (kdbg) unter Ubuntu
MySQL Berechtigungen in Confixx
Aufwachen beim Aufklappen verhindern

Trackbacks
Trackback specific URI for this entry

No Trackbacks

Comments
Display comments as (Linear | Threaded)

Hallo,
leider ist das Script fehlerhaft. Ich habe leider mangelnde Kenntnisse in Javascript, aber Firebug zeigt folgendes an:
missing ) after condition
[Break on this error] if (window.innerHeight) {\n

Leider werden sogar darauf folgende Javascripte nicht ausgeführt.
Eigentlich ist das Script, wenn es denn funktionieren würde, genau das was ich Suche.
#1 Bimon (Homepage) on 2008-07-30 20:45 (Reply)

Add Comment

BBCode format allowed
Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA