Accordion/tab combination problem in IE

I am attempting to use spry tabs inside spry accordion in
Dreamweaver. In any mozilla - based browser it works great, IE
won't hide the tabs when you select another accordion panel.
check out the link to see the problem:
http://www.kellywalsh.org/Untitled-1.html
works great in any browser except IE - any ideas?

Hi cyganski,
I've tested this scenario (almost all of it) by inserting an accordion on a blank page and by default works. Then I added a basic slideshow (actually two of them, see Ipsum 7 and Ipsum 8) and it seems to be working fine. You can see it here.
Let me know if this method provides the result you need to achieve. Investigating the code and errors on IE8 and I couldn't find any reason why the pannels won't expand...
Regards,
Cristian

Similar Messages

Firefox tabs combining

When I use Firefox I tend to open a lot of tabs. But when I go to close tabs they all go, except when I get down to three tabs and close the third tab, the remaining two tabs combine together so that only one of them is visible. To see the other tab I have to open another third tab. It is as though Firefox can display 1, 3 or more tabs but not 2. Anyone know why or how I stop it doing this?
''I have included the troubleshooting information although I have this problem on another computer running Firefox with different extensions installed''

Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]
* [[Troubleshooting plugins]]
If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
* Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
* Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

Accordion tabs w/panel sub-nav - default open issues

I have a spry accordion in a left sidebar, and I'm using it as navigation for a slideshow for a website I'm working on. Each of my 5 accordion tabs has a different category of slideshow, with each panel having multiple sub-navigation links that each link to a different slideshow which appears in the main part of the page (to the right of the sidebar). Say it's something like this:
VENUES (tab)
(start panel)
Bayside Restaurant (link)
Historic Ballroom (link)
Western Ranch (link)
(end panel)
ACTIVITIES (tab)
(start panel)
Surfing (link)
Dancing (link)
Horse back riding (link)
(end panel)
The sub-navigation to each slideshow is activated by simply clicking on the text, which I linked with the "point to file" link tool in the properties menu.
Ideally, I'd like to work with one template in Dreamweaver for all pages/slideshows I'm creating, but I'm running into a problem. I know how to change the default panel in the .js so that a different one appears open when a user first accesses the page, but I can't figure out how to get the default panel to change when the user clicks on a different panel and attempts to use the subnavigation. The subnavigation works just fine (it takes the user to the correct slideshow), but then the panel snaps shut instead of remaining open on the one the user selected.
(So, to further explain with the example above, say the user wanted to look at all the links in the "Venues" tab, but the default is to have the "Activities" tab open on arrival. The "Venues" tab opens just fine on the click, but as soon as the user clicks on, say "Bayside Restaurant," the correct slideshow appears to the right, but then the "Venues" tab snaps shut and the "Activities" tab and its sub-navigation appears open again. The user then has to click on the "Venues" tab again if s/he wants to see the other options and view a different slideshow, rather than simply being able to click on the next link.)
I tried making multiple templates, with different default panels open as a solution, but that's not working either. . .for some reason it keeps defaulting back.
Does this make sense? Are there any solutions to this problem? Any help would be much appreciated.
Thanks!
Rebekka

I think I found your problem. It lies in the Javascript:
<script language="JavaScript" type="text/javascript">
var indexAccordion = new Spry.Widget.Accordion("indexAccordion");
var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false });
</script>
You have essentially duplicated the code in order to accomodate the useFixedPanelHeights. Consolidate it into single one, and remove the duplicate:
<script language="JavaScript" type="text/javascript"> var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false }); </script>
IE might be having trouble understanding the double instances of the script and is ignoring the latter one. Just keep the latter one and it might fix it.
Also, thanks for the tip, but I use Chrome's Developer Tools... it just didn't cross my mind since I've been busy =)

Link to specific accordion tab from other page

Hi all, were working on a site that has recipes page.
there are few recipes and they are all within an accordion widget.
when you click on the title ie: Apple pie the tab opens and shows the info.
My question is : Is it possible to link to that specific accordion tab on the recipes page?
For example: on the apple page there is a link to the apple pie recipe (which is inside an accordion)
is that possible?
yd.

i meant.
if you have a page. and on that page there is an accordion with multiple tab (or panel or whatever they are called)
i would need to make link on another page that link straight to a specific opened tab in the accordion. like an anchor link on another page, but
have the accordion panel open instead.
understand
sorry for the lousy english.
yd.

