Sayfalar

Translate Blog

24 Aralık 2012 Pazartesi

Flash AS3 Tarayıcı Resize Tespiti - As3 Flash Browser Resize


Tam sayfa veya tam ekran flash kullanıyorsanız kullanıcılar farklı çözünürlükte bilgisayarlarda sayfanızı açacağı için veya kendi isteklerine göre tarayıcıyı büyültüp küçültebilecekleri için içindeki nesnelerinizin tam sayfa olma özelliği değişmesi gerekir.

Aşağıdaki kod tarayıcının resize yani boyutunun değştirildiği anı tespit ediyor. Function kısmında istediğiniz nesnenin genişliği yüksekliği hatta koordinatlarını değiştirerek tasarımınızı düzenleyebilirsiniz.

stage.addEventListener(Event.RESIZE, resizeHandler);
function resizeHandler(event:Event):void {
 klip.klip.klip.height = stage.stageHeight;
 klip.klip.klip.width = stage.stageWidth;
 arkaplan.width = stage.stageWidth;
 arkaplan.height = stage.stageHeight;
}

AS3 Full Browser Flash - Tam Sayfa Flash

Tarayıcının içinde tam sığan bir flash için aşağıdaki kodları yazın.
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

Ardından özellikler penceresndeki Edit butonuna basarak Publish ayarlarına girin ve resimdeki ayarları işaretleyin.

Sahnenizde artık birşeyin tam sayfaya yayılmasını istiyorsanız ki ben burda arkaplan isimli bir movieclip'in tam sayfa olmasını istediğim için x ve y koordinatlarını 0 ladım, ardından genişlik ve yüksekliğini sahne boyutlarına eşitleyerek ekranı tam olarak kaplamasını da sağlamış olursunuz.

arkaplan.x=0;
arkaplan.y=0;

arkaplan.width = stage.stageWidth;
arkaplan.height = stage.stageHeight;

23 Aralık 2012 Pazar

Html Taglarının Özellikleri Erişin - getAttribute

Web sayfanızda bulunan id'li tagların içine yazdığınız özelliklere nasıl erişirsiniz? Title, Alt, Src gibi özellikleri javascript ile nasıl alınır? Hemen örneği verelim;
img border="0" title="Başlık" alt="2. Kategori Resmi" src="kategori2_1.jpg" width="96" height="33"
<script>
function goster(){
 var adres = document.getElementById('res1').getAttribute('src');
 var baslik = document.getElementById('res1').getAttribute('alt');
 var bilgi = document.getElementById('res1').getAttribute('title');
 alert(adres+"\n"+baslik+"\n"+bilgi);
}
</script>
<img id="res1" src="http://www.blogger.com/img/blogger-logo-small.png" alt="Blogger Logosu" title="Bloger Adresi grafanimasyon.blogger.com"/>
<a onclick="goster()">Özelliklere Eriş</a>
Yukardaki resmin içine yazmış olduğunuz title alanını nasıl görebilirsiniz?

Blogger Logosu
Özelliklere Eriş

Yukarıdaki kodu deneyebilirsiniz. id ile isimlendirdiğiniz tagın bilgilerini getAttribute komutu ile alabilirsiniz.document.getElementById('res1').getAttribute('alt') gibi.