Logbuch
automatisch die Höhe eines iFrames-cross-browsers-anpassen
DieSame-Origin-Policy verhindert,dass man Inhalte fremder Seiten beeinflussen kann.An sich sehr sinnvoll,aber in diesem Fall,indem es nur um die Anpassung der Höhe geht,nervig.
Voraussetzung.
Zugriff auf beide Domains,denn man muss auf beiden Seiten ein Java-Script einsetzen.Die Scripte funktionieren bis zum IE8,der IE7 lässt sich nur mit einer css-Anweisung auf eine Default-Höhe einstellen.Aber Betrachter,die den IE7 verwenden,beschweren sich auch nicht über Scroll-Balken.
Script 1.Child(iFrame-head)
<script type="text/javascript">
function postSize(e){
var target=parent.postMessage?parent:(parent.document.postMessage?parent.document:undefined);
if(typeof target!="undefined"&&document.body.scrollHeight)
target.postMessage(document.getElementById(" - ID-Element, das alle Inhalte umschliesst- ").scrollHeight+60,"*");
}
if(window.addEventListener){
window.addEventListener("load",postSize,!1);
}
else if(window.attachEvent){
window.attachEvent("onload",postSize,!1);
}
</script>
--- +60 erhöht diesen Bereich um ein paar Pixel.hier kann ein beliebiger Wert beim testen eingesetzt werden.
Script 2.Parent(Ende des Body Bereiches)
<script type="text/javascript">
function receiveSize(e){
if(e.origin==="http://www.Urpsungs-Domain-des-iFrames.de")
document.getElementById("ID-des-iFrames").style.height=e.data+"px";
}
if(window.addEventListener){
window.addEventListener("message",receiveSize,!1);
}else if(window.attachEvent){
window.attachEvent("onmessage",receiveSize,!1);
}
</script>
Dieser Trick wurde von Alf Eaton 2008 veröffentlicht:
Link zur Seite
Weitere Methode basierend umgesetzt mit jQuery:
Link zur Seite
Blog News
Blog Cloud
- Accordion
- Adapter
- Adobe
- Affinity
- Allen & Heath
- Analytics
- Android
- Apple
- Automator
- BackUp
- Benutzer
- Box
- Browser
- Bug
- caldigit
- caldigit ts3+
- Check
- Chrome
- CMS
- Composer
- Contao
- Contao 4
- Controller
- Crative Suite
- Cross
- CS6
- CSS
- cut
- DB2
- Design
- dockingstation
- Drax
- DSM
- El Capitan
- Erweiterung
- Festivals
- Film
- Firefox
- Flash
- Font
- Fonts
- Freeware
- ftp-deploy
- Gallery
- Games
- Grundlinienraster
- grunt
- Hardware
- Hosting
- House
- HTML5
- IE6
- IE7
- IE8
- IE9
- IE10
- IE11IE6
- iFrame
- iMovie
- InDesign
- Internet
- iOS
- iPad
- iTunes
- Kroatien
- Kultur
- Layout
- Live
- login
- lokaler
- Lüfter
- Mac
- MacBook
- Mac Book
- Mamp
- Maps
- Mash
- Mavericks
- Metamodels
- Mischpult
- Mixer
- mobiler
- Modul
- Mukke
- Music
- Native Instruments
- Netzwerk
- no
- OS X
- OSX
- page speed
- PC
- Pfronten
- Photo
- php
- Player
- Preview
- Publisher
- Quark
- Quark XPress
- Raster
- Reisen
- Router
- safari
- Schlüsselbund
- schneiden
- Schriften
- Script
- SEO
- Server
- Set
- Shell Script
- Slider
- Smartwatch
- Snow Board
- Software
- Soundkarte
- SSD
- syncen
- Synology
- Techno
- Terminal
- thunderbolt
- Time Mashine
- Traktor
- Trimm
- Tweets
- Typografie
- typografisches Raster
- typoman
- Unterstützung
- Up
- Video
- Web
- Webfont
- Webfonts
- Webserver
- Website
- Wifi
- Windows
- Wlan
- Xone
Kommentare