Spry Accordion and SWF

Hello,
I've made a spry accordion in DW4. I have 4 swf inserted into it with preload.
On Safari, when I click on each tab, everything works great... the SWFs display fine... But when I click once again on the second tab, for example... I have a white rectangle... I have to "play" with the tabs to display my swf...
Do you have any idea ?
Thanks for your help !

Yes... my site is "online" (index of/)... It's not quite finished... I have several things to do !
http://figueline.free.fr

Similar Messages

Spry accordion and #wrapper issue

Hi
I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.
Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.
Your help with this is greatly appreciated!
Regards
John

Thanks ben, I initially thought if I left the height of my wrapper blank and also the height of the spry content blank they would expand as more information was entered? Is there possibly and issue with CSS hierarchy?
Thanks again for your help!!
John

SPRY accordion and tabs not displaying in IE6

Hi everyone:
Even after clearing up some validation errors in my HTML, I
am experiencing issues with a SPRY accordion and another page with
a Tabbed SPRY widget not appearing in IE6. The pages all work fine
in IE7, Firefox and Safari. I would greatly appreciate anyone
taking a look (link below) and letting me know if you see any
errors or know of a bug I have not found the fix for. My CSS
validates 100% so I don't think I have made any style sheet errors.
Thanks very much.
www.ducksroofing.com
K.

Hi all:
After some more tinkering, I have discovered the real issue
is that my containing element is not containing the entire page and
therefore cutting off my SPRY elements on the pages which have
them. This is causing the SPRY widgets to fall apart and, of
course, for the page to only scroll partially down.
Does anyone have a suggestion as to why the SPRY tabbed
element and accordion element on my pages is not nesting within
document flow and remaining with the containing div? I appreciate
your help.
Once again, url is: www.ducksroofing.com
K.

Spry Accordion and jQuery UI Accordion for Widget Browser

I have Dreamweaver CS5 and used the spry accordion for a left menu. I then used the widget browser and added jQuery UI accordion. But there appears to be a conflict in that the spry accordion is not displaying the white font on hover, instead using the gray font from the jQuery UI accordion.
This may be a duplicate post, I asked this question on another section of this site, if so, I do apologize. Any help is greatly appreciated.
The page sample is
http://www.sbcvote.us/registrar/2006_form460.htm
Thanks to all,

In SpryAccordion.css you are telling the Spry Accordion to do exactly that.
Have a look at lines 97 and 100 where the colour is set to #555555
Gramps

Spry Accordion and Flash Gallery

I am trying to insert a Flash photo gallery (created in Adobe Bridge) into one of the accordion panels of a Spry Accordion widget. When I use the widget 'out of the box', the gallery displays, but the set content height cuts off a third of it, including the navigation: http://twwwg.com/Pages/bogott/index3.html. When I set the constructor to allow variable panel heights, one problem goes away but the gallery does not display. http://twwwg.com/Pages/bogott/index2.html. The only difference is the addition of the option in the constructor call. Does anyone have an idea what is going wrong? Thanks. don Carlos.

Well, I solved this one myself. One of the posts on the sidebar resembled my issue sufficiently that I tried it. I pulled all the Flash code from the page and used the <object data> call. Worked like a charm. http://twwwg.com/Pages/bogott/index4.html

Spry Accordion and Firefox (dotted border)

How to get rid of this border?
It shows up after clicking in the accordion (wheater title or
content) and outlines the whole accordion.
This problem is only in Firefox and makes the whole accordion
unpleasent to look at. I would like to know if there's a workaround
for this problem. I already tried some css editing, once even
tested removing all borders on all according elements -
nothing.

That's cause of tabindex="0" if you don't want them then
change this:
<div id="Accordion1" class="Accordion" tabindex="0">
to this:
<div id="Accordion1" class="Accordion">

Spry Accordions and Contribute

I'm curious of something.. been trying to search for anyone
who has a similar problem and can't seem to find an answer..
I've recently built a site using the DW CS3 Spry Accordion,
and the client is updating the file with Contribute CS3. They can
get in and edit the files just fine (contribute expands the
accordions so the content is editable), but when they 'publish' the
file the accordion stays expanded. The data in the accordions are
quite lengthy, so it's pretty necessary they collapse again.
Anyone else see this with the Spry stuff? I've had clients
update the Spry Tabbed menus with the same version of Contribute,
and everything works just fine. This one is a mystery!
I have version 1.6.1 of Spry. The editing file in question is
standard CSS/XHTML.
Any advice/help would be great! Thank you!
-s

