Drei Diskussionen zum Iframe Adaptive Height Code

(Funktion(){
var Rahmen = Dokument.getElementById("Rahmeninhalt_übergeordnet"),
setIframeHeight = Funktion(){
var Rahmeninhalt = Rahmen.Inhaltsfenster.Dokument,
Rahmenhöhe = Math.max(Rahmeninhalt.Body.Scrollhöhe,Rahmeninhalt.DocumentElement.Scrollhöhe);
Rahmen.Höhe = Rahmenhöhe;
};
wenn(frame.addEventListener){
frame.addEventListener("laden",setIframeHeight,false);
}anders{
frame.attachEvent("beim Laden",setIframeHeight);
}
})();

(Funktion(){
var _reSetIframe = function(){
var Rahmen = Dokument.getElementById("übergeordneter Rahmeninhalt")
versuchen {
var Rahmeninhalt = Rahmen.Inhaltsfenster.Dokument,
bodyHeight = Math.max(Rahmeninhalt.body.scrollHeight,Rahmeninhalt.documentElement.scrollHeight);
wenn (Körperhöhe != Rahmenhöhe){
Rahmen.Höhe = Körperhöhe;
}
}
fangen(Beispiel) {
Rahmenhöhe = 1800;
}
}
wenn(frame.addEventListener){
frame.addEventListener("laden",Funktion(){setInterval(_reSetIframe,200);},false);
}anders{
frame.attachEvent("onload",Funktion(){setInterval(_reSetIframe,200);});
}
})();

#frame_content_parent{ Höhe:1800px; }
(Funktion(){
var $ = YAHOO.util.Dom,
Rahmen = $.get("Rahmeninhalt_übergeordnet");
Funktion reSetIframe(){
var Rahmeninhalt = Rahmen.Inhaltsfenster.Dokument,
bodyHeight = Math.max(frameContent.documentElement.scrollHeight,frameContent.body.scrollHeight);
wenn (bodyHeight != $.getStyle(frame, "height")){
$.setStyle(Rahmen, "Höhe", Körperhöhe + "px");
}
}
wenn(Rahmen){
$.setStyle(Rahmen,"Höhe","auto");
setInterval(reSetIframe,300);
}
})();

//B-Seitenskript
//Aufgabe: Berechnen Sie die tatsächliche Höhe, generieren Sie dann einen Iframe-Knoten und weisen Sie die Höhe als Teil der Adresse der Proxy-Seite C dem Src-Attribut zu
(Funktion(){
var agent_iframe = document.createElement("iframe"),
b_height = Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe_once.html#" + b_height;
Dokument.body.appendChild(agent_iframe);
agent_iframe.style.display = "keine";
})();

//C Seitenskript
//Aufgabe: Den Höhenwert in der Anforderungsadresse abrufen und ihn der Höhe des Iframes von Seite A zuordnen
window.top.document.getElementById("frame_content_parent").Höhe = parseInt(window.location.hash.substring(1),10);

//B-Seitenskript
(Funktion(){
var getHeight = function(){
gibt Math.max(document.documentElement.scrollHeight,document.body.scrollHeight) zurück;
};
var preHeight = getHeight(),
agent_iframe;
var createIframe = Funktion(Höhe){
agent_iframe = document.createElement("iframe");
agent_iframe.style.height = "0";
agent_iframe.style.width = "0";
agent_iframe.style.border = "keine";
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html#" + Höhe;
Dokument.body.appendChild(agent_iframe);
}
erstelleIframe(vorherige Höhe);
var checkHeight = function(){
var aktuelleHeight = getHeight();
wenn(aktuelleHöhe != vorigeHöhe){
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html#" + aktuelle Höhe;
vorHöhe = aktuelleHöhe;
}
setzeTimeout(prüfeHöhe,500);
}
setzeTimeout(prüfeHöhe,500);
})();

//C Seitenskript
(Funktion(){
var preHeight = parseInt(window.location.hash.substring(1),10),
ifrmae = window.top.document.getElementById("frame_content_parent");
ifrmae.height = Vorhöhe;
setzeIntervall(Funktion(){
var newHeight = parseInt(window.location.hash.substring(1),10);
wenn (neueHöhe !== vorigeHöhe){
ifrmae.height = neue Höhe;
vorHöhe = neueHöhe;
}
},500);
})();

//B Seitenschlüsselskript
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html?a=" + Math.random() + "#" + aktuelle Höhe;
//C Seitenskript
window.top.document.getElementById("frame_content_parent").Höhe = parseInt(window.location.hash.substring(1),10);