Beiträge von CHA

mOiNMoIn.,.,.,

nach zig Tagen des testens funktioniert am Ende nur 1 Script Einwandfrei bezüglich iFrames und deren automatischer Höhenanpassung.

var framefenster = document.getElementsByTagName("iFrame");
  var auto_resize_timer = window.setInterval("autoresize_frames()", 100);
  function autoresize_frames() {
    for (var i = 0; i < framefenster.length; ++i) {
        if(framefenster[i].contentWindow.document.body){
          var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
          if(document.all && !window.opera) {
            framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
          }
          framefenster[i].style.height = framefenster_size + 'px';
          
        }
        
     }
    
  }

Nur der IE interpretiert hier etwas nicht korrekt.
Hat niemand eine weitere Idee wie man dem IE etwas auf die Sprünge helfen könnte?

Beste Grüße

CHA

mOiNMoIn Melewo,

die etwas andere Variante bringt bei mir das gleiche Ergebnis.
Im FF, GC & OPERA werden die frame-inhalte automatisch angepasst ohne das die Seite ca. sekündlich länger wird.
Im IE nach wie vor: er macht die Seite sekündlich länger.

Wie ich das sehe, muss ich für den IE ein clearInterval(auto_resize_timer); setzen, aber dann stoppt der auto effekt im gesamten, für alle Browser.

Ich muss rausfinden wie ich den clearInterval(auto_resize_timer); nach der 1 Instanz zum stoppen kriege.
Fatal und mühsehlig, da es ja nur den aussterbenden IE betrifft. Aber das ist ja bekanntlich die alte Grütze.
Wäre schön wenn man bald den IE nicht mehr berücksichtigen müsste. In ca. 5 Jahren hat er ja zum Glück
von ca. 55% Marktanteil über 30% gelassen.

Beste Grüße

CHA

mOiNMoIn Melewo,

ich muss hinzufügen das dein Script bei mir nur teils funktioniert.

Folgende Prozedure:

Wenn die erste Seite im iframe lädt, dann wird der Content richtig in Höhe angezeigt bzw. wird angepasst.
Nun klicke ich in einem Tab Menü auf ein Button und es öffnet sich ein größerer Content, dann wird er nicht
neu bemessen, sondern erst wenn ich die gesamte Seite aktualisiere und das widerum auch nur im IE.
Der Firefox springt beim neuladen der Seite wieder zur Start.html die im iframe sitzt.

Hast du da vielleicht ne Idee, wie man die einzelnen html Seiten im iframe bei Aufruf nachladen kann?

Da hapert es nämlich.

Beste Grüße

CHA

Hallo "Melewo" ...

dein Script bringt aber nicht den gewünschten Effekt.
Dein Script bleibt bei einer bestimmten Höhe stehen und schneidet ab.

Ich will auch keine zusätzlichen DIVs um und ins iframe bauen,
sondern nur eine bestimmte Quelle darstellen lassen, die widerum
eine TAB-Einheit bildet, mit Menü usw.

Die Inhalte der einzelnen html Dateien sind halt unterschiedlich lang,
und das iframe soll halt auch nur die Höhe des gerade dargestellten
Content im iframe anzeigen, sodass der header und footer immer den
gleichen Abstand zum Content bekommt.

Diesen Zweck erfüllt das Script komplett.,.,., nur der IE wirft pro Zeile
sekündlich Platz nach unten aus.
Wie gesagt: das Script funktioniert in FF, GC, OPERA super und ohne Tadel.
Da werfe ich doch das Script nicht einfach über Bord, ohne das mir ein anderes
ein ähnlichen Effekt liefert.

Jetzt fehlt nur noch der Kniff um den IE zu erzählen: "keine weiteren Zeilen
nach dem Aufruf erfolgen lassen".

Beste Grüße

CHA

Beim hin- und her- testen bin ich bislang nicht wirklich weiter gekommen.

Das JS-Script:

var framefenster = document.getElementsByTagName("iFrame");
  var auto_resize_timer = window.setInterval("autoresize_frames()", 400);
  function autoresize_frames() {
    for (var i = 0; i < framefenster.length; ++i) {
        if(framefenster[i].contentWindow.document.body){
          var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
          if(document.all && !window.opera) {
            framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
          }
          framefenster[i].style.height = framefenster_size + 'px';
        }
    }
  }

