Zoque.Forum
»
<iframe> ve boyutlandırma.
|
| Arsiv Bölümü Webtasarımı ve internet bölümünde önemli olduğunu düşündüğümüz mesajların toplandığı bölüm. Foruma yeni bir soru sunmadan bu bölümdeki mesajlara göz atılması tavsiye olunur. (Arama motorundan daha eski mesajlara ulaşılabilir). |
![]() |
|
|
LinkBack | Seçenekler |
|
|
#21 (permalink) |
|
Üyelik Tarihi: 22.06.2001
Yer: Antalya
Yaş: 38
Mesaj: 531
|
Re: <iframe> ve boyutlandırma.
kaynamaz kaynamaz da sorunu ben hala anlamaya çalışıyorum
![]() anladıgım şekilde çevabı yazayım. her hangi bir iframe veya sayfa içindeki bir link i hangi iframede açmak istiyorsan o link in target ine açılmasını istediğin iframenin name ini yazman gerekir. doğrumu anlamışım :s |
|
|
|
|
|
#22 (permalink) |
|
Üyelik Tarihi: 23.09.2002
Yer: istanbul
Yaş: 34
Mesaj: 863
|
Re: <iframe> ve boyutlandırma.
eyv..
index.HTML'deki bir link'e tıkladığımızda 1. iframe'e gelen HTML {örneğin; yazilar.HTML} deki linklere tıkladığımızda, farklı ve 2. iframe'e gelecek olan {ilk_yazi.HTML} yi kotaramıyorum.. // yazilar.HTML'de target=myiframe değilde, sanki script index.HTML'de "kaldığı" için; ../myiframe yazıcakmışız hissine kapılıyorum.. |
|
|
|
|
|
#23 (permalink) |
|
Re: <iframe> ve boyutlandırma.
Eger yanlış anlamadıysam, index.htm'de iki adet iframe'in var ve, bu iki iframeden birindeki linkle diğerinde sayfa açtırmak istiyorsun..
Yaptığım denemeler,iframe içindeki linkteki kodun target="hedefIframeAdı" şeklinde sorunsuz çalıştığını gösteriyor. (Platform; IE 6.0 PC) Kolay Gelsin..
__________________
Ars longa vita brevis * pixage.net:geometrik senfoni | işleyenkulak:kulaklar pas tutmasın flickr:bir insan bin enstantane | macline:mac'te multimedya |
|
|
|
|
|
|
#25 (permalink) |
|
Üyelik Tarihi: 23.09.2002
Yer: istanbul
Yaş: 34
Mesaj: 863
|
Re: <iframe> ve boyutlandırma.
iframe'in içinde bulunduğu layer ya da table'ın, yukseklik ve genişliği olmaması mı gerekiyor peki?!
çünkü, ikinci iframe'i göstermeyi sağladım ama sanki 20x60'lık bir cell gibi duruyor.. iframe'in içinde bulunduığu layer'ın W, H'sini silince de durum değişmedi.. </div> <div id="Layer2" style="position:absolute; right:40px; top:466px; z-index:4"> <iframe name="myiframe" src="empty.HTML" scrolling="auto" frameborder="1" style="width:1px; height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></iframe> </div> Mesaj La Haine tarafından 10.03.2004 (11:03) yeniden düzenlendi.. Açıklama: //kod ekledim.. |
|
|
|
|
|
#26 (permalink) |
|
Re: <iframe> ve boyutlandırma.
Peki autoIframe fonksiyonunun bir kopyasını ikinci iframe içinde uyguladınmı...
Biolight'ın yazdığı fonksiyon sadece myiframe isimli iframe'in boyutlarını değiştirir. ikinci iframe için yeni bir fonksiyona ihtiyacın var.. Çok emin olmasamda böyle bişi olacak.. Kod:
<HTML> <head> <title>Biolight - iframe(autoWidth & autoHeight)</title> </head> <body> <center> <a href="sayfa1.HTML" target="myiframe1">Sayfa1</a> / <a href="sayfa2.HTML" target="myiframe2">Sayfa2</a> <br /> <iframe name="myiframe1" id="myiframe1" src="sayfa1.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe1();"></iframe><br> <iframe name="myiframe2" id="myiframe2" src="sayfa2.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe2();"></iframe> </center> <script> function autoIframe1(){ if(document.all){parent.myiframe1.document.body.scroll="no";} document.getElementById('myiframe1').style.width="1px"; document.getElementById('myiframe1').style.height="1px"; document.getElementById('myiframe1').style.width=parent.myiframe1.document.body.scrollWidth; document.getElementById('myiframe1').style.height=parent.myiframe1.document.body.scrollHeight; } function autoIframe2(){ if(document.all){parent.myiframe2.document.body.scroll="no";} document.getElementById('myiframe2').style.width="1px"; document.getElementById('myiframe2').style.height="1px"; document.getElementById('myiframe2').style.width=parent.myiframe2.document.body.scrollWidth; document.getElementById('myiframe2').style.height=parent.myiframe2.document.body.scrollHeight; } document.getElementById('myiframe1').onload=autoIframe1; document.getElementById('myiframe2').onload=autoIframe2; </script> </body> </HTML> Kolay Gelsin..
__________________
Ars longa vita brevis * pixage.net:geometrik senfoni | işleyenkulak:kulaklar pas tutmasın flickr:bir insan bin enstantane | macline:mac'te multimedya |
|
|
|
|
|
|
#27 (permalink) |
|
Üyelik Tarihi: 23.09.2002
Yer: istanbul
Yaş: 34
Mesaj: 863
|
Re: <iframe> ve boyutlandırma.
olayı ben dağattım farkındayım ama,
pixage son operasyonun durumla ilişkili değil galiba.. yukarıdaki uyarıları/nızı tekrar ve sakin sakin gözden geçirip yaptım.. cihaz çalıştı. ancak, tarafımdan bi "bug" yarattım sanırım. sayfanın bg color'u #000000 ise, iframe, sanki bir cell'miş ve right-border:1px'miş gibi beyaz bir çizgi oluşuyor.. ama sadece sağda.. ayrıca iframe'e gelicek sayfa'nın border'ı olmasın diye; document.getElementById('myiframe').style.width="1px"; 'i futursuzca "0px" yapınca da; başa dönüyoruz ve iframe 20x60lık cell'imsi bir şeye dönüşüyor.. {umarım dikkatsizlikten kaynaklı bir şey değildir de, gereksiz enerji harcatmış olmuyorumdur..} |
|
|
|
|
|
#28 (permalink) |
|
Üyelik Tarihi: 22.06.2001
Yer: Antalya
Yaş: 38
Mesaj: 531
|
Re: <iframe> ve boyutlandırma.
pixage ile aynı şeyi anlamıştım bende :s
script te width değerini özellikle 1px yapmıştım çünkü açılacak olan sayfanın width değeri bilinmiyor yani iframe nin width değeri açılacak olan sayfanın width değerinden küçük olmalı ki iframe de scrool oluşabilsin bizde bu scroll un boyundan yaralanarak iframe 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 |
|
|
|
|
|
#29 (permalink) |
|
Üyelik Tarihi: 23.09.2002
Yer: istanbul
Yaş: 34
Mesaj: 863
|
Re: <iframe> ve boyutlandırma.
üstad,
biraz da raslantısal olarak sözünü ettiğin durum, benim yapmak istediğime denk gelmiş demek ki. ben de, ikinci iframe'le gelen sayfanın yüksekliği fisk olmasın ki, index.HTML'de asal scroll çıksın diye düşünmüştüm, entresan olmuş raslantı.. en kısa zamanda, ulaştığım/yetiştiğim noktayı size online göstermek isterim, {geç de olsa} üzerinden konuşuruz diye düşünüyorum.. ilginiz için çok teşekkür ederim, yordum.. görüşmek üzere, |
|
|
|
|
|
#30 (permalink) |
|
Üyelik Tarihi: 22.06.2001
Yer: Antalya
Yaş: 38
Mesaj: 531
|
multi autoIframe
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. Kod:
<HTML> <head> <title>Biolight - iframe(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 /> <iframe name="myiframe1" id="myiframe1" src="sayfa1.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></iframe> <iframe name="myiframe2" id="myiframe2" src="sayfa2.HTML" scrolling="auto" frameborder="1" style="width:1px;height:1px;" marginwidth="0px" marginheight="0px" onload="autoIframe();"></iframe> </center> <script type="text/JavaScript"> /* 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 } document.getElementById(newID).style.width="1px"; document.getElementById(newID).style.height="1px"; document.getElementById(newID).style.width=parent[newIDname].document.body.scrollWidth; document.getElementById(newID).style.height=parent[newIDname].document.body.scrollHeight; } 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; /* açıklama bitti*/ } </script> </body> </HTML> |
|
|
|
Zoque'a hoşgeldiniz!|
En popüler ilk 100 etiket
Tag Cloud
|
| acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma canon css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit kisisel kullanimi |