Accordion Panels Open During Page Load

All my accordion panels appear open for a second before my page completely loads. http://home.comcast.net/~steven.kay/
I found this thread, but am still not clear on the solution given. http://forums.adobe.com/message/22365#22365
Thanks.

Never mind... I downloaded the new js file... (duh)

Similar Messages

All accordion panels closed on page load?

The default behaviour for a set of accordion panels is for
the first one to open automatically when the page firsts loads.
Is there a way to stop this happening and have them all
closed by default?
regards,
Adrian

Found the solution:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#AllPanelsCl osed

Spry Accordion menu opens on page load then closes

Hello,
I'm having issues with a SPRY Accordion menu loading with all of the tabs open, then closing once the page finishes loading.
Example page is here:
http://thesparkmachine.com/mca2009/academics
(site is still being worked on, so forgive any oddities)
Is this something that is occurring because of the large amount of material loading on the page at once? The site is Joomla!-based, and there are close to a dozen modules on the page, plus an random background image script.
Any advice would be helpful.
Thanks!

I see you have also fixed your menu sections linking..
But i still wanted to give you some advice on why it opens and closes.
If you check out the source of your page, you will see that the constructor for your accordion is at the bottom of the page. When the browser loads the page, it parses from top to bottom, so it has parsed the accordion markup. But not yet the constructor for the accordion, so once it finally done with parsing the rest of the markup it finds the constructor and executes it.
What would have helpt, if you just moved the <script> with the constructor to directly under the accordion. So when the accordion markup has been parsed the brower directly executes the scripts.

Strange Error During Page Load in Debug Mode (only) - Please Help!

Hi All,
Data base version: oracle 11g
Apex version: Apex 4.1.1
Webserver: Apache
Need help with how to troubleshoot a Critical problem. The following error only occurs during page load in "Debug" mode. And, only occurs on a specific page within the application. A web page is served-up containing the following message and the application is blocked from running the page. The browser's (IE 8.0) back button must be clicked to proceed outside of "Debug" mode.
"Error occurred while painting error page: ORA-06502: PL/SQL: numeric or value error: character string buffer too small ORA-06502: PL/SQL: numeric or value error: character string buffer too small"
Debug log follows:
"S H O W: application="2006" page="6" workspace="" request="" session="500549669426301"
Computation point: Before Header
...Perform computation of item: APP_SERVER, type=FUNCTION_BODY
...Performing function body computation
...Execute Statement: declare function x return varchar2 is begin return owa_util.get_cgi_env('SERVER_NAME'); return null; end; begin wwv_flow.g_computation_result_vc := x; end;
......Result = 156.9.122.214
...Session State: Save "APP_SERVER" - saving same value: "156.9.122.214"
Processes - point: BEFORE_HEADER
...Process "GET_POSITION" - Type: PLSQL
...Execute Statement: begin wwv_flow.g_boolean := :F109_POSITION_ID IS NULL and :APP_PAGE_ID != 101; end;
......Result = FALSE
......Skip because condition or authorization evaluates to FALSE
...Process "Get JARS Sifter Log File Record Count" - Type: PLSQL
...Execute Statement: begin DECLARE vcnt NUMBER := 0; BEGIN d('Get JARS Sifter Log File Record Count'); Select count(*) into vcnt From JARS.JARS_SIFTER_LOG Where moveid = to_number(:P6_MOVEID) and sifter_status IN ('F','J'); :F1000_P6_SIFTER_LOG_COUNT := to_char(vcnt); END; end;
Custom: Get JARS Sifter Log File Record Count
...Process "Set PTM Planned Trip Status" - Type: PLSQL
......Skip because condition or authorization evaluates to FALSE
...compatibility mode - do not set mime type
...compatibility mode - do not set additional http headers
...close http header
...metadata, fetch item type settings
...metadata, fetch items
Show page template header
Rendering form open tag and internal values
Add error onto error stack
...Error data:
......message: Error processing request.
......additional_info: ORA-06502: PL/SQL: numeric or value error: character string buffer too small
......display_location: ON_ERROR_PAGE
......is_internal_error: true
......apex_error_code: APEX.UNHANDLED_ERROR
......ora_sqlcode: -6502
......ora_sqlerrm: ORA-06502: PL/SQL: numeric or value error: character string buffer too small
......error_backtrace: ORA-06512: at "APEX_040100.WWV_FLOW", line 3027 ORA-06512: at "APEX_040100.WWV_FLOW", line 7867
...Show Error on Error Page
......Performing rollback
Rendering form open tag and internal values
...Unhandled Error while painting error page: ORA-06502: PL/SQL: numeric or value error: character string buffer too small ORA-06502: PL/SQL: numeric or value error: character string buffer too small
...Error Backtrace: ORA-06512: at "APEX_040100.WWV_FLOW", line 2707 ORA-06512: at "APEX_040100.WWV_FLOW_ERROR", line 185
End Page Rendering"
Thanks!
Bernard

