Merhaba daha önce kendime bir düzünlemiştim yapman gereken Sayfada bulunan bir ve birden fazla iframelerin
width ve height değerlerini otomatik algılayıp düzenlemesi için
JavaScript i biraz geliştirdim.
örnek birtane düzünlemiştim test linl yazan yere kendi i f r a m e idini yazarak olusturabilirsin script te width değerini özellikle 1px yapmıştım çünkü açılacak olan sayfanın width değeri bilinmiyor
yani i f r a m e nin width değeri açılacak olan sayfanın width değerinden küçük olmalı ki i f r a m e de scrool oluşabilsin
bizde bu scroll un boyundan yaralanarak i f r a m e nin boyunu ayarlayabilelim.
eğer width değerini 0px yaparsak bu sefer de iframede scrooll oluşmaz
dolayısıyla iframenin boyutunu default olarak ayarlar simdiden kolay gelsin
Kod:
<HTML>
<head>
<title>Biolight - i f r a m e(autoWidth & autoHeight) - ie6 - Mozilla Firebird(fox)</title>
</head>
<body>
<center>
<a href="sayfa1.HTML" target="myiframe2">Sayfa1.HTML (target="myiframe2")</a> / <a href="sayfa2.HTML" target="myiframe1">Sayfa2 (target="myiframe1")</a>
<br>
<i f r a m e name="myiframe1" id="myiframe1" src="sayfa1.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></i f r a m e>
<i f r a m e name="myiframe2" id="myiframe2" src="sayfa2.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></i f r a m e>
</center>
<s>
/*
JavaScript By : Biolight@mynet.com / 2003
Test Ok : ie6 , Mozilla Firebird/0.7 , Mozilla Firefox/0.8
Açıklama:
Sayfada bulunan bir ve birden fazla iframelerin
width ve height değerlerini otomatik algılar ve düzenler
!!! iframelerde Dikkat edilecek noktalar !!!
- iframeler kendi serverınızda olaması gerekir
- width ve height default değerleri 1px olmalı
- scrolling default değeri auto olmalı
- onload değerine autoiframe() atanmalı
- name ve id değerleri tek tek atanmalı
- JavaScriptin en son kısımda ki açıklamaya Dikkat!
*/
var k=0;
function autoIframe(bio){
if(document.all){
var bio=event.srcElement.name;
parent[bio].document.body.scroll="no";
var newID=newIDname=bio
}
else{
k++
var kim=bio.currentTarget.nodeName;
var newID=kim+k
bio.currentTarget.setAttribute("id", newID);
var newIDname=document.getElementById(newID).name
}
if(!document.all){
/*
JavaScript te eklenmesi gereken tek bu kısım dır
sayfanızda onload="autoiframe()" uyguladığınız iframelerin ID ilerini ekleyiniz
*/
document.getElementById('myiframe1').onload=autoIframe;
document.getElementById('myiframe2').onload=autoIframe;
Bu forumda yeni başlıklar açamazsınız Bu forumdaki başlıklara cevap veremezsiniz Bu forumdaki mesajlarınızı değiştiremezsiniz Bu forumdaki mesajlarınızı silemezsiniz Bu forumdaki anketlerde oy kullanamazsınız