ActionScript 3.0 ve JavaScript Kullanarak Pop-Up Pencere Açmak


Bu uygulamamızda ActionScript 3.0 ve JavaScript kullanarak Pop-Up pencere yapacağız. Normal şartlar altında Pop-Up pencereye gerek kalmadan Flash içerisinde oluşturacağımız MovieClip’ler ile istediğimiz bilgilerin ya da imajların flash içerisinde yeni bir pencerede görüntülenmesini sağlayabiliriz. Fakat bu bilgileri farklı sitelerden almak istiyorsak ve içerikleri HTML ise bunu flash içerisinden yapmak biraz zorlaşabilir. Bu tip durumlarda Pop-Up pencereler kullanarak içeriği görüntülemek daha basit olacaktır.

Yeni bir ActionScript 3.0 belgesi açalım ve sahneye bir buton yerleştirelim. Butonun Instance Name kısmına popup_btn yazalım. Actions isminde yeni bir layer oluşturalım ve Actions panelini açarak kodlarımızı yazmaya başlayalım.

İlk olarak butonumuza olay dinleyicimizi ekleyip, fonksiyonumuzu oluşturalım.

popup_btn.addEventListener(MouseEvent.CLICK, pencereAc);

function pencereAc(e:MouseEvent) {

}

Fonksiyon içerisine Pop-Up pencerenin açılması için gerekli olan kodları yerleştirelim. İlk olarak açılmasını istediğimiz sayfanın adres bilgilerini içerisinde barındıracak olan yeni bir URLRequest nesnesi tanımlayalım. Normal link verme işlemlerinden farkı ise adresi yazmak (örn.:http://www.actionscript.gen.tr) yerine değer olarak JavaScript kodlarını yerleştirmek olacaktır.

var popup:URLRequest = new URLRequest("javascript:NewWindow=window.open('http://actionscript.gen.tr/popup.html','newWin','location=0,toolbar=0,scrollbars=0,statusbar=0,menubar=0,resizable=0,width=400,height=250,left = 200,top = 100'); NewWindow.focus(); void(0);");

javascript:NewWindow=window.open komutu ile tarayıcıda yeni bir pencere açılmasını sağlayacaktır. Parantez içerisinde ilk önce açılmasını istediğimiz sayfanın adresini yazıyoruz. newWin komutu ile sayfanın yeni bir pencerede açılmasını sağlıyoruz. Sonrasında açılacak olan pencerenin özelliklerini belirliyoruz, örneğin location özelliğinin değerini 0 olarak belirlediysek tarayıcıda adres satırı görüntülenmeyecektir. Eğer değeri 1 olarak değiştirirsek açılan pencerede adres satırı görüntülenecektir. Diğer özellikler içinde aynı şey geçerlidir. Width, height özelliklerine verdiğimiz değerler ile açılacak pencerenin boyutlarını belirleyebiliriz. Top ve left kısmına gireceğimiz değerler ile açılan pencerenin konumunu belirleyebiliriz.

Son olarakta navigateToURL yöntemi ile penceremizin açılmasını sağlıyoruz.

navigateToURL(popup, "_self");

Kodların tamamı aşağıdaki gibidir.

popup_btn.addEventListener(MouseEvent.CLICK, pencereAc);

function pencereAc(e:MouseEvent) {

    var popup:URLRequest = new URLRequest("javascript:NewWindow=window.open('http://actionscript.gen.tr/popup.html','newWin','location=0,toolbar=0,scrollbars=0,statusbar=0,menubar=0,resizable=0,width=400,height=250,left = 200,top = 100'); NewWindow.focus(); void(0);");
   
    navigateToURL(popup, "_self");

}

Uygulamayı test etmek için bir sunucuya yükleyeniz gerekmektedir. Aksi takdirde çalışmayacaktır.
Örnek çalışma dosyasını indirebilmek için siteye üye olmanız gerekmektedir. Siteye üye olmak için tıklayın.

, , ,

  1. #1 by Tamer Ağaoğlu on 22 Haziran 2010 - 18:30

    izlediğim yabancı dizinin etkisinde kalaraktan perfect !! great work men !

  2. #2 by ismail on 03 Temmuz 2010 - 11:13

    Teşekkürler..
    Çok faydalı oldu..
    Flash içinde JavaScript uygulamaları hakkında önerebileceğin kaynak var mı?
    Özellikle tıklandığında sayfa üzerinde açılan resimler hakkında..
    Yardımcı olursanız çok sevinirim..

(yayınlanmayacak)
Login with Facebook:
 

Additional comments powered by BackType