Accordion tabs

Hai Adobe users,
I am using accordion container.Normally in accordion using selectedindex=0 then first tab willbe open...but i want initially,all accordion tab willbe open.. How is it possible..plz guide me...
Thanks & Regards,
Sivamurugan.A

It is only possible to open one tab initially. What do you mean is a component like the WindowShade of flexlib.
Link: http://flexlib.googlecode.com/svn/trunk/examples/WindowShade_Sample.swf
You have to use this component or to develop a custom component.

How to Disable Accordion Tab?

HI. My first visit here...
Is anyone knows how to disable all accordion tabs and be able
to open each next from inside previous.
I know there are some nice samples on how to programatically
open panels and tabs, but on the same time each of panels or tabs
can be open by simply clicking on it. I need to restrict user from
opening tab, unless info is entered inside previous tab content...
Any advice is appreciated.

This question has been asked before. Once again, you can NOT do this using pure java. This could be done in Windows using JNI and a keyboard hook or interfacing with the screensaver API perhaps.

Access Objects In Unselected Accordion Tab

im trying to gain access to text fields in tabs of a accordion that arnt currently selected by the user so that i can save/load them. is there a way to maybe set it so these objects are always accessible?

You should have access to the text fields on another accordion tab as long as they have ids, even though they are not selected. Tab selection should not be an issue.

Radio buttons inside Accordion tab?

So I upgraded to 1.6.1 and fixed my IE issues, but it broke
my radio buttons. On my page (
Here) I've
got radio buttons nested inside the accordion tabs. In the previous
version (1.4) everything worked fine, but after the upgrade they
don't stay checked when you click on them. Any ideas?
Thanks,
Rory

There is limited documentation on this, but you might want to use the table select phase listener.
You can see this in action in the following sample app: http://blogs.sun.com/roller/page/divas?entry=table_component_sample_project
You can read a bit about it here:
http://blogs.sun.com/roller/page/winston?entry=single_selectable_row_table_component

Drag and drop accordion tabs

Is it possible to drag and drop accordion tabs, so that I can
rearrange its children?

Hi,
Do you get any error message/code?
Based on your description, I would like to suggest you try the following to check the issue:
1. Run Internet Explorer Performance Troubleshooter.
The Internet Explorer Performance Troubleshooter is an automated tool which will check for any performance issues which are common with the Internet Explorer on the computer and provides the details on how to fix them. Follow these steps and run the troubleshooter.
a. Press “Windows Logo” + “W” keys from the keyboard.
b. Type “Troubleshooting” in the search bar and press “Enter”.
c. In the “Troubleshooting” window, click on “View All” on the left pane.
d. Click on “Internet Explorer Performance”.
e. Click on “Advanced” and then click on “Run as Administrator”.
f. Click “Next” and follow the on-screen instructions to complete the troubleshooting process.
2. Run IE with no add-ons. Click Start -> All Programs -> Accessories -> System Tools -> Internet Explorer (with no add-ons).
3. Reset Internet Explorer settings.
http://support.microsoft.com/kb/923737
Please understand that reset Internet Explorer to its default configuration. This step will also disable any add-ons, plug-ins, or toolbars that are installed.
4. Try to reinstall the IE 11 for a test.
How to reinstall or repair Internet Explorer in Windows 7, Windows Vista, and Windows XP
http://support.microsoft.com/kb/318378/en-us
If the issue still occurs, you may boot the computer in safe mode and check if that helps.
Advanced startup options (including safe mode):
http://windows.microsoft.com/en-US/windows7/Advanced-startup-options-including-safe-mode
Regards,
Blair Deng
We
are trying to better understand customer views on social support experience, so your participation in this
interview project would be greatly appreciated if you have time.
Thanks for helping make community forums a great place.

Accordion Tab without Submenu

Hello,
my Problem:
I need a menu with and without submenu.
Exapmle: (just a example)
Button "Home" without submenu, but "company" there are 2 submenus: "about" and "where to buy"
Now i make a new accordion menu and the first ("Home") button have to without submenu, but how?
When i delete at the one panel <div class="AccordionPanelContent"> and link the text in <div class="AccordionPanelTab2"> to an other site, the link is not working and the other open submenu is not closing.
Here a example which is not working:
<div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab2"><a href="main.html" target="main">Home</a></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Page 1</div>
          <div class="AccordionPanelContent"><a href="menu.html" target="main">Content 1</a></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Page 2</div>
          <div class="AccordionPanelContent">
          Content 2<br />
          Content 2.1
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab2"><a href="main.html" target="main">Page 3</a></div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Page 4</div>
          <div class="AccordionPanelContent">Content 4</div>
        </div>
      </div>
