Arkadaşlar,Dreamweaver da, index sayfasında iframe kullanıyorum. iframe, içinde gösterilecek html dosyasına göre yeniden nasıl boyutlandırılır. Yani iframe de hangi sayfa gösterilecekse, o sayfa ya göre iframe kendini boyutlandırsın istiyorum. Acaba bu konuda bilgisi olan varsa acil yardım edebilirmi arkadaşlar.
Dreamweaver da iframe yeniden boyutlandırma
- Konbuyu başlatan enixrin
- Başlangıç tarihi
papamuerte
Üye
- Mesajlar
- 24
yazdığım mesajı editledim.
gece gece yanlış okumuş kusura bakmayın...
gece gece yanlış okumuş kusura bakmayın...
papamuerte' Alıntı:
Yanlış anladı Hocam, frame bende boyutlandırabiliyorum. Amacım, iframe içinde gösterilecek sayfalara göre otomatik olarak yeniden boyutlandırılması. Gösterdiğin gibi Elle yazarsak, sabit boyut olur buda işimi görmez açıkçası. Genişliği sabit kalabilirde, yükseklik için otomatik boyutlandırma nasıl yapılır. 100% yapıyorum height tı, gene olmuyor. Acil yardım.
Kod:
<script type="text/javascript">
function setIframeHeight(iframeadi) {
var iframeWin = window.frames[iframeadi];
var iframeEl = document.getElementById? document.getElementById(iframeadi): document.all? document.all[iframeadi]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto";
iframeEl.style.height = 100 + "%";
alert(document.height);
}
}
</script>
<body onload="setIframeHeight('ifrm');">
<iframe name="iframeadi" id="iframeadi" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="600" height="100%" src="sayfayolu.html" scrolling="yes" style="overflow:visible; text-align: center;"></iframe>Öğretmenim yukarıdaki script ile çözersiniz.
Genişlik ayarı, scrolling vs. kendinize göre uyarlayın, kolay gelsin...
dogantulukas
Üye
- Mesajlar
- 11
Kod:
<script type="text/javascript">
function autoIframe(framebir){
try{
frame = document.getElementById(framebir);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = innerDoc.body.scrollHeight ;
}
catch(err){
window.status = err.message;
}
}
</script>
<iframe width="100%" height="400" frameborder="0" allowtransparency="true" name="icpencere" scrolling="no" src="deneme.html" id="framebir" ></iframe>içinde açılan sayfanın boyutuna göre kendini boyutlandıran kod
Değişik tarayıcılarda düzgün görüntülenmesi için ;
Kod:
<script type="text/javascript">
function setIframeHeight(iframeAdi) {
var iframeEl = document.getElementById? document.getElementById(iframeAdi): document.all? document.all[iframeAdi]: null;
if (iframeEl) {
iframeEl.style.height = "auto";
var h = alertSize(iframeAdi);
iframeEl.style.height =h + "px";
}
}
function alertSize(frameId) {
var myHeight = 0;
frame = document.getElementById(frameId);
if( typeof( window.innerWidth ) == 'number' ) {
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1];
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0;
myHeight=frame.contentDocument.body.offsetHeight+FFextraHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
myHeight= innerDoc.body.scrollHeight + 10;
//myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
myHeight = document.body.clientHeight;
}
//window.alert( 'Height = ' + myHeight ); //Bu kodu aktif ederseniz yükseklik uyarısı verecektir.
return myHeight;
}
</script>
<iframe id="sizinframe" scrolling="auto" class="iframe_ana" name="ana" src="ana.html" width="600" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="yes" onload="setIframeHeight('sizinframe');">
</iframe>