Accordion not working
I have an accordian here...
http://www.healthinsurancecolorado.net/hsa.html
It has been working for a few months now, but has stopped.
I'm always working on the site, so I may have made a css change or
something - but I just can't figure it out. It doesn't work in
either IE or FF. Can anybody tell what the problem is?
Hi,
Your accordion constructor script is missing.
Might it have something to do with the 2 errors that the
google scripts are throwing? A copy and paste gone bad?
Similar Messages
-
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 -
Spry Accordion not working in AIR
Hi,
I'm trying to make an AIR application using HTML/CSS/Javascript and Spry.
I have an xml dataset populating a spry accordion panel widget. Everything works perfectly in the browser but when I preview it in Adobe AIR, there is no accordion functionality;
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Dionne Lie-Sam-Foek" />
<title>TV Show Manager</title>
<link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_Assets/frameworks/AIRAliases.js"></script>
<script type="text/javascript" src="_Assets/javascript/functions.js"></script>
<script src="_Assets/spry/xpath.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryData.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
var dsSeasons = new Spry.Data.XMLDataSet("http://www.tvrage.com/feeds/episode_list.php?sid=3908", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
dsSeasons.setColumnType("@no", "number");
var observer = { onPostUpdate: function(notifier, data) { var acc = new Spry.Widget.Accordion('accordion', { useFixedPanelHeights: false, duartion: 300 }); }};
Spry.Data.Region.addObserver('accordion', observer);
</script>
<link href="_Assets/spry/SpryAccordion.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="main">
<h1>TV Show Title</h1>
<div id="showInfo" spry:region="dsSeasons dsEpisodes" class="SpryHiddenRegion">
<h2>Episode List</h2>
<div id="accordion" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsSeasons">
<h3 class="AccordionPanelTab">Season {@no}</h3>
<div class="AccordionPanelContent">
<table spry:repeatchildren="dsEpisodes">
<tr class="{dsEpisodes::ds_EvenOddRow}">
<td><input name="seen" type="checkbox" value="1" /></td>
<td>{function::seasonnr}<span class="ex">x</span>{dsEpisodes::seasonnum}</td>
<td>{function::airdate}</td>
<td><a href="{dsEpisodes::link}" target="_blank">{dsEpisodes::title}</a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
I hope someone can point me in the right directionI just wanted to bump this to include a link to the test site:
http://bpneiman.freehostia.com/testoftemp2.htm
The links on the page do not work. The accordion spry works in Firefox, but not for me in IE8. I was hoping someone else could take a look and tell me if it is working for them.
Thanks. -
Spry Accordion Not Working on Live Web Host
I added a Spry Accordion to my webpage and it worked perfectly when I previewed it in IExplorer from the link in Dreamweaver. However, once I launched my webpage to a live Web Host (Network Solutions-Unix platform), the Spry Accordion disappeared and "broke" the page. Text formatting disappeared and the text which was previously contained in the Spry Accordion was displayed vertically down the webpage instead of in the accordion. How can I fix this? Thank you!
ELR Enterprises wrote:
I added a Spry Accordion to my webpage and it worked perfectly when I previewed it in IExplorer from the link in Dreamweaver. However, once I launched my webpage to a live Web Host (Network Solutions-Unix platform), the Spry Accordion disappeared and "broke" the page. Text formatting disappeared and the text which was previously contained in the Spry Accordion was displayed vertically down the webpage instead of in the accordion. How can I fix this? Thank you!
Did upload the SpryAssets folder to your server? -
Spry Accordion not working!
I have a spry accordion in my page and I'm using Dreamweaver to do my editing. I use this all the time, but have never had this happen before. When in Design mode, if I click anywhere within the accordion structure a blue box appears around the structure, and I am unable to made any edits. When I hover over the structure, I get a pop-up that shows ID, DIV, Overflow, etc.
Can anyone help me?You probably have overflow:hidden specified somewhere in your CSS code for float containment.
Use Split View or Code View to edit the code.
Or, double click in Design View.
Or, right-click in Design View and & select Element View > Full.
Nancy O. -
Anchor links to accordion panels not working properly across browsers
Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
JoyHi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy -
Question.
I look for integrated in the legend bloc of diaporama, a widget such as "Accordion" for, with a click, or passing with mouse, open a new legend for each photo. I tried with "Accordion" of Muse, it does not work. I tried copy/paste, mais no result. The widget disappear in bloc legend. disparaître. Have you one solution?
Thank you,
LoïcAccordion or Tabbed panel should to it, with click and open container.
Please provide site url where this does not work, also if you can provide an example where we can see the exact action then it would help us.
Thanks,
Sanjit -
Spry Photo album not working with spry accordion
I am trying to get a photo album to work in the spry
accordion - so that each panel you click on the accordion is a new
photo subject (ie waterfalls, sunsets ect) but it does not work
well. Both the thumbs and the main picture are visible through all
the accordion panels instead of the one I put it in. Any ideas why
it might not work? Would you need to see my code?
Thanksoh, you can see the website at http://redesignsbyava.com
-
Spry accordion for CS5 links not working
Hi everyone!
I build a Spry accordion for my website, and while the functionality of it works beautifully, the links do NOT work. I have double and triple checked that my links are correct, and when I am in a preview mode, the text is changing to my a:hover specifications. Does anyone have any useful suggestions? Please be gentle when answering, I know my way around HTML and Dreamweaver, but am trained as a designer, not a coder.
Thank you!Please upload your site and supply a link.
Gramps -
Accordion - default panel not working
Hi, I'm using this script so the second panel is open by default, but it's not working (all the panels appear close by default)
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 1 });
//-->
</script>
I can't figure out what's wrong.
Here's the live page: http://www.apokrisis.com/client-projects/npfmc2010/public-meetings/committees-related-meet ings.html
Thanks for your help!
MWhittYour code is this
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
useFixedPanelHeights: false, defaultPanel: -1 }, {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion4 = new Spry.Widget.Accordion("Accordion4");
var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
but should be this
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion4 = new Spry.Widget.Accordion("Accordion4", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
Accordion3 and Accordion4 lines mixed up
Carl -
Toggle Accordion panel not working
I have a single panel that I am starting closed and when you
click on it, it opens. I would like to be able to click on it again
and have it close. I've looked at the messages here and tried the
solution but it is not working for me. In the code, I have:
<script type="text/javascript">
<!--
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
at the bottom of the page. I really don't understand why it
is not working.
Thanks.A single panel accordion?
I suggest you try a Collapsible Panel Widget, which will do
exactly what you are looking to do.
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
And if I misread this and you have multiple panels and want
the same functionality, the Collapsible Panel Group was designed
for that.
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Hope this helps.
Don -
Accordion panel spry not working...
Can someone please look at this site and see what I am doing wrong?
My accordion is not working on the "heaven" page, but does work on the "about" page. ???
This link is the problem page.
This link, with the same accordion (on the same site) works fine!
I am not sure if it is a file location problem or what.
My SpryAssets folder is inside the root folder.
BTW, it works fine on my local machine, just not when i upload it.
At a loss,
Thank you!
MG
Also posted on the spry forum (with no responses).OK. I'll have a go.
Have you thought about comparing the top section of code in the two pages. i.e. in the <head>
Take a look at this bit in particular.
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="cbc.css" rel="stylesheet" type="text/css" />
</head>
Have you got your site management set up?
Also, checking your page in the validator shows a few stray closing tags. </p> in the good page and a </div> in the bad page. I'm not sure, but a missed matched <div> tag might cause difficulties.
Martin -
Spry MenuBar/TabbedPanels/Accordion Javascript Not Working in IE8
As you've heard, Adobe removed the links to the Spry API files (http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l).
My question is: If I link to a remote file, then my spry menu bar/accordion/etc. work in IE 8 properly. If I link to a local file (same content as the remote file though!!), then my spry menu bar/etc. don’t work on IE 8.
Because the remote files are no longer available on Adobe's API site, I had to change all my links and make it linked to SpryAssets/SpryMenuBar (for instance) on my local web server instead. HOWEVER, this doesn't work for IE8.
Why is that? WHy is it necessary to link to a remote file? http://spry-it.appspot.com/ works for me too because it’s remote (however, the file accordion is not available it seems!). But what if they change their link again in the future or remove the link?
Please help!
The website is www.compex.com.sg (please have a look in IE8!!)
Thanks a lot!You might want to cut your losses right now and switch to a different widget framework.
Personally, I never liked Spry. I've been using jQuery for quite some time.
If you want to get it done fast with professional results, look at Project Seven's products. They are rigorously tested to perform well in modern devices. If you need it, their customer support is excellent.
http://www.projectseven.com/
Nancy O. -
Lightbox nested in Accordion panel is not working.
I am attempting to nest a lightbox slideshow in an accordion panel with less than desired results. I can get the Lightbox to nest and I can arrange the buttons just fine .However, when I preview it my forward and back buttons appear in the upper left corner and they are all messed up. This is absolutly useless as it destroys the aesthetics. Any insights as to how to fix this (not work around, I can do that...) would be appreciated.
Here are some screens:
1) layout is fine. Note the advance arrows on left and right of layout.
2) Layout seems to be fine in the preview. Thumbnails look good...
3) The advance arrows are not where I placed them in the layout. They are overlapping in the upper left corner.Well, it's not recreating what I did becauseI don't see any images in your example. Did you populate the gallery?
Anyhow:
I created an accordion panel.
The first top panel contains a price list with text only.
Using the "+" I made a second panel and placed a "slideshow lightbox" widget
I populated the widget with roughly 100 jpegs compressed to 50% and edited my arrow keys placing them on the left and right which
gave the results in the image above.
This is repeatable on my end. -
Tabbed and accordion widgets not working after latest export.
The accordion widget was working on the sites I built, but now when I export the sites after changes, the accordion and tabbed panels don't work.
The link below shows the old accordion and the new one I was placed from Muse.
http://www.thresholddrain.co.nz/newsite/faqs.html
I don't have time to redo every accordion and tab on the site. Any ideas why it is not working and what I can do to fix it.
Thank you,
Anarodyaj wrote:
I'll check that error message out when I get home, but for now, you could try adding this to your .xinitrc instead:
setxkbmap -option caps:escape
This helped. Thanks!
rodyaj wrote:
Or maybe try setting by keycode rather than keysym in .Xmodmap. e.g.,
clear Lock
keycode 0x42 = Escape
(I think you'll need to use xev to find out what keycode your escape key is though.)
This one didn't work though. I tried removing the clear Lock line, and I don't get any errors. But then it doesn't work properly.
Maybe you are looking for
-
Just today, the problem started on my work laptop. When Firefox first opens everything is okay, whether the video pop-up window is there or not. However, if I then open a new tab and select my Firefox home page, about 80% of the time the browser cras
-
How do I connect Wii to my Toshiba 42TL515U
Hi , I just got a Wii and have been banging my head on how to connect it to the 42TL515U TV that I have. After spennding a lot of time , it seems that I need a AC Adapter Cable which the manual suggests that is supplied with the TV . I am not able to
-
Currency symbol in Applications
Hi All, I am using Jdeveloper 10.1.3.3, i want to display Egypt currency symbol in amount fields in my application. what should i do for the same? what is the entry should be in my property file? Thanks in advance Regards GG
-
Will my Power Mac G5 detect my IPad4
Hi If I connect my ipad 4 to my power mac G5 will it see it as a disk and can I add photos/files to it or should I avoid this idea al together please help
-
How to make a spotlight effect in Illustrator
Can someone please help me as to how to make this effect below show in the green box. See how it is lighter in the middle....darker around the edges...it lokos like the bonnet of a machine... I have tried a gradient but nothing works...! Any suggesit