Accordion tab margin in IE7

My accordion looks fine in all browsers except IE7.
http://www.ferraripartsexchange.com
I click the tabs, IE7 adds a slight background-colored margin
to the bottom of each tab.
It doesn't look all that bad, really, but I would like to get
rid of it.
Any ideas?
If you know a piece of code that makes it work properly,
please tell me exactly where to put the code.
Thanks!
Greg

You're clicking on the downward pointing arrow at the end of the QuickTime controller?
This is supposed to open a dialog window that shows the installed version of the QuickTime browser plug-in. Don't know why it crashes IE for you. It doesn't happen on my PC using IE 7 and XP.

Similar Messages

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 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 =)

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.

Spry Accordion issue in IE6/IE7

I'm having a problem with the Spry Accordion widget that I
placed on this page:
WireCare Customer
Support
It works flawlessly in Firefox, but the tab expansion is
erratic in IE 6 and IE7.
If anyone has a solution, I'd love to hear it.
Thanks in advance.
Ken
Edit to add:
I'm using CS3 with the version of Spry that installed with
the original software. I don't know if that's the latest version,
or if the new version has a fix for this problem. I'll upgrade to
the latest Spry version and hope that helps.
K
Edit 2:
I am using the latest version of Spry, so it may not be a
version issue.
K

Found the problem.
The solution was in a previous post on a similar subject.
I added a DOCTYPE declaration to the page, and it works much
smoother now. Not as nice as in Firefox, but acceptable.
Ken

Disable Accordion Keyboard Navigation in IE7

I have an accordion widget that I don't want to have keyboard
access for since that changes the appearance when it's active. I've
made sure that the accordion does not have a "tabIndex" attribute
and this seems to work to disable the keyboard navigation in
Firefox and Safari. IE7 is still providing keyboard access,
however, and when the accordion is active all the panel tabs turn
blue. Any ideas on how to fix this?

Ok, well I figured out that the easier solution is to just
change the CSS styles for:
.AccordionFocused .AccordionPanelTab
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab
to not be blue when the accordion has focus.

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

About quicktime plug in "tab" freezes in IE7?

http://www.apple.com/trailers/independent/risebloodhunter/trailer/
Can someone tell me if when clicking on the about quicktime plug in tab it freezes in IE7?
On my computer it always freezes in IE7.
This happends on Windowes Vista with Quicktime 7.1.6
Apple needs to fix this ASAP!

You're clicking on the downward pointing arrow at the end of the QuickTime controller?
This is supposed to open a dialog window that shows the installed version of the QuickTime browser plug-in. Don't know why it crashes IE for you. It doesn't happen on my PC using IE 7 and XP.

Spry Accordion not working in IE7 and IE6

My spry accordion is working great in Chrome, Safari, Firefox, and IE8, but not in IE7 or 6. The panels are expanded and not hiding.
The site is www.christendom.edu/n. It is there on the left. I am using Spry 1.6 and have googled this question to the ends of the internet and can't figure out why.
Please help!

Remove the offending comma (marked in red)
var Accordion1 = new Spry.Widget.Accordion("LeftMenu", {useFixedPanelHeights: false, defaultPanel: -1, duration: 250, fps: 90, });
FYI, you do have other problems with your code which is made evident by the yellow triangle in the left bottom corner of IE.
I hope this helps.
Ben

Accordion tabs need to stay open

I'm using an accordion widget for my navigation area at my
wife's site, paxbaby.com. I would like to set the javascript so
that instead of defaulting to all-panels-closed on each loaded
page, it rather keeps open the panel that was open on the previous
page. For instance, if I open panel 3 and click link B, then when I
get to page B, I would like panel 3 to still be open so I can
quickly navigate to page A or C without having to open up the panel
again. I know even less about javascript than I do html, so could
someone help?
Thanks!!

You have to add a little piece of code into each page to make
this happen.
At the bottom of each page you should have a constructor that
creates the accordion. It looks like this.
<script type="text/javascript">

</script>
The default for Accordion is to open the top most tab first
but you can tell it here that you want a different tab to start
with by adding in the argument for default panel.
like this:
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:0});
0 is the first tab so the above line will not change
anything.
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:1});
This will make it default to the second tab
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:2});
This will make it default to the third tab... and so on.
So you have to go to Page B and change this:
<script type="text/javascript">

</script>
To be this: (assuming page B is the second tab)
<script type="text/javascript">

</script>
You can check out all the options you can set here
http://labs.adobe.com/technologies/spry/articles/data_api/index.html
You will see "Accordion" in the side there. Click it and you
will see all the available options.

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

Accordion tab margin in IE7

Similar Messages

Maybe you are looking for