Ders Adı: Flash ile Çeşitli Pencere Etkileri
Kategorisi: Flash Örnekleri
Ekleyen: zebaniz - Tarih: 07.11.2005 - 20:05

Popup Pencere Açmak
Bu bölümde, Flash da hazırlanmış bir butona tıklayınca istenilen ölçüde açılan popup pencere örneğini ve bunun için gerekli olan JavaScript kodlarını inceleyeceğiz.
Öncelikle Flash da "Button" özelliği olan objenizi hazırlayınız.

Örnek olarak butona tıklayınca önceden hazırladığımız deneme.html sayfasının H:150, W:200 ölçülerinde popup olarak açılmasını istediğimizi varsayarak, aşağıdaki uygulamamızı yapalım;

1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

javascript:launchwin('deneme.html' , 'newwindow' , 'height=150,width=200')
Flash da hazırladığımız bu movie mizi pop-up.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden pop-up.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak pop-up.swf ve pop-up.html adlarında iki tane daha dosya yaratıldı.

2- pop-up.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), server'ınızda yayınlayacağınız ve butonu kullanacağınız esas web sayfanızın HTML kodları arasına yapıştırın (Ctrl+V).
Flash HTML kodlarını almak hakkında geniş bilgi için [Webde Yayınlama (Publish)] bölümüne bakınız.

3- Aşağıdaki JavaScript kodlarını da kopyalayın,
ve yine server'ınızda yayınlayacağınız esas web sayfanızın etiketleri arasına yapıştırın;

<SCRIPT LANGUAGE="JavaScript"> var javascript_version = 1.0;</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1"> javascript_version = 1.1;</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

var newwin;

function launchwin(winurl,winname,winfeatures)
{
//This launches a new window and then
//focuses it if window.focus() is supported.
newwin = window.open(winurl,winname,winfeatures);

if(javascript_version > 1.0)
{
//delay a bit here because IE4 encounters errors
//when trying to focus a recently opened window
setTimeout('newwin.focus();',250);
}
}
</SCRIPT>

Fullscreen Pencere Açmak
Bu bölümde, Flash da hazırlanmış bir butona tıklayınca Fullscreen olarak açılan pencere örneğini ve bunun için gerekli olan JavaScript kodlarını inceleyeceğiz.
Öncelikle Flash da "Button" özelliği olan objenizi hazırlayınız.

Örnek olarak butona tıklayınca önceden hazırladığımız deneme2.html sayfasının fullscreen olarak açılmasını istediğimizi varsayarak, aşağıdaki uygulamamızı yapalım;

1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

javascript:launchwin('deneme2.html','newwindow','width='+(screen.width - 10)+',height='+(screen.height - 30)+',screenX=0,screenY=0,directories=0,fullscreen=1,
location=0,menubar=0,scrollbars=0,status=0,toolbar=0')

Flash da hazırladığımız bu movie mizi fullscreen.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden fullscreen.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak fullscreen.swf ve fullscreen.html adlarında iki tane daha dosya yaratıldı.

2- fullscreen.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), server'ınızda yayınlayacağınız ve butonu kullanacağınız esas web sayfanızın HTML kodları arasına yapıştırın (Ctrl+V).
Flash HTML kodlarını almak hakkında geniş bilgi için [Webde Yayınlama (Publish)]] bölümüne bakınız.

3- Aşağıdaki JavaScript kodlarını da kopyalayın,
ve yine server'ınızda yayınlayacağınız esas web sayfanızın etiketleri arasına yapıştırın;

<SCRIPT LANGUAGE="JavaScript"> var javascript_version = 1.0;</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1"> javascript_version = 1.1;</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

var newwin;

function launchwin(winurl,winname,winfeatures)
{
//This launches a new window and then
//focuses it if window.focus() is supported.
newwin = window.open(winurl,winname,winfeatures);

if(javascript_version > 1.0)
{
//delay a bit here because IE4 encounters errors
//when trying to focus a recently opened window
setTimeout('newwin.focus();',250);
}
}
</SCRIPT>

Açık Olan Pencereyi Kapatmak

Bu bölümde, Flash da hazırlanmış bir butona tıklayınca kapanan pencere örneğini ve bunun için gerekli olan JavaScript kodlarını inceleyeceğiz.
Öncelikle Flash da "Button" özelliği olan objenizi hazırlayınız.