I want that when i click on the "Home" button the link site will open and the open submenu(s) get closed. an the same when i klick on "Page 3"
The link "Page 3" works perfectly.
The link in this example is not interest, just a sample.
I hope someone crack it.

You are right.
If i add one of those the panels don´t close.
When i click on a "normal" panel (with submenu) it add up, when i click it again it will close.
But not when i click for example at this (panel without submenu):
<div class="AccordionPanelTab"><a href="main.html" onclick="window.main.location = this.href; AccordionPanel.showPanel( -1 );
">News</a></div>
I think the answer is in the JS Script, so here it is:
var Spry;
if (!Spry) Spry = {};
if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.Accordion = function(element, opts)
    this.element = this.getElement(element);
    this.defaultPanel = 0;
    this.hoverClass = "AccordionPanelTabHover";
    this.openClass = "AccordionPanelOpen";
    this.closedClass = "AccordionPanelClosed";
    this.focusedClass = "AccordionFocused";
    this.enableAnimation = true;
    this.enableKeyboardNavigation = true;
    this.currentPanel = null;
    this.animator = null;
    this.hasFocus = null;
    this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
    this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
    this.useFixedPanelHeights = false;
    this.fixedPanelHeight = 0;
    Spry.Widget.Accordion.setOptions(this, opts, true);
    this.attachBehaviors();
Spry.Widget.Accordion.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
        return document.getElementById(ele);
    return ele;
Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
    if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
        return;
    ele.className += (ele.className ? " " : "") + className;
Spry.Widget.Accordion.prototype.removeClassName = function(ele, className)
    if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
        return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.Accordion.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
        return;
    for (var optionName in optionsObj)
        if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
            continue;
        obj[optionName] = optionsObj[optionName];
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(e, panel)
    if (panel)
        this.addClassName(this.getPanelTab(panel), this.hoverClass);
    return false;
Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(e, panel)
    if (panel)
        this.removeClassName(this.getPanelTab(panel), this.hoverClass);
    return false;
Spry.Widget.Accordion.prototype.openPanel = function(elementOrIndex)
    var panelA = this.currentPanel;
    var panelB;
    if (typeof elementOrIndex == "number")
        panelB = this.getPanels()[elementOrIndex];
    else
        panelB = this.getElement(elementOrIndex);
    if (!panelB || panelA == panelB)
        return null;
    var contentA = panelA ? this.getPanelContent(panelA) : null;
    var contentB = this.getPanelContent(panelB);
    if (!contentB)
        return null;
    if (this.useFixedPanelHeights && !this.fixedPanelHeight)
        this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
    if (this.enableAnimation)
        if (this.animator)
            this.animator.stop();
        this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration, fps: this.fps, transition: this.transition });
        this.animator.start();
    else
        if(contentA)
            contentA.style.display = "none";
            contentA.style.height = "0px";
        contentB.style.display = "block";
        contentB.style.height = this.useFixedPanelHeights ? this.fixedPanelHeight + "px" : "auto";
    if(panelA)
        this.removeClassName(panelA, this.openClass);
        this.addClassName(panelA, this.closedClass);
    this.removeClassName(panelB, this.closedClass);
    this.addClassName(panelB, this.openClass);
    this.currentPanel = panelB;
    return panelB;
Spry.Widget.Accordion.prototype.closePanel = function()
    // The accordion can only ever have one panel open at any
    // give time, so this method only closes the current panel.
    // If the accordion is in fixed panel heights mode, this
    // method does nothing.
    if (!this.useFixedPanelHeights && this.currentPanel)
        var panel = this.currentPanel;
        var content = this.getPanelContent(panel);
        if (content)
            if (this.enableAnimation)
                if (this.animator)
                    this.animator.stop();
                this.animator = new Spry.Widget.Accordion.PanelAnimator(this, null, { duration: this.duration, fps: this.fps, transition: this.transition });
                this.animator.start();
            else
                content.style.display = "none";
                content.style.height = "0px";
        this.removeClassName(panel, this.openClass);
        this.addClassName(panel, this.closedClass);
        this.currentPanel = null;
