div

[Flash][JavaScript] 蓋在 Flash 上面的 DIV 與中文輸入的問題

Standard

好久沒發文了，最近公司的案子都好多又好趕。
這陣子除了在規劃案子、趕案子外，另一方面在自學 ASP.NET MVC 3 並應用在案子上，有什麼心得會再發文的。

 

扯遠了，來記錄一下最近案子遇到要將 Facebook 粉絲專頁按讚的按鈕蓋在 Flash 內容上面的問題與解法。

 

相信很多人都遇過這個問題，我們會將 DIV 設 z-index，然後在 Chrome 中 DIV 會正常地蓋在 Flash 上面，但到 IE8 上面就被蓋住了。
改 wmode=”transparent” 是常見的解法，但在舊版（如 13.0.782）的 Chrome 中便無法切換輸入法為中文（註：測試在 Chrome 版本 17 中無此問題）。
最後我是寫一段 JavaScript 來判斷，瀏覽器是 IE 就多帶 wmode 為 transparent，反之就不帶。

 

以下是實際的 code。
Continue reading

[JavaScript] 在 IE 中隱藏/顯示 DIV 中的 Flash 不會重新播放的解法

Standard

在某個案件中，需求是點擊 HTML 頁面上的 button 便會以 BlockUI 方式顯示一個包含 SWF 動畫的 DIV 出來，點擊 SWF 上的叉叉可隱藏此 DIV，若使用者再次點擊 HTML button，該 DIV 又會顯示出來並且從頭再播放 SWF 動畫。

在 Chrome 以及 Firefox 上都可以達到上述需求，但到了 IE 上，隱藏 DIV 後再顯示，其中的 SWF 似乎並不會被重新載入，因此會停留在上次播放的最後一格，尚不知這是 IE 對於 Flash 的 Bug 或這才是正常的，經過一番討論跟摸索後試出了解決方法。

※當然也可以採用 JavaScript 呼叫 SWF 中的重新播放事件來解決，但此次並不是採用此方法解決。

Continue reading