All,
It appears that the page Javascript maximum limit size was reached. The error stopped appearing after some of the page Javascript code was removed out to Application Static Files. I wonder if there exists any "direct" indicator by the system whenever the size limit has been reached?
Again, the run error only occurred when the page was loaded in "Debug" mode.
Bernard

How to set default date of 3 weeks(21 days) from today's date during page load?

I want to show the default date as 3 weeks from today's date during page load.
For example ,i have given as adf.CurrentDate + 21 in EO for the attribute 'DueDate'. But it is showing me the date as 9.7.2013. 3 weeks default date is not getting set.If i give adf.currentDate also ,it not giving me today's date,it showing the 9.7.2013 only.Kindly provide your suggestions to set the default date as 3 weeks from today's date during page load.Thanks in advance.

Hi,
when you set the value on the entity level then you don't want to show it during page load but when the field is empty ? Correct? if so then the use case is a different one. The easiest way to implement this would be to create a Rowimpl class (Java option) and then in the get method of the entity attribute check if the value is null and if it is, set it to the current date + 21 days. This way all rows will be set with the 3 weeks due date but fields are not overridden each time the row is queried
Frank

How i can check whether a component is being placed or it's being rendered during page load...

Hi,
I have a piece of code which needs to be triggered only when the component gets rendered.. and at the same time it shouldn't get trigerred when author places it in the page...
For an example, Consider i have a component called samplecomponent. Also i have a piece of code in samplecomponent.jsp which should get triggered only when the component is being rendered during page load and if author places that component in the page (ofcourse the samplecomponent.jsp will get triggered but my particular piece of code should not get triggered.. Is there any condition to check that..?
Thanks
Shankar .A

Hello Shankar,
I think this is very straight forward and you can set this condition based on any of the property of your component via check null/empty condition because when you will drop your component the properties of your component will be not initialized and you can check for at (let say you have a property which is mandetory so to instantiate that component you have to have at least that property)
And let say if above option doesn't work for you then there is one more option of checking the edit mode of the page and based on that you can differ your code. But edit mode code will not work until you will see the page in edit mode, the code will only work when you switch to preview mode (publish mode) of page from edit mode (from sidekick at bottom you have option to go to edit and preview mode).
WCMMode mode = WCMMode.fromRequest(request);
if (!mode.equals(WCMMode.EDIT) && !mode.equals(WCMMode.DESIGN)) {
//this part of code never execute when your page is in edit mode (dropped content or load the page in edit mode). but this part of code will run when you switch from edit mode to previe mode (in author node) or on publish instance of Server because there will be no edit mode there.
Let me know if you need more information or it doesn't help you.
Thanks,
Pawan

Spry Accordion open on page load

How do you stop the Spry Accordion from being open while the page is loading - as soon as the page loads the Accordion closes to the way it has been designed - it is just annoying!

Starting with All Panels Closed
This feature is only supported when using variable height panels, so you must pass a false into the Accordion's constructor for the "useFixedPanelHeights" constructor option, and a -1 for the "defaultPanel" option.
Gramps

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 panels open when website launches

All my accordion panels appear open for a second before my page completely loads. I have tried to find fixes in the forum but the only one that I have found is to use SpryAccordion.js - version 0.15 - Spry Pre-Release 1.6.1...I am already using this version and I am still having the issue. It appears to work fine with firefox but I have the issue in IE8. I am quit the novice with web design, any help anyone can give woyld be greatly appreciated.
Here in the link to my site http://www.fcps.edu/southcountyss/

There is a whole heap of stuff between rendering the markup for the accordion and creating an instance of the accordion.
To eliminate the pause between render and instance, move the accordion constructor to just below the table that holds the accordion as in
                
                Student Services (MS):
                703-446-1640<br />
                Student Services (MS):                703-446-1630<br />
                </p>
</div>
            </div>
          </div></td>
      </tr>
    </table>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
Don't forget to remove the constructor from the bottom of the document.
Gramps

Prevent lower text from moving when accordion panels open

I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:

no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks.

Accordion Tabs Closed on Page Load

How would I fix this page so all the accordions are closed on page load? I don't want the first tab to be open when a viewer opens the page.
Link is http://thedenovo.worldsecuresystems.com/solutions.html

If you use jQuery UI Accordion Widget, set Active to false.
http://api.jqueryui.com/accordion/
Nancy O.

Safari causes system freeze during page load

Description:
I've been trying to figure this one out for a while now (about 2 weeks), without any luck. I've tried reading a couple of threads describing similar problems, but it looks like I've got something else going on here seeing as it affect the entire system. I appreciate any suggestion!
When a window in Safari is open and you're loading a page, it sometimes (almost always) causes a system freeze. Any action performed on any input device within OSX while a page is loading gets delayed by 5-20 seconds. Anything from right-clicking, to opening a new tab in Safari, to navigating to a new folder in Finder.... literally anything. The actual loading of the page is also affected by this. So when I click a link, the page becomes white and the system stalls. After X seconds, the system resumes and the page is displayed fully loaded. Once the page is loaded, everything is back to normal. I can just leave the Safari-window open without anything happening. It's just during the loading of a page.
Using the mouse to move and switch between open windows are the only actions I seem to be able to perform during the system freeze.
When it doesn't cause a system-wide freeze, it will still take forever for any page to load. Which isn't a problem in any other browser and I've never had any speed issues in general on any device.
What I know for sure is that I can solve the problem by closing all open Safari-tabs and windows or closing the app completely, and use Chrome instead. But I do like Safari, so I hope there's another way to fix this.
I should also note that I've made no changes to the system for many weeks now, other than installing whatever updates might have been available on the App Store.
What I've tried within Safari:
- program restart
- reset settings (every option checked)
- disable and remove extensions (only had one installed, LiveReload for Adobe Brackets)
- empty cache
- delete cookies
What I've tried within OSX:
- system restart
- complete OSX-recovery
- activity monitor (CPU, HDD and RAM always within normal values during all of this)
- checked HDD (successfull)
- checked internet-connection (got 50Mbit/s connection, no speed issues, checked on multiple devices)
- tried other browsers (Chrome (OSX) and IE (Win 7, Parallels) both run smoothly)
- turned off IPv6 in terminal (based on a suggestion here at the forums)
- disabled iCloud-sync
- disabled Dropbox
- probably a couple of other things i can't remember right now

So... I finally fixed it.
In addition to the things I mentioned I tried, I also checked if it could be malware-related. It wasnt. I then checked if it was just affecting my user-account or OSX globally. I created a new account and Safari ran perfectly. I therefore assumed it had to be something in my library-folder.
I deleted just about any mention of Safari in the Library-folder (the visible one) and just to be absolutely sure, I deleted the Contents-folder inside Safari.app in the Applications-folder. I then downloaded and installed Safari 7.0.3. Everything runs smooth now.

Try to keep accordion panel open when selected

Hello,
Could someone help me find the code to "keep the selected panel open" instead of having them closed on each pages.
There is 2 spry collapsed panels. Within the first one there is 1 Spry Accordion with 5 panels which need to stay open when selected.
You will find the site here : www.otaa.fr (but you may use Safari)
Here the codes:
<Head>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<style type="text/css">
</head>
<body>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0">PROJETS</a></div>
          <div class="CollapsiblePanelContent">
                <td><div id="Accordion1" class="Accordion">
                  <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Logements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td height="21" align="left"><a href="html/Vignoles.html">Rue des Vignoles</a></td>
                      </tr>
                    </table>
            <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Maisons</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Serrieres.html">Maison Serrières</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Bureaux et Sièges Sociaux </a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Tchad.html">Ambassade du Tchad</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Aménagements Intérieurs</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Martin.html">Appartement Martin</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Equipements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Aquatonic.html">Centre Aquatique</a></td>
                      </tr>
                    </table>
< /body>
<script type="text/javascript">
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3");
var accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel:(params.panel?params.panel:-1)});
          </script>