Spry.Widget.Accordion.prototype.openNextPanel = function()
    return this.openPanel(this.getCurrentPanelIndex() + 1);
Spry.Widget.Accordion.prototype.openPreviousPanel = function()
    return this.openPanel(this.getCurrentPanelIndex() - 1);
Spry.Widget.Accordion.prototype.openFirstPanel = function()
    return this.openPanel(0);
Spry.Widget.Accordion.prototype.openLastPanel = function()
    var panels = this.getPanels();
    return this.openPanel(panels[panels.length - 1]);
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;
    return false;
Spry.Widget.Accordion.prototype.onFocus = function(e)
    this.hasFocus = true;
    this.addClassName(this.element, this.focusedClass);
    return false;
Spry.Widget.Accordion.prototype.onBlur = function(e)
    this.hasFocus = false;
    this.removeClassName(this.element, this.focusedClass);
    return false;
Spry.Widget.Accordion.KEY_UP = 38;
Spry.Widget.Accordion.KEY_DOWN = 40;
Spry.Widget.Accordion.prototype.onKeyDown = function(e)
    var key = e.keyCode;
    if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
        return true;
    var panels = this.getPanels();
    if (!panels || panels.length < 1)
        return false;
    var currentPanel = this.currentPanel ? this.currentPanel : panels[0];
    var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling;
    while (nextPanel)
        if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
            break;
        nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
    if (nextPanel && currentPanel != nextPanel)
        this.openPanel(nextPanel);
    if (e.preventDefault) e.preventDefault();
    else e.returnValue = false;
    if (e.stopPropagation) e.stopPropagation();
    else e.cancelBubble = true;
    return false;
Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
    if (!panel)
        return;
    var tab = this.getPanelTab(panel);
    if (tab)
        var self = this;
        Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabClick(e, panel); }, false);
        Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(e, panel); }, false);
        Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false);
Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture)
    try
        if (element.addEventListener)
            element.addEventListener(eventType, handler, capture);
        else if (element.attachEvent)
            element.attachEvent("on" + eventType, handler);
    catch (e) {}
Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault)
    var content = this.getPanelContent(panel);
    if (isDefault)
        this.currentPanel = panel;
        this.removeClassName(panel, this.closedClass);
        this.addClassName(panel, this.openClass);
        // Attempt to set up the height of the default panel. We don't want to
        // do any dynamic panel height calculations here because our accordion
        // or one of its parent containers may be display:none.
        if (content)
            if (this.useFixedPanelHeights)
                // We are in fixed panel height mode and the user passed in
                // a panel height for us to use.
                if (this.fixedPanelHeight)
                    content.style.height = this.fixedPanelHeight + "px";
            else
                // We are in variable panel height mode, but since we can't
                // calculate the panel height here, we just set the height to
                // auto so that it expands to show all of its content.
                content.style.height = "auto";
    else
        this.removeClassName(panel, this.openClass);
        this.addClassName(panel, this.closedClass);
        if (content)
            content.style.height = "0px";
            content.style.display = "none";
    this.attachPanelHandlers(panel);
Spry.Widget.Accordion.prototype.attachBehaviors = function()
    var panels = this.getPanels();
    for (var i = 0; i < panels.length; i++)
        this.initPanel(panels[i], i == this.defaultPanel);
    // Advanced keyboard navigation requires the tabindex attribute
    // on the top-level element.
    this.enableKeyboardNavigation = (this.enableKeyboardNavigation && this.element.attributes.getNamedItem("tabindex"));
    if (this.enableKeyboardNavigation)
        var self = this;
        Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false);
        Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false);
        Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false);
Spry.Widget.Accordion.prototype.getPanels = function()
    return this.getElementChildren(this.element);
Spry.Widget.Accordion.prototype.getCurrentPanel = function()
    return this.currentPanel;
Spry.Widget.Accordion.prototype.getPanelIndex = function(panel)
    var panels = this.getPanels();
    for( var i = 0 ; i < panels.length; i++ )
        if( panel == panels[i] )
            return i;
    return -1;
Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function()
    return this.getPanelIndex(this.currentPanel);
Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
    if (!panel)
        return null;
    return this.getElementChildren(panel)[0];
Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
    if (!panel)
        return null;
    return this.getElementChildren(panel)[1];
Spry.Widget.Accordion.prototype.getElementChildren = function(element)
    var children = [];
    var child = element.firstChild;
    while (child)
        if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
            children.push(child);
        child = child.nextSibling;
    return children;
