Chromeless Pencere Oluşturma



Bu çalışma http://www.chromeless.org adresinden alınmıştır.Adresi ziyaret ederseniz birkaç farklı örneği de inceleyebilirsiniz. Aynı çalışmanın modifiye edilmiş şeklini kirupa.com adresinden de inceleyebilirsiniz.

İşletim sisteminiz Windows XP&SP2 ise bu dosya güvenlik ayarları nedeni ile hatalı çalışacaktır

DOSYAYI İNDİR

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 http://www.chromeless.org adresinde uygun kodları bulabilirsiniz.