Hi guys,

Ive developed a skinobject for my containers which basically just prints the title of the container to the screen with no formatting. So, Ive built a small flash movie which takes this value as a variable, and prints it in the correct font/colors for my clients sites. It works well.

My current client wished to have their site 100% iphone compatible, which means alternative content for Flash. No problem, havent dont this in a while, but knew its perfectly doable after some reading.

I stumbled across alot of tutorials and articles which reference SWFObject, a javascript which checks for flash, and displays content appropriately.

Anyway, this script needs to be called for each instant explicitly. The javascript/HTML looks like this...

Firstly, here is the link to the script file, and the call to it to assess the object with that id...

<script type="text/javascript" src="/Portals/_default/Containers/Merlo/swfobject.js"></script>
<script type="text/javascript"> swfobject.registerObject("myFlashContent", "8"); </script>

This is the body HTML..

<div>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="33" id="myFlashContent">
                <param name="movie" value="/Portals/_default/Containers/Merlo/White Title.swf?thisTitle=<dnn:RTITLE runat="server" id="dnnTITLE2" />" />
                <param name="quality" value="high" />
                <param name="wmode" value="transparent" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="/Portals/_default/Containers/Merlo/White Title.swf?thisTitle=<dnn:LTITLE runat="server" id="dnnTITLE" />" width="100%" height="33" wmode="transparent">
                <!--<![endif]-->
                <span style="color:#FFF; font-family:'Futura', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 34px;"><dnn:TTITLE runat="server" id="dnnTTITLE" /></span>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </div>

So, at the moment, if I have more than 1 container on the page, then I have 2 instances of the object with the id "myFlashContent", and hence, it doesnt work.

I thought of trying to use the same skinobject I used to pass the title of the module in plan text through to both the JS call, and the object ID - but that threw up some seriously screwey errors.

Anyone else have any suggestions on how to do this?

Thanks!!