Think I found the bug.. It's actually a combo of the footer
script between the Accordion and Google's Analytics script:
Link
to Article

Spry accordion with php mysql as data

Hello
I`m trying to create a spry accordion where the Labels are pulled from a mysql database table and the Content of that label is pulled from data in the same database. I tried adding first the spry accordion and then created 1 recordset for the labels and a second recordset for the content , then I added a repeat region for the labels DIV and inside this div I added a repeat region for the content.
Unfortunatly when viewed in the browsers the accordion doesn`t work.
Can anyone look at the code and tell me where is the mistake.
Thanks
<?php require_once('Connections/log.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);
$mhour_log_mon = "0";
if (isset($row_log_year['yy'])) {
$mhour_log_mon = $row_log_year['yy'];
mysql_select_db($database_log, $log);
$query_log_mon = sprintf("SELECT DISTINCT DATE_FORMAT(`23849`.acoff, '%%M') AS mon , DATE_FORMAT(`23849`.acoff, '%%m') AS m , sum(`23849`.ablock) as toth FROM `23849` WHERE YEAR(`23849`.acoff) = %s GROUP BY m ORDER BY m ", GetSQLValueString($mhour_log_mon, "int"));
$log_mon = mysql_query($query_log_mon, $log) or die(mysql_error());
$row_log_mon = mysql_fetch_assoc($log_mon);
$totalRows_log_mon = mysql_num_rows($log_mon);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing ajax php mysql</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <?php do { ?>
      <div class="AccordionPanelTab"><?php echo $row_log_year['yy']; ?></div>
      <?php } while ($row_log_year = mysql_fetch_assoc($log_year)); ?>
<div class="AccordionPanelContent">
<table width="100%" border="0" cellspacing="5" cellpadding="5">
    <?php do { ?>
      <tr>
        <td><?php echo $row_log_mon['mon']; ?></td>
        <td><?php echo $row_log_mon['toth']; ?></td>
      </tr>
      <?php } while ($row_log_mon = mysql_fetch_assoc($log_mon)); ?>
</table>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
<?php
mysql_free_result($log_year);
mysql_free_result($log_mon);
?>

You only have 1 "AccordianPanel" which contains a list of "AccordianPanelTab" elements, then a list of "AccordianPanelContent" elements.
You need to have a list of "AccordianPanel" elements, each containing a pair or "AccordianPanelTab" and "AccordianPanelContent" elements.
HTH,
Randy

Spry Accordion first tab

Hi, I am working on a Spry Accordion and I was wondering if it was possible to select which tab would be open when the website loads?

var acc1 = new Spry.Widget.Accordion("Acc1", { defaultPanel: -1 });

Spry Accordion No Highlight Upon Selection

Im working with the spry accordion and when ever i click on a tab the entire outline of the accordion gets highlighted in blue (ie,chrome) or gets a marquee kind of selection around entire outside ( firefox ) is there a way to turn this off so it just works like a normal element?

is there a way to turn this off so it just works like a normal element?
Yes there is - you check and modify the respective CSS rules for borders and outlines.
Mylenium

Spry Accordion Panels - Individual Colors

Hi and Thanks in advance.
How do I go about individually coloring each panel in Spry Accordion Widget. I check the CSS but it seems to be directed at the "whole" Spry Accordion and I would like each panel to have a different color. Is that possible?
Regards
Glen

Certainly. Apply a unique ID to each panel in the accordion and set a color for each in the CSS file:
This is what I added to the css file:
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: 200px;
.AccordionPanelContent#content1 {
    background-color: red;
.AccordionPanelContent#content2 {
    background-color: yellow;
And this is what the html now looks like:
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent" id="content1">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent" id="content2">Content 2</div>
</div>
</div>
You can do the same with the tabs. If you apply the IDs to the div class="AccordionPanel", you will also affect the tabs. In that case, leave off the .AccordionPanelContent in the style selector and insert .AccordionPanel#content1, for example.
Beth

Spry accordion has extra phantom tabs

In this template, I added extra tabs to the left hand navigation by just copying and pasting the code for the original tabs.
Then I noticed there were extra tabs in the accordion also, which don't work.
Looking at the code, I see that the navigation tabs seem to reside within the spry asset code . . . did I foul up the accordion by adding extra navigation tabs to the left hand column?
Here's the page: http://asptfacultycaucus.info/
I'm looking at the code but can't see anything that would cause these extra accordion tabs . . . (but I've also never used a spry asset accordion before)!
Help help,
Pamela

Thank you everyone for all of the suggestions. Just as an update, after posting a plea for help I found myself still wanting to work, so downloaded a fresh template (again, this is like the 4th time) and started from scratch. I went through each step I'd gone through to make corrections. Several times I recreated the same problems I'd encountered before that had to be resolved with other answers from questions I'd asked in the DW forums. Several times I created new problems, and actually had to delete a file and replace it with the same file from the original template and start over.
So right now, I do have my .css linked. I think what happened was: I wanted to test out a change I'd made to the template. I thought I would save it with a new name, so the original, still-functioning template would remain unchanged. When I saved it with a new name I was asked if I wished to update the links. I said "no," thinking all pages from the site based on the original template would otherwise be linked to this new one. What actually happened (I think) is that the new file was no longer linked to any of the stylesheets, accordion stylesheets, etc., so therefore there was no formatting at all.
I'm still suffering with how to make changes to the text of the spry accordion, and have experimented with various strategies for that as well. I've explained those and asked for help in another topic, which is: "changing text in spry accordion" -- I hope you all will help me with this one!
Here is the page as it stands so far: http://asptfacultycaucus.info/#
Thanks so much,
Pamela H

Curious about the Spry Accordion widget?

Adobe is looking for participants for a brief (~1 hour) work observation and interview. Participants must meet the following criteria:
Dreamweaver CS4 user (beginner to advanced -- no CS3 users please)
Curious about Spry, but have never used Spry widget features in Dreamweaver
You know what an Accordion widget is from other sites, but have never inserted or edited one in Dreamweaver
Familiar with CSS styling and how it works
We are offering a small incentive to those willing to help us complete this study.
If you meet these requirements and would like to participate, please contact me at [email protected]
In your email, please confirm that you are a Dreamweaver CS4 user, that you have never inserted a Spry Accordion, and that you are comfortable working with and editing CSS.
Thanks!

I added an accordion widget and it works on one site page while same code won't work on another page.
It works here: http://dev.triptocollege.org/educator/Things-I-Should-Be-Doing-Now/K-5th-Grades.aspx
Does not work here: http://dev.triptocollege.org/educator/Things-I-Should-Be-Doing-Now.aspx
Yet both pages have identical code (with absolute links to the CSS and JS files).
Can anyone shed some light on a solution?

Spry Accordion problem using URLutilis

Hi, I'm using a spry accordion and have the 3rd panel opening as default.
I'm now trying to use URLutilis to open a specific accordion panel from another html page,
but as soon as I amend the target page code, all the panels of my accordion default to open.
This is the code I'm using in the head:
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
</script>
This is the code I'm using in the body:
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 1});
I still have SpryAccordion.js set as:
this.defaultPanel = 2;
Could someone let me know where I'm going wrong and why all panels are now open?
Cheers,
Andy

Since the answer to your question requires some knowledge of Spry, you might want to post it in the Spry forum. Be prepared to post a URL to the problem page, if asked.
Mark A. Boyd
Keep-On-Learnin' :-)

Spry Accordion - Tabs open and then close after page loads

I am using a Spry Accordion menu driven from a database.
The menu opens up during the page load and then closes.
I'm using SpryAccordion.js 1.6.1
And to open a preset tab, I'm using:
<script type="text/javascript">

</script>
But, all of the tabs open and then close on page load.
My page:   http://www.texashotjobs.us/00C01.aspx
Any fix for this??
Thanks, Ron

Well to both thanks. Actually I wasn't disappointed as I had a two part question...
I tested the 1.6 JS and remembered that I had to modify the 1.4 so that tabs actually would link. So I reverted back to 1.4.
So, going to 1.6 fixed the open panel on load but "unfixed" the panel tab from linking.....
So changing this in the 1.6 js fixed the link issue as well:
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
    if (panel != this.currentPanel)
        this.openPanel(panel);
    else
        this.closePanel();
    if (this.enableKeyboardNavigation)
        this.focus();
//    if (e.preventDefault) e.preventDefault();
//    else e.returnValue = false;
//    if (e.stopPropagation) e.stopPropagation();
//    else e.cancelBubble = true;
I t appears everything is working........
Thanks, Ron Gaddis
Visual Reality Productions

Spry Accordion and SWF

Similar Messages

Maybe you are looking for