Chromeless Pencere Oluşturma

aLayıNaiSyaN · 03-09-08, 06:06

Bu çalışmada açılan pencereyi fare ile hareket ettirebilir,minimize edebilir ve kapatabilirsiniz.Pencereyi kapatmak için isterseniz açılan sayfadaki swf dosyasını da kullanabilirsiniz.Üstteki zip dosyasını indirdiğinizde resimlerin ve kodların çalışmasında kullanılan ByKlein_chromeless2.0.js dosyasının bulunduğu bir klasör ,2 html,2 fla ve 2 swf dosyasının bulunduğunu göreceksiniz.chromeless.html(exampleFLASH.swf dosyasını içerir)ana kodların bulunduğu sayfadır ve buradaki butona tıkladığınızda popchromeless.html (contentFLASH.swf dosyasını içerir) sayfası açılacaktır.
chromeless.html sayfası içindeki swf butonuna verilen kodları görmek için exampleFLASH.fla dosyasını açın.Burada butona chromelessButon instance name atanmıştır .1.karede şu kodlar bulunmaktadır:
chromelessButton.onPress = function(){
getURL("javascript:myChromeless.openChromeless()") ;
}
Butona basıldığında html sayfasındaki javascript kodu çalışacaktır.Swf dosyamız hazır olduğuna göre bunu adı chromeless.html olan sayfamız içine alalım.Sayfanın kaynak kodlarını açalım ve alttaki kod grubunu <head> </head> tagları içine yapıştıralım:

<script type="text/javascript" src="resimler/ByKlein_chromeless2.0.js"></script>
<script type="text/javascript" >
function createChromeless()
{
/////////////////////////////////////////////
//Eklentiler oluşturuluyor//
/////////////////////////////////////////////
var B = "popchromeless.html"; // URL
var Y = "Chromeless Pencere Oluşturma"; // başlık
var K = "resimler/titlebar.gif"; // başlık_için_resim
var L = 25; // başlık_yüksekliği
var E = "Arial Tur"; // Başlık_fontu
var I = 10; // başlık_font_boyutu
var N = "#F0F0F0"; // başlık_font_rengi
var C = false; // scrollbar_tercihi
var h = 400; // en (w)
var r = 200; // yükseklik (h)
var o = true; // ortalama
var m = 10; // xPos
var e = 10; // yPos
var l = "#59657B"; // borderRengi
var e_= 5; // borderBoyutu
var s = "resimler/minimizar.gif"; // minimizeResmi
var s_= "resimler/cerrar.gif"; // kapatma_resmi
myChromeless = new ChromelessWindow(B,Y,K,L,E,I,N,C,h,r,o,m,e,l,e_,s, s_);
}
createChromeless()
</script>
Kırmızı yazılan alanları çalışmanıza göre değiştirebilirsiniz.Çalışmada hata yapılmaması için şunlara dikkat ediniz.
1- Resim dosyalarınız ve indirdiğiniz js dosyası resimler klasörünün içinde olmalıdır.Şayet başka bir dizinde ise kodlardaki resimlerin ve js dosyasının yolunu doğru olanı ile değiştiriniz
2- Yukarıdaki javascript kodları açılacak sayfaya değil ana html sayfasında head tagları arasına yazılmalıdır.
3- HTML sayfasına kodları yazmanız yeterli olmayacaktır.Kodların çalışması için ByKlein_chromeless2.0.js dosyasına ihtiyacınız vardır. Bu dosyadaki kodları editlemenize gerek yoktur.
4- Açılan pencerede resim kullanmayacaksanız
var K = "resimler/titlebar.gif"; kısmındaki alanı boş bırakabilirsiniz.
var K = ""; şeklinde.Veya tersine metin kullanmayacaksanız metin stil tanımı yapılan değişkenleri boş bırakabilirsiniz.
5- En önemli konu chromeless pencerenin sadece windows işletim sisteminde I.E 5.5 ve üstü versiyonlarda çalışacak olmasıdır.Daha alt sürümlere sahip iseniz [Üye Olmadan Linkleri Göremessin! Üye Olmak İçin Tıkla...]g adresinde uygun kodları bulabilirsiniz.