Thanks for you help.

Forget about the tutorial by David Powers. There is an easier way to achieve what you want.
If I understand right, you want the about panel to be open when on the about page and the homw panel when you are on the home page. Simply set the default panel for each page as follows
For the Home page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 0});
</script>
</body>
</html>
and for the About page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1});
</script>
</body>
</html>
Repeat this process for each of your pages.
Gramps

POWL: Refresh the cache results of POWL during page load.

Hi Friends,
I am using a feeder class for my POWL. Whenever the user clicks opens the POWL, he sees the cached data/results and he is expected to do a manual refresh to see current/new data. I want to eliminate this by refreshing the cache during the page load itself and show user current data. I already know about the exporting parameter in handle_action method which is used to do refresh. But it does not work in this case.
Pls help.

Hello Saud,
In which release you are? in new release you can do refresh by personalization where options are there.
There are other options also to refresh
1) By passing URL parameter refreshA=X it will refresh all queies when loading
2) By passing refreshq=X, it will refresh the current query
best regards,
Rohit

Dialog Box Open before Page load using af:CommandNavigationItem

Hi,
I have a CommandNavigationItem menu, the requirement is simple.
Use Case:
1. On click of one of the menu item, i need to display a message or prompt user to select "OK" or "Cancel"
2. If user clicks "OK" will navigate to the require page. and "Cancel" will stay on the page.
I have used couple of things like, creating a af:popup with a af:dialog and calling this popup from managed bean on page load, it works fine get a popup with a "OK" "Cancel" text. But the problem is it opens the popup fine but the parent page get loaded also.
Please help me to find any solution? Will appreciate your time!!
Thanks
Neeraj Halder

thanks vinod,
I have tried but struggling with binding of the popup.
1. let say when i login to my application my first page is "homeView.jspx", so on homeView.jspx i have written the code for popup.
2. And in the menu i have "home" and "details", so when i click the "details" menu this popup should open, and on clicking ok it should navigate me to the Details page, as you suggested ActionListner for that.
Please see below what i have done till yet.
ActionListener Code:
/*code in jsp
actionListener="#{backingBeanScope.testViewBean.checkOnClickofDetails}"
/* code in java with a backing bean scope
private RichPopup validationMessageDialog;// popup id
public void checkOnClickofDetails(ActionEvent actionEvent) {
RichPopup.PopupHints popupHints = new RichPopup.PopupHints();
getValidationMessageDialog().show(popupHints); //
popup in homeView.jspx
<af:popup id="validationMessageDialog"
binding="#{backingBeanScope.testViewBean.validationMessageDialog}">
<af:dialog id="d3" cancelTextAndAccessKey="cancel"
dialogListener="#{backingBeanScope.testViewBean.loadDetails}"
title="Prompt">
<af:outputText value="#{msg.AGENT_NOT_FOUND}" id="ot3"/>
</af:dialog>
My doubt is i am doing something wrong with the scope of the managed bean. in the above code i have used backing bean scope,
let say i have a java file example ABC.java, which is a backing bean scope given in adfc-config.xml. can i use this one java file for two of three different jspx as a backing bean? Hope i am clear here? :)
2) when we create a jspx and its backing bean at a time, is there any internal mapping happen apart from adfc-config.xml that one jspx will have only one java file as a backing bean?
Sorry if i am making this more complicated, above question comes because, when i move the same popup code in "Details.jspx" page and at the time of creation of this page i have created backing bean also so when i calling this function on page load "checkOnClickofDetails" which is in the Details.java (backing bean) the popup comes fine. but unfortunately cannot use this because parent page get laoded with this popup also.
let me know if i am doing something wrong?
Thanks,
Neeraj Halder

Accordion Panels Open During Page Load

Similar Messages

Maybe you are looking for