<iframe> ve boyutlandırma. - 2. Sayfa

pixage · 15.03.2003

@biolight;
evet aslında tam olarak aradığım şey bu, ama iframe'in içine yeni bir sayfa yüklettiğimde iframe'in yeniden şekillenmesi gerekiyor.
Canlı örneğini, buradan görebilirsiniz.
Orada ana sayfa yüklendiğinde iframe olması gereken şekilde, içindeki sayfanın boyutlarına göre değişiyor ama sayfa2 linkine tıklayıp sayfa2'yi yükletmeye çalıştığımızda aynı düzenleme söz konusu olmuyor.
a.HTML in myiframe içindeki sayfanın boyutlarını sürekli denetlemesi ve buna göre değişiklik yapması mümkünmü...
(sanırım <script for="window" event="onload"> ile bağlantılı bir olay bu ama konunun cahiliyim işte üzgünüm

)
a.HTML;

Kod:

<HTML><head><title>iframe'i otomatik boyutlandırma</title><meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254"></head><body><center>
  <a href="sayfa1.HTML" target="myiframe">Sayfa1</a> / <a href="sayfa2.HTML" target="myiframe">Sayfa2</a><br>
  <iframe name="myiframe" src="sayfa1.HTML" scrolling="no" frameborder="1" width="1" height="1"></iframe>
  <script for="window" event="onload">
document.all.myiframe.style.width=parent.myiframe.document.body.scrollWidth;
document.all.myiframe.style.height=parent.myiframe.document.body.scrollHeight;
</script></center></body></HTML>

sayfa1.HTML

Kod:

<HTML><head><title>Sayfa 1</title><meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254"></head><body>
<table width="300" height="500" bgcolor="#FFFFCC">
<tr><td valign="top"><font size="3">Burada tablo 300 px genişliğe 500 px yüksekliğe sahip</font></td></tr>
</table>
</body></HTML>

Sayfa2.HTML

Kod:

<HTML><head><title>Sayfa 2</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
</head><body>
<table width="700" height="900" bgcolor="#CCFFFF">
<tr><td valign="top"><font size="3">Buradaki tablo 700 px genişliğe 900 px yüksekliğe sahip</font></td></tr></table></body></HTML>

pixage; yardımlarınız için çok teşekkür edeğ...

Scud · 15.03.2003

a.HTML

Kod:

<HTML>
<head>
<title>iframe'i otomatik boyutlandırma</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
</head>
<body>
<center>
  <a href="sayfa1.HTML" target="soul">Sayfa1</a> / <a href="sayfa2.HTML" target="soul">Sayfa2</a><br>
  <iframe id="soul" name="soul" src="sayfa1.HTML" scrolling="no" frameborder="1" width="1" height="1" style="widt:1px;height:1px"></iframe>
</center>
</body>
</HTML>

sayfa1.HTML

Kod:

<HTML>
<head>
<title>Sayfa 1</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
</head>
<body onload="parent.document.all.soul.style.width=parent.soul.document.body.scrollWidth; parent.document.all.soul.style.height=parent.soul.document.body.scrollHeight">
<table width="300" height="500" bgcolor="#FFFFCC">
<tr>
<td valign="top"><font size="3">Burada tablo 300 px genişliğe 500 px yüksekliğe sahip</font></td>
</tr>
</table>
</body>
</HTML>

sayfa2.HTML

Kod:

<HTML>
<head>
<title>Sayfa 2</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
</head>
<body onload="parent.document.all.soul.style.width=parent.soul.document.body.scrollWidth; parent.document.all.soul.style.height=parent.soul.document.body.scrollHeight">
<table width="700" height="900" bgcolor="#CCFFFF">
<tr>
<td valign="top"><font size="3">Buradaki tablo 700 px genişliğe 900 px yüksekliğe sahip</font></td>
</tr>
</table>
</body>
</HTML>

bu olmazsa sayfa1 ve sayfa2 HTML deki body tagları yerine benim yukarıda yazdığım kodu koyabilirsin..

şu anda verdiğim kodlar biolight'in yazdığı kodlarının sayfaya uygulanmış hali zaten

pixage · 15.03.2003

@scud;
Baba büyüksün...

Çok teşkür ederim, valla kabuslarım sona erdi sayenizde. bi sevindirik oldum ki sormayın ...

(@Se7en; şu heykel meselesinde sana maddi ortaklık yapabilirim

)

biolight · 15.03.2003

alternatif olarak şu şekildede yapılabilinir

Kod:

<HTML>
<head>
<title>Biolight - iframe(autoWidth & autoHeight)</title>
</head>
<body>
<center>
<a href="sayfa1.HTML" target="myiframe">Sayfa1</a> / <a href="sayfa2.HTML" target="myiframe">Sayfa2</a>
<br />
<iframe name="myiframe" src="sayfa1.HTML" scrolling="no" frameborder="1" width="1" height="1"></iframe>
</center>
<script for="myiframe" event="onload">
document.all.myiframe.style.width="1px";
document.all.myiframe.style.height="1px";
document.all.myiframe.style.width=parent.myiframe.document.body.scrollWidth;
document.all.myiframe.style.height=parent.myiframe.document.body.scrollHeight;
</script>
</body>
</HTML>

yunus::t · 26.01.2004

Bu kod Mozilla.Firebird'te çalışmıyor,

Nasıl bir modifikasyonla bunu başarabiliriz,
kabil arkadaşlardan yardım rica ediyorum...

biolight · 27.01.2004

Test ettiğim tarayıcılar : Mozilla Firebird/0.7 Tr ve ie6 Tr

