Tips Perbaiki Menu Navigasi Flyout Yang Tertutup Oleh Flash Movie

Saya memiliki pengalaman pada saat membuat desain menu navigasi horizontal dan kebetulan di bawahnya akan di sisipkan Flash Movie, jika menu tersebut memiliki submenu yang memanjang ke bawah , maka biasanya sub menu tersebut akan tertutup oleh Flash Movie dan tidak dapat digunakan. Hal ini biasanya juga terjadi jika kita membuat desain dengan menyisipkan flash secara otomatis pada program editor HTML.

Untuk beberapa elemen Form, seperti text fields, pull down lists dll, akan selalu menutupi menu navigasi dan tidak dapat kita rubah karena hal ini merupakan cara kerja dari browser-browser (IE, FF, Opera dll).

Tapi untunglah masalah pada Flash Movie masih dapat kita perbaiki dengan memodifikasi parameter pada sisipan Flash dan membuatnya dapat tertutup oleh menu flyout.

Dua langkah modifikasi yang harus dilakukan adalah :

1. Tambahkan parameter berikut ini di bawah obyek sisipan Flash Movie:
   

   <param name=”wmode” value=”transparent”>

2. Juga tambahkan parameter pada tag “embed” yaitu wmode=”transparent” , sehingga menjadi seperti:
   

   <embed src=”flash.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”100″ height=”100″ wmode=”transparent”></embed>

Dibawah ini adalah contoh snippet dari kode sisipan obyek yang sudah diperbaiki untuk masalah menu flyout.

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”100″ height=”100″> <param name=”movie” value=”flash.swf”>
<param name=”quality” value=”high” />
<param name=”wmode” value=”transparent”>
<embed src=”flash.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”100″ height=”100″ wmode=”transparent”></embed>
</object>