03-09-08, 06:06	#1
aLayıNaiSyaN Dokunma Yanarsın Üyelik tarihi: 04-02-08 Nerden: . . . Mesajlar: 1,981 Tecrübe Puanı: 496	Chromeless Pencere Oluşturma Bu çalışmada açılan pencereyi fare ile hareket ettirebilir,minimize edebilir ve kapatabilirsiniz.Pencereyi kapatmak için isterseniz açılan sayfadaki swf dosyasını da kullanabilirsiniz.Üstteki zip dosyasını indirdiğinizde resimlerin ve kodların çalışmasında kullanılan ByKlein_chromeless2.0.js dosyasının bulunduğu bir klasör ,2 html,2 fla ve 2 swf dosyasının bulunduğunu göreceksiniz.chromeless.html(exampleFLASH.swf dosyasını içerir)ana kodların bulunduğu sayfadır ve buradaki butona tıkladığınızda popchromeless.html (contentFLASH.swf dosyasını içerir) sayfası açılacaktır. chromeless.html sayfası içindeki swf butonuna verilen kodları görmek için exampleFLASH.fla dosyasını açın.Burada butona chromelessButon instance name atanmıştır .1.karede şu kodlar bulunmaktadır: chromelessButton.onPress = function(){ getURL("javascript:myChromeless.openChromeless()") ; } Butona basıldığında html sayfasındaki javascript kodu çalışacaktır.Swf dosyamız hazır olduğuna göre bunu adı chromeless.html olan sayfamız içine alalım.Sayfanın kaynak kodlarını açalım ve alttaki kod grubunu <head> </head> tagları içine yapıştıralım: <script type="text/javascript" src="resimler/ByKlein_chromeless2.0.js"></script> <script type="text/javascript" > function createChromeless() { ///////////////////////////////////////////// //Eklentiler oluşturuluyor// ///////////////////////////////////////////// var B = "popchromeless.html"; // URL var Y = "Chromeless Pencere Oluşturma"; // başlık var K = "resimler/titlebar.gif"; // başlık_için_resim var L = 25; // başlık_yüksekliği var E = "Arial Tur"; // Başlık_fontu var I = 10; // başlık_font_boyutu var N = "#F0F0F0"; // başlık_font_rengi var C = false; // scrollbar_tercihi var h = 400; // en (w) var r = 200; // yükseklik (h) var o = true; // ortalama var m = 10; // xPos var e = 10; // yPos var l = "#59657B"; // borderRengi var e_= 5; // borderBoyutu var s = "resimler/minimizar.gif"; // minimizeResmi var s_= "resimler/cerrar.gif"; // kapatma_resmi myChromeless = new ChromelessWindow(B,Y,K,L,E,I,N,C,h,r,o,m,e,l,e_,s, s_); } createChromeless() </script> Kırmızı yazılan alanları çalışmanıza göre değiştirebilirsiniz.Çalışmada hata yapılmaması için şunlara dikkat ediniz. 1- Resim dosyalarınız ve indirdiğiniz js dosyası resimler klasörünün içinde olmalıdır.Şayet başka bir dizinde ise kodlardaki resimlerin ve js dosyasının yolunu doğru olanı ile değiştiriniz 2- Yukarıdaki javascript kodları açılacak sayfaya değil ana html sayfasında head tagları arasına yazılmalıdır. 3- HTML sayfasına kodları yazmanız yeterli olmayacaktır.Kodların çalışması için ByKlein_chromeless2.0.js dosyasına ihtiyacınız vardır. Bu dosyadaki kodları editlemenize gerek yoktur. 4- Açılan pencerede resim kullanmayacaksanız var K = "resimler/titlebar.gif"; kısmındaki alanı boş bırakabilirsiniz. var K = ""; şeklinde.Veya tersine metin kullanmayacaksanız metin stil tanımı yapılan değişkenleri boş bırakabilirsiniz. 5- En önemli konu chromeless pencerenin sadece windows işletim sisteminde I.E 5.5 ve üstü versiyonlarda çalışacak olmasıdır.Daha alt sürümlere sahip iseniz [Üye Olmadan Linkleri Göremessin! Üye Olmak İçin Tıkla...]g adresinde uygun kodları bulabilirsiniz. __________________ aLL Hope iS Gone

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç