Accordion Panel not seen in browser. Before, yes.

Hi,
I've using the Accordion Pannel with several Tabs. It was working good on the browser. Now, after few weeks I started to work with some PHP. I am now working with a LOCAL server for trsting the PHP applications.
But I can not preview in the browser all the accordion panels I made. I saw only the plain text, images, flash, everything but not the Accordion Panels. On the contrary in the localhost server oln the top right of the browser says "READER", I click there and I can read the text content of the first tab only.
I changed the server from local to remote in order to upload my regular html pages with the accordion panels. I uploaded them and I don't see them too, even when I browse in the URL. What is happening here? The PHP is blocking something?
Here you have one of these pages:
http://www.magicperu.biz/paginascom/faq_sp.html
Below the titles should be the accordion panel with 8 tabs and text content in spanish. Can you see that? If not, what was wrong? In those html files I didn't put any PHP code. The PHP I am using only for the contact form and stuffs.
I use Mac OS 10.6.4, Dreamweaver CS5 with MAMP. Safari.
Thanks for your help.

Hi,
looking to the source code of your
http://www.magicperu.biz/paginascom/faq_sp.html
I can see your advices, indeed:
name="head">
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
but I miss the consistent continuation, here (German DW):
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Bezeichnung 1</div>
    <div class="AccordionPanelContent">Inhalt 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Bezeichnung 2</div>
    <div class="AccordionPanelContent">Inhalt 2</div>
</div>
</div>
and especially this:
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
I suggest that you first try inserting Accordion Pannel into a very new *.html file to see what happens.
Hans-G.

Similar Messages

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!
Joy

Hi 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

Accordion Panels not collapsing in Adobe AIR

Hi,
I'm trying to create an AIR application with HTML/CSS/AJAX (spry).
I've got my xml dataset set up and my accordion panel widget set up.
When I preview in Safari everything works fine, but when I preview in Adobe AIR the xml data shows up and the panels, but the accordion panels aren't working, clicking on the AccordionPanelTab doesn't do anything.
Any ideas on how to fix this, (if it is even possible)??

Here is the 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>
<link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_Assets/frameworks/AIRAliases.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=21704", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
dsSeasons.setColumnType("@no", "number");
function airdate(region, lookupFunc) {
var realdate = lookupFunc("dsEpisodes::airdate");
var array = realdate.split('-');
return array[2] + " - " + array[1] + " - " + array[0];
function seasonnr(region, lookupFunc) {
var nr = parseInt(lookupFunc("dsSeasons::@no"));
if (nr < 10) { return "0" + nr; }
else { return nr; }
</script>
<link href="_Assets/spry/SpryAccordion.css" rel="stylesheet" type="text/css" />
</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="eplist" class="Accordion">
                <div spry:repeat="dsSeasons" class="AccordionPanel">
                    <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>
            <script type="text/javascript">
                var acc = new Spry.Widget.Accordion("eplist", { useFixedPanelHeights: false });
            </script>
        </div>
    </div>
</div>
</body>
</html>
Sorry, I don't have an online url for you, I'm still working locally.
In the browser everything works fine, only when I preview in Adobe AIR the panels stop working.
I hope you can figure it out and point me in the right direction.
Thanks

Spry accordion panel not lining up with top of viewport in FF3.5

I have created a new web page using spry accordion for the first time on my site. In IE8 all works perfectly - opening and closing and moving between tabs is smoothly done. My first tab opens a very long panel (way over the web browser's height), and scrolling down through the text brings us to the second tab. I disabled fixed panel heights - these expand fully when the relevent header is clicked. Clicking the second tab in IE8 closes the first panel smoothly, opens the second panel smoothly and leaves the browser sitting so the 2nd tab is in line with the top of the browser window. Perfect!
In FF3.5, following the same routine, with the first panel open, and scrolling down to the 2nd tab - click this and it closes/opens the panels, but is very jerky doing this and you are left with the browser window looking at the very bottom of the web page, instead of at the top of the panel.
I'd appreciate any advice on this before I give up and move to JQuery. Is this a bug?
**UPDATE** I tried Jquery and the results are worse! It doesnt even line up in IE8.
Please feel free to check out the code here:
http://www.pjamedia.com/?page=modeladvice
Any help would be very much appreciated.
Thanks, Paul A

so take an anchor at the begining of the Accordian panle, link the <a> tag to the anchor point.
<script type="text/javascript">
function goToAnchor() {
location.href = "#unilist";
</script>
paste this script in <head> tag.
<a name="unilist" id="unilist"></a> // add an anchor tag before the accordion panel.
                  <div id="Accordion1" class="Accordion">
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab" ><a onclick="goToAnchor();"> University, Ohio*</a></div>
                      <div class="AccordionPanelContent">content</div></div>
<div class="AccordionPanel">
                      <div class="AccordionPanelTab" ><a onclick="goToAnchor();"> University, oiowa*</a></div>
                      <div class="AccordionPanelContent">content</div></div>
</div>

Accordion panel not working correctly in IE6

Hi,
I created a page with an accordion panel set that worked fine
in FireFox. The panels start closed and then open when clicked
upon.
This works fine in IE 7 but when I open this page in IE6, the
panel tabs do not function properly. The top five do not have the
background color or any delineating lines - there is just the text
of the panel tab. When the tabs are clicked on, they will open but
the colors change oddly. Sometimes there is a small horizontal
section of no color at the bottom of the panel tab color. When the
cursor is moved around the page, the tabs can change
colors....sometimes. Other times a tab will lose color completely.
And yet, it works perfectly in Firefox. What could be causing
this problem. I was so happy that I had finally completed this page
since there was a lot of dynamic data to link to the page - and now
I feel like I am back at square one.
Please help!
Thanks

I atually figured it out - well I got it to work right but
I'm still not sure why it works. I had the accordion panel in a div
wrapper. The positioning was set to "relative". When I commented
out that line, it worked fine in IE6! I'm not sure why - but I'm
glad it did!

Spry horizontal menu bar and accordion panels not working when published

Hi,
I'm a newbie to Dreamweaver and have been asked to design an intranet site. On the site, I added both Spry widgets for a horizontal menu bar and an accordion panel. Both of these widgets work in preview, however, neither work when I publish. I uploaded the Spry asset folder (with all the CSS and JS files) to the remote server, but still no luck. What am I missing?
Thanks.

Despite of what you have staed, my bet is on the fact that the SpryAssets folder and/or the included files are not being found by your page..
Open the site in FF, click on view Source and in the source code click the link to the JS file. If it can be found, it will show the content of the file and you will have the satisfaction of knowing that the page can find the file.
If it does not show the content, you need to correct that.
Good luck.
Ben

Accordion panels not operating

I am setting up a page with several spry tabs; each tab has
an accordion panel. On one tab, the accordion panel functions
properly. On the second one, the accordion panel appears open and
the panels don't slide closed. Any clues about where I might look
for the error in panel2? Thanks!

Without seeing your actualy page/markup (got url?), we can
only guess. Perhaps your accordion markup is malformed? The
accordion code expects a strict structure:
--== Kin ==--

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">

</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 not displaying right on published site

Okay if I publish the site with the panel open, it stays open all the time but the graphics are perfect. If I close the panel and publish, it acts normal: meaning it's only visible when you click the right word. However the graphic image is all messed up then?
Why the change?
This is driving me INSANE. I'm going to start driving my client INSANE hahaha. Any ideas?
Site: www.latinavega.com

I would have to say that the author of this document is
uninformed. In
general the entire page is off-kilter, but this paragraph is
particularly
egregious -
=========
The problem is that percentages and em's (which are basically
the same thing
in CSS) cascade very differently from one browser to the
other - this is
especially tricky with nested tables and can create huge
implementation and
display problems - getting these to work on all flavours of
Explorer and
Netscape requires a lot of experience, testing and patience.
An alternative
is to use several stylesheets and browser sniffing, but
either way
implementing resizable fonts is a hassle.
=========
It is true that one must understand the tools one is using
before they can
be used effectively. But in general, the use of percent, ems,
or font size
names are quite common on the web. When placed on pages with
valid and
complete doctypes they behave predictably from one browser to
the next....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Mlpol79" <[email protected]> wrote in
message
news:ea580j$4nv$[email protected]..
> Hey Chad Z cool website,
> Read This it might help
>
http://www.revelate.com.es/uk/papers/fixed_fonts.html

TM Drive not seen for "Browse"

I restored my home folder from a TM backup. Worked fine. I now want to continue with Time Machine but TM doesn't see the drive as containing backups! I just restored from it! It does see the drive if I want to start over but if I choose "Choose Time Machine Disk to Browse" it sees nothing. The drive is a USB drive plugged into my mac.

Try a +*Repair Disk+* per #A5 in the Time Machine - Troubleshooting *User Tip,* also at the top of this forum.
If that doesn't help, try a "full reset" per #A4 there.
By the way, your entire home folder will be backed-up again on your next Time Machine backup.

11g PS2 - Image used in page template not displayed on browser before logi

Hi All ,
I have used the company logo and placed it in the page template which has been used to develop the UI.The images are placed in resources/images folder and accessed the same way too.
Basic form based authentication has been enabed for the application.
The image is not displayed on the login page. Just displays a [X] and the shortDesc given to the image.
Once I login I can see the image for the other pages which use the same template.
Any idea what might be wrong here ?
Thanks
Sudipto
Edited by: Sudipto Desmukh on May 19, 2011 11:49 PM

Hi Jan ,
No , I am not able to even access the image directly , it redirects me to the login page.
This is the tag you asked for -
<security-constraint>
<web-resource-collection>
<web-resource-name>allPages</web-resource-name>
<url-pattern>/</url-pattern>
</web-resource-collection>
<auth-constraint>
<role-name>valid-users</role-name>
</auth-constraint>
</security-constraint>
<security-constraint>
<web-resource-collection>
<web-resource-name>adfAuthentication</web-resource-name>
<url-pattern>/adfAuthentication</url-pattern>
</web-resource-collection>
<auth-constraint>
<role-name>valid-users</role-name>
</auth-constraint>
</security-constraint>

Solution ID 201056033 implemented but changes to signin.html still not seen

Customer have implemented solution id 201056033 in WebLogic 9.2 MP3 patch 2 with PT 8.49.12.
However, when they change signin.html for a web site the change is not seen. Browser cache has been purged.
Yes, the web server were brought down and back up.
Yes, the solution is implemented. It does not work as documented.
Problem being:
Able to change static HTML and have it seen by the user's
browser. The web server is still caching the static HTML page even
though the Solution ID says that doing what is documented in the
solution will solve the problem.
I need an answer to why the Solution ID is not working. I need
to be able to change statuc HTML and have the web server serve it
out to the browser.
weblogic.xml has been updated as solution 201056033, that is to add
'<resource-reload-check-secs>0</resource-reload-check-secs>':
<container-descriptor>
<servlet-reload-check-secs>-1</servlet-reload-check-secs>
<session-monitoring-enabled>true</session-monitoring-enabled>
<resource-reload-check-secs>0</resource-reload-check-secs>
</container-descriptor>
Implemented 201056033 . It does not solve the problem. Why does it not
solve the problem?
Any thoughts , pls help.
Thanks

It's not working because this change only causes the server side to reload the resource. The browser still has it cached, so it ignores it.
What you have to do is send HTTP headers along with the response that convinces the browser not to cache the resource. One way to do this is to implement a servlet filter that injects the appropriate HTTP headers to cause this.
The code for the class could look like this (I haven't declared it in a package, but you should):
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;
public class NoCachingFilter implements Filter
     private FilterConfig filterConfig = null;
     public void destroy()
          this.filterConfig = null;
     public void init(FilterConfig arg0) throws ServletException
          this.filterConfig = filterConfig;
     public void doFilter(ServletRequest request,
                              ServletResponse response,
                              FilterChain chain)
     throws IOException, ServletException
     HttpServletResponse httpResponse = (HttpServletResponse) response;
     httpResponse.setHeader("Cache-Control", "no-cache");
     httpResponse.setDateHeader("Expires", 0);
     httpResponse.setHeader("Pragma", "No-cache");
     chain.doFilter(request, response);
You would declare this filter in your web.xml like this:
<filter>
<filter-name>No Caching Filter</filter-name>
<filter-class>carousel.NoCachingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>No Caching Filter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
--------------------------

Hello, I have long been using Mozilla Firefoh, but I can't restore a theme (in the browser before I used the theme in anime), I do not remember how to install it and where to find, maybe it was not a topic, and skin. Please help me solve this problem.

(in the browser before I used the theme in anime), I do not remember how to install it and where to find, maybe it was not a topic, and skin.

The Reset Firefox feature can fix many issues by restoring Firefox to its factory default state while saving your essential information.
Note: ''This will cause you to lose any Extensions, Open websites, and some Preferences.''
To Reset Firefox do the following:
#Go to Firefox > Help > Troubleshooting Information.
#Click the "Reset Firefox" button.
#Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
#Firefox will open with all factory defaults applied.
Further information can be found in the [[Reset Firefox – easily fix most problems]] article.
Did this fix your problems? Please report back to us!

Have anyone seen this exception before??? setNull() feature not implemented

java.sql.SQLException: [Microsoft][ODBC SQL Server Driver]Optional feature not implemented
Have anyone seen this exception before????? I see this exception when I use the "setNull()" function in the preparedstatement class.

statement.setNull(index, Types.NUMERIC); //works
statement.setNull(index, Types.DECIMAL); //does not work

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.

Accordion Panel not seen in browser. Before, yes.

Similar Messages

Maybe you are looking for