Arkadaşlar sorunu biraz hile ile halettik, paylaşmak istedim.
Flash nesnesinin bulunduğu division'a default olarak flashın minimum kapladığı alan ile sınırlıyoruz. Bunun için CSS "overflow" özelliğini "hidden" yapmak gerekiyor ki flash nesenemiz boyutunu division boyutuna göre ayarlamaya çalışmasın. Ve kesinlikle flash nesnesine "wmode" olarak "transparent" değeri verilmedilir, aksi durumda FF'da beklenen şekli almıyor.
#flashDiv {
position: absolute;
width: 800px;
height: 200px;
overflow: hidden;
}
Ve flash nesnesinin sayfadaki diğer nesnelerin üzerine atlaması gerektiği anlarda için eventler oluşturup, o event için aşağıdaki gibi bir (sayfa içinde tanımlanmış) Javascript fonksiyonunu çalıştırarak (flash içindeki Actionscript tarafından çağrılarak) flash nesnesini tutan division'un boyutunu flash nesnesinin maximum boyutuna çıkarıyoruz.
// Javascrpit
function extendFlashDiv()
{
document.getElementById("flashDiv").style.height = "600px"
}// Flash Actionscrpit
on (press) {
getURL ("JavaScript:extendFlashDiv()");
}
Yine flash nesnesinin normal pozisyona geri dönmesi durumundaki eventleri de ortaya koyup, yine flash içinden Actionscript'ten Javascript fonksiyonu çağırarak flash nesnesini barındıran division'u başlangıç boyutuna getiriyoruz.
// Javascrpit
function reduceFlashDiv()
{
document.getElementById("flashDiv").style.height = "200px"
}// Flash Actionscrpit
on (press) {
getURL ("JavaScript:reduceFlashDiv()");
}
Bunlara ek olarak, flah nesnesinin transparan hareketlerine göre buradan yola çıkarak farklı anlardaki flash eventlerine farklı fonksiyonlar yüklenebilir. Yine diğer division'lar ile yaşanabilecek (z-index ile çözülemeyen) problemlere çözüm olarak, altta kalmasını istediğimiz division'u o anlık yok edip, işimiz bittiğinde geri getirebiliriz. Nitekim FF'da olan bir sorun sebebiyle bunu da kullanmamız gerekmişti.
// Javascrpit
function extendFlashDiv()
{
document.getElementById("flashDiv").style.height = "600px"
document.getElementById("anotherDiv").style.display = "none"
}
function reduceFlashDiv()
{
document.getElementById("flashDiv").style.height = "200px"
document.getElementById("anotherDiv").style.display = "block"
}
Herkese iyi çalışmalar...
Let`s make this world a better place to live !
|
Del.icio.us
Digg
Facebook
Furl
Google
Blink
Simpy
Spurl
Y! MyWeb