... funktioniert tadellos, nur mit einer kleinen Ausnahme.
Wie schon zuvor erwähnt wächst [COLOR=#ff0000]NUR IM IE 10[/COLOR] der Content des iframe`s Zeile für Zeile
sekündlich nach unten, sodass das iframe bis ins Bodenlose größer wird.

Laut "Melewo" fehlt nachdem es vorerst ein window.setInterval gab,
ein beendendes window.clearInterval.
Bislang habe ich das Script nur komplett damit beenden können oder teilweise
nur ausser Kraft setzen können.

Über Lösungsvorschläge bezüglich des bestehenden Scriptes wäre ich sehr dankbar. :grin:

Trotzdem nochmal großen Dank an "Melewo" für seine Ideen.

Beste Grüße

CHA

Zitat von Melewo

Vermutlich an der Umsetzung, denn ich habe die auch mit FF, Chrome und IE getestet.
Und der andere Code, warum beendest Du bei >= 1, gibt es dafür einen Grund?

... nicht wirklich, habe die 1 stehen lassen da ich derzeit nicht weiss wie ich den Code einmal aufrufe und er dann gestoppt wird.
Ich will ja die Endlosschleife im IE verhindern.

Viele Grüße

CHA

mOiNMoIn,

danke dir Melewo...
In meinem Projekt hat deine Version nicht funktioniert.
Woran das jetzt im einzelnen gelegen haben kann.,.,., nicht klar schlüssig.

Der zuvor oben gepostete JS-Code funktioniert insofern ja super in den aktuellen
Browser-Versionen von: FF, GC, OPERA. Nur der IE braucht eine "window.clearInterval" Anweisung.

Jetzt hab ich paar Stunden hin und her probiert und bislang noch kein Erfolg verzeichnen können.

Hier mein jetziger Arbeitscode:

var framefenster = document.getElementsByTagName("iframe");
   var auto_resize_timer = window.setInterval("autoresize_frames()", 400);
   function autoresize_frames() {
     for (var i = 0; i < framefenster.length; ++i) {
         if(framefenster[i].contentWindow.document.body){
           var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
           if(document.all && !window.opera) {
             framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
           }
           framefenster[i].style.height = framefenster_size + 'px';           
         }         
     }
     
           i = i + 0;
           if (i >= 1)
           window.clearInterval(auto_resize_timer);
}

"window.setInterval" wird jetzt beendet, aber letztendich auch das gesamte Script.
Da wird einem mal wieder die "IE" Meganervsuppe um die Ohren gefegt.
Der "IE" bleibt für mich immernoch, ein Alter Opa auf ner neuen Harley. :lol:

:???:

Beste Grüße

CHA

mOiNMoIn Melewo,

das ist natürlich die Idee, aber ich krieg des nicht funktionierend richtig eingebaut :(

Haste da vll. n Tip?

Beste Grüße

CHA

mOiNMoIn.,.,.,

dieser Beitrag ist bald 3 Jahre alt, aber ich würd ihn gern wieder beleben.
Das Script von der Seite: http://www.professorweb.de/javascript-aja…npassen-v2.html ist klasse, nur der IE 10 erweitert den Inhalt des iFrames sekündlich um 1 Zeile nach unten. In allen amtlichen Browsern funktioniert das Script perfekt.

Hier nochmal das Script:

var framefenster = document.getElementsByTagName("iFrame");
  var auto_resize_timer = window.setInterval("autoresize_frames()", 400);
  function autoresize_frames() {
    for (var i = 0; i < framefenster.length; ++i) {
        if(framefenster[i].contentWindow.document.body){
          var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
          if(document.all && !window.opera) {
            framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
          }
          framefenster[i].style.height = framefenster_size + 'px';
        }
    }
  }

Mich würde interessieren wie sich das Script bei euch im "IE 10" verhält.
Vll. hat ja jemand ne Idee, warum der IE den Boden nach unten aufreisst.

Beste Grüße

CHA