Kod:

<HTML>
<head>
<title>Biolight - iframe(autoWidth & autoHeight)</title>
</head>
<body>
<center>
<a href="sayfa1.HTML" target="myiframe">Sayfa1</a> / <a href="sayfa2.HTML" target="myiframe">Sayfa2</a>
<br />
<iframe name="myiframe" id="myiframe" src="sayfa1.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></iframe>
</center>

<script>
function autoIframe(){
if(document.all){parent.myiframe.document.body.scroll="no";}
document.getElementById('myiframe').style.width="1px";
document.getElementById('myiframe').style.height="1px";
document.getElementById('myiframe').style.width=parent.myiframe.document.body.scrollWidth;
document.getElementById('myiframe').style.height=parent.myiframe.document.body.scrollHeight;
}
document.getElementById('myiframe').onload=autoIframe;
</script>
</body>
</HTML>

Kolay Gelsin.

yunus::t · 27.01.2004

teşekkürler...

NOT:
Apple da Safari 1.1 ve I.E for Mac 5.2 de çalışmıyor,
haberiniz olsun,

genel olarak pekçok JavaScript Apple da sorunlu zaten...

pixage · 27.01.2004

Alıntı:

NOT:
Apple da Safari 1.1 ve I.E for Mac 5.2 de çalışmıyor,
haberiniz olsun,

genel olarak pekçok JavaScript Apple da sorunlu zaten...

Sözde safari ile bu sorunların bir çoğu giderildi.. hatta artık IE 'nin Mac versiyonlarının üretilmeyeceği ve safarinin IE'ye ciddi rakip olacağıda söylendi ama.. sanırım 1-2 versiyon sonra anca huzura kavuşuruz (tabii DHTML yerinde sayarsa

)

Gelde Tekelci Olma, offf

La Haine · 08.03.2004

çok pardon ama,

tam anlatamayacağımın farkındayım;
{1} index.HTML'de bir iframe var.
{2} bu iframe'e, index.HTML'den target'le HTML çağırıyoruz..
{3} gelen HTML'de de linkler var.
{4} index.HTML'ye yeni bir iframe koyuyoruz {biolight'ın script'ini} çünkü istiyoruz ki; önceki iframe'e gelen HTML'deki linklere tıkladığımız da gelicek HTML, bu yeni iframe'e
gelsin..

sanırım demek istediğim şu;
bi iframe'den, başka bir iframe sayfa çağırma.. biolight'ın "myiframe" metodu'yla : )

görüşmek üzere,

La Haine · 10.03.2004

arkadaşlar,
soru, arada "kaynamadı", "kaynamaz" değil mi..

görüşmek üzere,

15.03.2003	#13 (permalink)
pixage Üyelik Tarihi: 08.08.2001 Yer: istanbul Yaş: 28 Mesaj: 844 Görsel: 3	@scud; Baba büyüksün... Çok teşkür ederim, valla kabuslarım sona erdi sayenizde. bi sevindirik oldum ki sormayın ... (@Se7en; şu heykel meselesinde sana maddi ortaklık yapabilirim ) __________________ Ars longa vita brevis * pixage.net:geometrik senfoni \| işleyenkulak:kulaklar pas tutmasın flickr:bir insan bin enstantane \| macline:mac'te multimedya

26.01.2004	#15 (permalink)
yunus::t Üyelik Tarihi: 23.07.2002 Yer: İstanbul Yaş: 31 Mesaj: 685	Re: <iframe> ve boyutlandırma. Bu kod Mozilla.Firebird'te çalışmıyor, Nasıl bir modifikasyonla bunu başarabiliriz, kabil arkadaşlardan yardım rica ediyorum...

27.01.2004	#17 (permalink)
yunus::t Üyelik Tarihi: 23.07.2002 Yer: İstanbul Yaş: 31 Mesaj: 685	Re: <iframe> ve boyutlandırma. teşekkürler... NOT: Apple da Safari 1.1 ve I.E for Mac 5.2 de çalışmıyor, haberiniz olsun, genel olarak pekçok JavaScript Apple da sorunlu zaten... Mesaj yunus::t tarafından 27.01.2004 (08:37) yeniden düzenlendi..

08.03.2004	#19 (permalink)
La Haine Üyelik Tarihi: 23.09.2002 Yer: istanbul Yaş: 34 Mesaj: 863	Re: <iframe> ve boyutlandırma. çok pardon ama, tam anlatamayacağımın farkındayım; {1} index.HTML'de bir iframe var. {2} bu iframe'e, index.HTML'den target'le HTML çağırıyoruz.. {3} gelen HTML'de de linkler var. {4} index.HTML'ye yeni bir iframe koyuyoruz {biolight'ın script'ini} çünkü istiyoruz ki; önceki iframe'e gelen HTML'deki linklere tıkladığımız da gelicek HTML, bu yeni iframe'e gelsin.. sanırım demek istediğim şu; bi iframe'den, başka bir iframe sayfa çağırma.. biolight'ın "myiframe" metodu'yla : ) görüşmek üzere, __________________ anti-pop.com 21.yüzyıl için fanzin \| creativeroom

10.03.2004	#20 (permalink)
La Haine Üyelik Tarihi: 23.09.2002 Yer: istanbul Yaş: 34 Mesaj: 863	Re: <iframe> ve boyutlandırma. arkadaşlar, soru, arada "kaynamadı", "kaynamaz" değil mi.. görüşmek üzere, __________________ anti-pop.com 21.yüzyıl için fanzin \| creativeroom