Spry.Widget.Accordion.prototype.focus = function()
    if (this.element && this.element.focus)
        this.element.focus();
Spry.Widget.Accordion.prototype.blur = function()
    if (this.element && this.element.blur)
        this.element.blur();
Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts)
    this.timer = null;
    this.interval = 0;
    this.fps = 60;
    this.duration = 500;
    this.startTime = 0;
    this.transition = Spry.Widget.Accordion.PanelAnimator.defaultTransition;
    this.onComplete = null;
    this.panel = panel;
    this.panelToOpen = accordion.getElement(panel);
    this.panelData = [];
    this.useFixedPanelHeights = accordion.useFixedPanelHeights;
    Spry.Widget.Accordion.setOptions(this, opts, true);
    this.interval = Math.floor(1000 / this.fps);
    // Set up the array of panels we want to animate.
    var panels = accordion.getPanels();
    for (var i = 0; i < panels.length; i++)
        var p = panels[i];
        var c = accordion.getPanelContent(p);
        if (c)
            var h = c.offsetHeight;
            if (h == undefined)
                h = 0;
            if (p == panel && h == 0)
                c.style.display = "block";
            if (p == panel || h > 0)
                var obj = new Object;
                obj.panel = p;
                obj.content = c;
                obj.fromHeight = h;
                obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0;
                obj.distance = obj.toHeight - obj.fromHeight;
                obj.overflow = c.style.overflow;
                this.panelData.push(obj);
                c.style.overflow = "hidden";
                c.style.height = h + "px";
Spry.Widget.Accordion.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
Spry.Widget.Accordion.PanelAnimator.prototype.start = function()
    var self = this;
    this.startTime = (new Date).getTime();
    this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.Accordion.PanelAnimator.prototype.stop = function()
    if (this.timer)
        clearTimeout(this.timer);
        // If we're killing the timer, restore the overflow
        // properties on the panels we were animating!
        for (i = 0; i < this.panelData.length; i++)
            obj = this.panelData[i];
            obj.content.style.overflow = obj.overflow;
    this.timer = null;
Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
    var curTime = (new Date).getTime();
    var elapsedTime = curTime - this.startTime;
    var i, obj;
    if (elapsedTime >= this.duration)
        for (i = 0; i < this.panelData.length; i++)
            obj = this.panelData[i];
            if (obj.panel != this.panel)
                obj.content.style.display = "none";
                obj.content.style.height = "0px";
            obj.content.style.overflow = obj.overflow;
            obj.content.style.height = (this.useFixedPanelHeights || obj.toHeight == 0) ? obj.toHeight + "px" : "auto";
        if (this.onComplete)
            this.onComplete();
        return;
    for (i = 0; i < this.panelData.length; i++)
        obj = this.panelData[i];
        var ht = this.transition(elapsedTime, obj.fromHeight, obj.distance, this.duration);
        obj.content.style.height = ((ht < 0) ? 0 : ht) + "px";
    var self = this;
    this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);

Accordion tab opens on SECOND clic (?)

spry version 1.6.1
url: http://www.lbwebmaster.it/operti/index.html
I have created an accordion navigation menu, and it works, but when one clics on a tab it only "opens" on the SECOND clic. Meaning one has to clic a tab two times to get to the content.
From there on, everything works fine all the time -- until a new page is opened. Then the problem reoccurs.
can anyone help me solve this ?

Hi, thanks a lot!
Actually it now works - I shifted to jQuery.
I republished last night.
This does not mean that Spry isn't good, but after so
many hours of trying to make it work (friends contacted
all had the same "second clic" problem when trying to
open the menu, on different computers and with
different browsers) I just went another road.
jQuery, for people like me, with no background at all,
seems simpler to understand and handle, and that helped
a lot.
But really, thank you so much for caring!
I think the positioning of the menu now should be
right?
It does stay in the header part, and that is meant. At
some point it was not in the exact desired position,
but now it seems to be right. At least in the
home-page.
Today I will check the entire site, after a lot of
shifts and changes in the templates...
I'm new to all this, I'm only a graphics designer who
had to turn coder overnight, because my supplier gave
up on the JavaScript & css tech problems with my
desired effects.
Not that I find it overly demanding to want an
accordion and a couple of slideshows... but we are in
Italy, this is a country where websites mainly have
broken links, unworkable pages, "pages not yet done",
"we'll be there soon"-pages for years on end, and no
response on emails sent to the sites.
Demanding pure css with some javascript evidently was
too much.
There's a lot of road to cover. Big sites of course
work, but the standards used in the US and generally
are not met here, at ground-level.
But when this website is up and correct I will surely
start studying css from scratch, learn to do my sites
by myself,
and get som grounding in implementing JavaScript.
But for now, I just needed something to work, fast and
immediately
Do well!
linda