1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

Javascript:self.close()
Flash da hazırladığımız bu movie mizi closewindow.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden closewindow.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak closewindow.swf ve closewindow.html adlarında iki tane daha dosya yaratıldı.

2- closewindow.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), server'ınızda yayınlayacağınız ve butonu kullanacağınız esas web sayfanızın HTML kodları arasına yapıştırın (Ctrl+V).
Flash HTML kodlarını almak hakkında geniş bilgi için [Webde Yayınlama (Publish)] bölümüne bakınız.

Pencerelere Çeşitli Etkiler

Browser pencerelerine çeşitli etkiler sağlayan Flash da hazırlanmış butonları ve bu etkiler için gerekli olan JavaScript kodlarını inceleyelim.
Burada üç tane değişik etkiden söz edeceğiz;
1- Blur Etkisi: Butona basınca, açık olan pencere ekrandaki diğer açık pencerelerin en altına gidecektir.
2- Inner Etkisi: Butona basınca, açık olan pencere ekranda minimum boyutlara gelecektir.
3- Available Etkisi: Ekrandaki küçük boyutlardaki pencere, butona basınca normal boyutta açılacaktır.

Şimdi bu etkileri sırası ile uygulayalım;
Blur Etkisi:
Bu etkiyi daha iyi anlayabilmek için fullscreen bir pencere açalım ve uygulamamızı bu pencerede yapalım.
Örnek olarak butona tıklayınca önceden hazırladığımız deneme3.html sayfasının fullscreen olarak açılmasını istediğimizi varsayarak, Fullscreen Pencere Açmak bölümünde anlatılan GetURL kısmında yazılan script deki deneme2.html yazısını, deneme3.html olarak değiştirerek Flash moviemizi hazırlayalım.
Daha sonra Flash da yeni bir döküman açarak (File>New), "Button" özelliği olan objenizi hazırlayalım .
1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

javascript:window.blur()
Flash da hazırladığımız bu movie mizi blur.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden blur.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak blur.swf ve blur.html adlarında iki tane daha dosya yaratıldı.
2- blur.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), butonu kullanacağımız deneme3.html sayfamızın HTML kodları arasına yapıştırın (Ctrl+V).


Inner Etkisi: Yine fullscreen pencerede deneyeceğiz (deneme3.html).
Flash da yeni bir döküman açarak (File>New), "Button" özelliği olan objenizi hazırlayalım .

1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

javascript:window.resizeTo(window.screen.innerWidth,window.
screen.innerHeight)
Flash da hazırladığımız bu movie mizi inner.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden inner.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak inner.swf ve inner.html adlarında iki tane daha dosya yaratıldı.
2- inner.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), butonu kullanacağımız deneme3.html sayfamızın HTML kodları arasına yapıştırın (Ctrl+V).


Available Etkisi: Yine fullscreen pencerede deneyeceğiz (deneme3.html).
Flash da yeni bir döküman açarak (File>New), "Button" özelliği olan objenizi hazırlayalım .

1- Sahnemizde bulunan buton'a sağ-tuş yaparak Actions'u seçin. Açılan Object Actions Panelinde GetURL bölümüne, aşağıdaki JavaScrit kodunu yazalım;

javascript:window.resizeTo(window.screen.availWidth,window.
screen.availHeight)
Flash da hazırladığımız bu movie mizi avaliable.fla olarak istediğimiz bir klasöre kaydedelim (File>Save).
Daha sonra File>Publish (Shift+F12) ile web de yayınlamak üzere publish edelim.
Önceden avaliable.fla dosyasını kaydettiğimiz klasöre dikkat ederseniz, Flash tarafından otomatik olarak avaliable.swf ve avaliable.html adlarında iki tane daha dosya yaratıldı.
2- avaliable.html sayfasını notepad ile açıp, Flash kodlarını seçin, kopyalayıp (Ctrl+C), butonu kullanacağımız deneme3.html sayfamızın HTML kodları arasına yapıştırın (Ctrl+V).

İşte hepsi bu kadar...
Kolay gelsin..

Yazının URL adresi: http://www.aeystudio.com/tutorials.php?action=showtutorial&tut_id=40
Web Sitesi: http://www.aeyStudio.com