Flash overlapping Javascript elements

David — Mon, 10 Nov 2008 02:17:11 +0000

On a particular Dolphin CMS setup I was working with, my Flash illustration was overlapping the DHTML drop-down menu, so that I couldn’t see all of that menu. That menu was a necessity to run the site cleanly, so I had to find some means of getting the Flash and DHTML to play well together.

So, in searching Google for something to the effect of “Flash z-order”, I ultimately came to some pages explaining that the more recent browsers/browser versions came equipped with capabilities which allow Flash swfs to operate alongside DHTML elements as if the two were meant to work together.

Basically, the code calling the Flash swf just needs to state something to the effect of .

The following is the precise code used to call my particular swf, reformers.swf:

 height="150" width="920"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
 value="/media/reformers.swf" name="src" />
 value="opaque" name="wmode" />
 height="150" width="920"
wmode="opaque" src="/media/reformers.swf"
type="application/x-shockwave-flash">>
>

I’m not sure how long this site will be in its current state, but for now at least, the following link should illustrate the meshing of the DHTML and Flash swf.

http://haveatulip.com

Remove the drop down menu from the TopMenu in Boonex Dolphin

David — Thu, 23 Oct 2008 01:16:24 +0000

With the drive of a starving coyote I scoured the internet, searching for a means of removing the drop down menu from the otherwise fabulous Dolphin CMS by Boonex. And with the luck of Wile E. Coyote, I failed miserably. Realizing that if it can’t be found on Google then it doesn’t exist, I knew that it must be created. So began my foray.

One method I’ve found for altogether removing the dreaded drop down menu (which is so eager to be partially hidden by flash swf animations) is to edit the general.css file which resides within the /templates folder structure. In the default template, this file is /templates/tmpl_uni/css/general.css. Replacing the tmpl_uni name with the name of the current template should suffice to find it.

To remove, or hide, the drop down menu, simply find the line in general.css which looks something like this:

	.subMenu {
		background-image:url(../images/h_menu_bg.png);

And change it to something like this:

	.subMenu {
		visibility:hidden;
		/*background-image:url(../images/h_menu_bg.png);*/

Really, all that is needed is the visibility:hidden; but the /* and */ are used to comment out the loading of the drop down menu’s background image so that visitor’s browsers don’t waste time and energy downloading an image that won’t be used.

For ease of use, I herein offer an altered general.css file from the default tmpl_uni template.

File: general.css

[EDIT: November 9, 2008]

WARNING: Over time I came to learn that the drop-down menu is very much needed for many of the basic features for Dolphin. Though there are workarounds, it’s far less troublesome to just keep the drop-down menu as it is. I’ll be working on a new post today detailing the simple method of having Flash swf files blend with the HTML elements on the page, so that the drop-down menu isn’t hidden behind it.

Stuff » dolphin

Flash overlapping Javascript elements

Remove the drop down menu from the TopMenu in Boonex Dolphin