Accordion tabs flash open on page load

My accordion is set to load with no panels open. But when the
page loads all panels remain open until everything from the page is
downloaded, then they close as they're supposed to. Is there a way
to keep them closed the whole time until a tab is clicked?
Thanks!

This is great! Thank you so much! The widget is working
beautifully now with cookies enabled. I don't really have any idea
how it works, but it does!
The only problem now, that I didn't notice before I made
these last changes, adding the cookies effect, updating to v1.6.1,
and adding onDOMReady, and onDOMUtils.js, is that when I click a
link to a new page within the site that the browser hasn't loaded
yet (if I clear the cache first, then browse around), then every
new page flashes my default background color across the entire
screen before letting me see the new content. Once the pages have
been loaded and are in the cache, then I can navigate through them
nicely with only the main content area changing, rather than the
whole page. Is it possible to make it so that when new links are
clicked, the side and top navigation areas, which are the same on
all pages, stay visible while the new content is loaded?
Thanks again for your help!

Accordion panel "blank" in IE6; shows on accordion tab hover

this is a weird one. I'm using Spry1.5 accordion with 3
panels. The accordion panels themselves each contain a form and
some tables and whatnot. the markup appears to be valid.
Everything works fine in firefox. but in IE 6, i get this
behavior: the panels open properly and all that, but the div itself
is "blank", meaning none of the content shows up. However, when I
hover over any of the panel tabs, the content appears.
I'm at a loss. Has anyone else ever experienced anything like
this and, if so, how do you work around it?
It's hard for me to post code because this is in an internal
site, and also there's all kind of other js and css being brought
into the page. i'm trying to extract all of it so that i can put it
online somewhere, but it's taking me some time.
thanks so much.
Marc Esher

