I'm trying to place a CSS Image Gallery inside the content area of Dreamweaver Tabbed Panel. It works in Firefox on the Mac, but in IE 6.5 and 7, it doesn't rotate, and there is an error message at the bottom of the page saying "Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus"

It works if I define the panel that the Gallery is on to be the first panel showing when you get to that page, but I would like another panel to be the first showing on that page.

Any ideas?

Hi Greg,

Just tested this on IE 7 and it appears to be ok. I've placed the gallery in Tab2. Tab1 is first visible on.
I'm pasting my code hope it will help you:
<pre id=code><font face=courier size=2 id=code>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="ScriptLibrary/jquery-latest.pack.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="ScriptLibrary/jquery.mousewheel.pack.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="ScriptLibrary/dmxgallery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="styles/dmxgallery.css" rel="stylesheet" type="text/css" /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="TabbedPanels1" class="TabbedPanels"&gt;
&lt;ul class="TabbedPanelsTabGroup"&gt;
&lt;li class="TabbedPanelsTab" tabindex="0"&gt;Tab 1&lt;/li&gt;
&lt;li class="TabbedPanelsTab" tabindex="0"&gt;Tab 2&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="TabbedPanelsContentGroup"&gt;
&lt;div class="TabbedPanelsContent"&gt;
&lt;p&gt;CSS Image Gallery is placed in nex TAB&lt;/p&gt;
&lt;p&gt;please go there ! -&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="TabbedPanelsContent"&gt;
&lt;div class="dmxGallery" id="cssGallery1"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;img src="images/200029004.jpg" width="200" height="140" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/200029004_alabala.jpg" width="150" height="105" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00696.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00696_alabala.jpg" width="150" height="113" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00830.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00832.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00832_alabala.jpg" width="150" height="113" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00850.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00850_alabala.jpg" width="150" height="113" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00853.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00853_alabala.jpg" width="150" height="113" class="image" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/DSC00853_MED.jpg" width="200" height="150" class="image" alt="" /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="dmxThumbList" id="cssGallery1_thumb"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;img src="images/thumbs/200029004.jpg" width="200" height="140" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/200029004_alabala.jpg" width="150" height="105" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00696.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00696_alabala.jpg" width="150" height="113" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00830.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00832.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00832_alabala.jpg" width="150" height="113" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00850.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00850_alabala.jpg" width="150" height="113" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00853.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00853_alabala.jpg" width="150" height="113" alt="" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/thumbs/DSC00853_MED.jpg" width="200" height="150" alt="" /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
// &lt;![CDATA[
jQuery(document).ready(
function()
{
jQuery("#cssGallery1".dmxGallery(
{
width: 305,
height: 140,
thumbWidth: 95,
thumbHeight: 80,
thumbPadding: 5,
thumbHolderHeight: 80,
thumbHolderPosition: 'right',
thumbShowOnHover: false,
captionPosition: 'top',
playerDelay: 3,
autoPlay: false,
autosize: true,
captionOpacity: 40,
imgIndex: 0,
preloadTreshold: 2,
currentImage: 0
}
);
}
);
// ]]&gt;
&lt;/script&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
&lt;!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1";
//--&gt;
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</font id=code></pre id=code>

Regards,


M.Zografski

-----------------------------------
DMXZone.com Support Team
-----------------------------------

Here's my link to see it with the error: dev.westraindustries.com/westwall/

If I select the photos tab to be the first tab visible, there is no error. I can't determine where the code is that controls which tab is initially selected.

Thanks.

Hi Greg,

It's IE issue with focus. It can't give focus on hidden controls. So far I'm looking for a workaround, but the first one that came on was to create
custom buttons for CSS image gallery - transparent one - and replace the original ones. That way the controls will not be visible, but the IE will
be able to give them focus.

Regards,


M.Zografski

-----------------------------------
DMXZone.com Support Team
-----------------------------------