It seems that this behavior can be caused by multiple
factors. Several of the solutions suggested by others didn't help
me. In my case, I discovered that the problem could be solved by
turning off panel animation. In order to keep the animation in
non-MS browsers, I trap for IE and append the proper code if
necessary,in PHP:
(This code also uses the $accOpen variable (set elsewhere) to
specify which panel to open when the page loads. Obviously, you can
remove this if you don't need it.)
quote:
// Trap for Internet Explorer, because animation screws up
the display
$ua = $_SERVER['HTTP_USER_AGENT'];
$ie = "";
if(preg_match("/MSIE/", strtoupper($ua)))
$ie = ", enableAnimation: false";
?>
<script type="text/javascript">

</script>
I hope this helps.
Regards,
Bill Krauss

Using Spry Accordion as menu problem

I am using the Spry Accordion widget as a menu/table of contents in a website and have encountered an issue that needs customization that I cannot seem to find anywhere.
Here is the link: http://2ndlookgraphics.com/slProfile/index.html
I have placed the menu in an iframe with links pointing to "parent" which seems to work well.
My problem is that whenever a link is clicked in any other than the first panel the menu reverts to the opening stance with te first panel open.
I would like, if possible to have the the panel that is currently being accessed to stay open until another tab is opened.
If this is not possible it would be best if the first panel were initially closed and if the accordian effect would initiate on hover rather than click.
I am using a "Fluid Grid" responsive layout but that does not seem to be affecting this issue.
I would appreciate some advice on this please.

All panels closed -
<script type="text/javascript">

</script>
More here:
http://adobe.github.io/Spry/articles/data_api/apis/accordion.html

10.6.8 update combined - problems installing

Hi all,
Currently having huge problems installing this update on my mac, have been trying for a couple of days now to get this machine back up and running again after I was told by the genius bar 2 years ago that after them spending nearly 900 pounds on new parts, that they "had no idea what the problem was, but could be something to do with the logic board". I finally decided to sell it, but as a parts and repair it will get £100 and fully working it could get a bit more, so it's in my interest to get it up and running again.
I am by no means a computer expert, but I know a few things and can normally sort problems out by just simply using search, but alas I have finally been beaten, and have come here to ask for some assistance.
After re-installing my macbook pro 3,1 (mid 2007) with it's original 10.4 tiger software probably 5 times before it worked, then moving on to 10.6 snow leopard which also took a couple of attempts, I am now completely stuck with no way to get this machine up to 10.6.8, so that I can make the jump to mountain lion. The software update program is either an absolute heap of dung, or my computer just won't have any of it. I have tried multiple solutions which I will list below:
Using software update to install the 10.6.8 combined update - Failed
Downloading the 10.6.8 combined update from apple support downloads - Failed
Deleting the library/preferencecom.apple.softwareupdate etc. files - Still software update Failed
Downloading 10.6.1 update and installing - Success after a few attempts
Downloading 10.6.8 combined and trying again - Failed
Downloading 10.6.2 update and installing - Failed
Now this is where I am at. I have downloaded these files both on the macbook pro itself, and on my windows laptop - then transfering them across. I have never been more frustrated at a computer in my entire life, and am about 20 minutes away from throwing this laptop out of the window onto a poor bystander below. If anyone has any solution - (and don't say reformat and reinstall the OS - I've already tried that), then it would be greatly appreciated!
I'll post the console message from my last install of just the 10.6.8 combined upate (without using software update) and if someone on here who can make sense of these messages can see a problem or offer a solution, then that would also be greatly appreciated, thanks!
Console message after attempted install:
06/03/2013 13:53:17        com.apple.ocspd[185]   dyld: shared cached file was build against a different libSystem.dylib, ignoring cache
06/03/2013 13:53:25 Installer[182]      <ZeroSliderSplitView: 0x106dc2c70>: the delegate <TargetSelectPage: 0x106d6d9a0> was sent -splitView:resizeSubviewsWithOldSize: and left the subview frames in an inconsistent state:
06/03/2013 13:53:25 Installer[182]      Split view bounds: {{0, 0}, {402, 104}}
06/03/2013 13:53:25 Installer[182]          Subview frame: {{0, 0}, {0, 32}}
06/03/2013 13:53:25 Installer[182]          Subview frame: {{0, 0}, {402, 104}}
06/03/2013 13:53:25 Installer[182]      The outer edges of the subview frames are supposed to line up with the split view's bounds' edges. NSSplitView is working around the problem, perhaps at the cost of more redrawing. (This message is only logged once per NSSplitView.)
06/03/2013 13:53:27 [0x0-0x17017].com.apple.installer[182]       dyld: shared cached file was build against a different libSystem.dylib, ignoring cache
06/03/2013 13:53:37 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Console"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.NetworkUtility"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.dashboardlauncher"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.frontrowlauncher"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.exposelauncher"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.QuickTimePlayerX"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.spaceslauncher"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.appstore"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.backup.launcher"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.BluetoothFileExchange"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.PodcastCapture"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.keychainaccess"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.PhotoBooth"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.VoiceOverUtility"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Safari"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Safari"></bundle>
06/03/2013 13:53:38 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.remoteinstallmacosx"></bundle>
06/03/2013 13:53:38 com.apple.installd[198]      dyld: shared cached file was build against a different libSystem.dylib, ignoring cache
06/03/2013 13:53:50 com.apple.coreservicesd[50]      dyld: shared cached file was build against a different libSystem.dylib, ignoring cache
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.dashboardlauncher"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.frontrowlauncher"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.exposelauncher"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.QuickTimePlayerX"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.spaceslauncher"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.appstore"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.backup.launcher"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.BluetoothFileExchange"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.PodcastCapture"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.keychainaccess"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.PhotoBooth"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.VoiceOverUtility"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Safari"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Safari"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.Console"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.remoteinstallmacosx"></bundle>
06/03/2013 13:53:57 Installer[182]      PackageKit: Missing bundle path, skipping: <bundle id="com.apple.NetworkUtility"></bundle>
06/03/2013 13:53:57 Installer[182]      The Installer encountered an error that caused the installation to fail. Contact the software manufacturer for assistance.

There really shouldn't be any problem downloading that combo update unless you've got a very slow or flaky connection. And Windows doesn't play as well with Mac files as the Mac does with Windows files; who knows what Windows might have done to the update's file integrity.
You might also try downloading the file using another browser such as Firefox. And when you have the updater, reboot into Safe Mode and then run the updater. That way you can be sure there isn't third party software somehow interfering with the update while it's tinkering with the guts of OS X.

Accordion/tab combination problem in IE

Similar Messages

Maybe you are looking for