Move Layer when page loads

Hi All,
Busy switching from GoLive to DW and noticed that there is a
lot to learn.
This for instance :
When a page loads I would like let something happen to a
layer.
So I made a layer deselect it and in the the behaviors I set
an OnLoad command effects>grow/shrink.
Nothing happens when I look at it in the browser. I have to
click it when it springs into action.
What am I doing wrong?
Cheers
Koen

http://www.sitepoint.com/article/simple-tricks-usable-forms
another
http://javascript.internet.com/page-details/focus-onload.html
i first looked for a dw snippet for it but didn't find one.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Similar Messages

Inputtext component refreshes and the entered data is vanishes only happen when page loads first time

Hi,
Am using 11.1.1.5 adf jdev.
I got unique issue , i have couple of jsff seach pages . In jsff , i have user enterable inputtext box ,Issue is when user enters data for first time . the component refreshes and the entered data is vanishes .
But it happen for the first time when page loads, There is no partial triggers on dat input text box.

Hi John,
My page is not a part of a task flow. The whole app is an Admin app comprising of multiple individual pages navigated using Menu.
I have tried to run this page individually on my local machine as well as when deployed on the WLS server. The behavior is the same.
Kindly advice,
Thanks,
Ram

Dynamically displaying ADF rich components in UI, when page loads

Hi All
Could you please tell me how to display ADF 11g rich components in UI programmatically from managed bean, when page loads.
I tried to call onPageLoad() from pagePhaseListener, however no idea how to set the components to the UI from onPageLoad() method. Please someone help me.
Regards
Venkat.S

Thanks for your response Abhijit.
However in the given video, ADF components are displaying only after clicking the button. But i need to know how to display those components dynamically when page loads(i.e, i wont be clicking any button). While page loads those components should display dynamically.

Pagination - JavaScipt in "Execute when Page Loads" stop working

I'm using APEX 4.0.
I have a standard report region on a page. In the page's JavaScript - Execute When Page Loads area, I put some javascript code there to initialize hover event handlers for dropdown menus inside the report. It works fine when the report is genarated.
But it stop working when a pagination performed. For example, after clicked 'next" or any number form the pagination dropdown list.
Please advice how to fix it. Thanks.
Shiofan

Hi, Peter:
Thanks for the quick reply. That is appreciated.
My code involves only CSS and JQuery.
I have found out the reason. It is because "Enable Partial Page Refresh" was set to Yes. ( that is the default by APEX, isn't it? ). After I reset it to No, the dropdown menu does work fine after pagination.
I don't know how APEX pagination work together with report attribute "Enable Partial Page Refresh". To me, no matter what, the style sheet, the JavaScript put in page template/page header should always be included since they are common to the page. Can we say this is an APEX bug need to be fixed?
Thanks again.
Shiofan

Javascript in 'Execute when page loads', not working when paging results grid

I have some Javascript in an Apex page, running in 'Execute when page loads'. It does some stuff to a results grid. It works fine on page load, but then doesn't run when I page through, or sort the grid. I presume this is because the grid is being sorted / paged using Ajax, which means the page isn't being fully loaded.
Is there anywhere else I can put the code so it gets applied to the grid on sorts and paging?

Thanks, works perfectly! I used the After Refresh and just selected the region I wanted to trigger the Javascript, and it works great. As you say the scope needs to be Dynamic.
For anyone else reading this, something which caught me out was that my reports region was using the No Template setting, and the Dynamic Action didn't work, as it requires you to use a template which contains #REGION_STATIC_ID# - which is used by the dynamic action to identify the region. Once I switched to using a template, it worked fine.

How to open List when Page loads in SharePoint Hosted App?

I want to create an app same like InstantPracticeManager by InstantQuick.
Now I want to know that in a SharePoint Hosted App How can I show the Whole List in a page.
Here I have added one image:
Here there is one list and there are 4 views of that list.
Now the App will be like when I load the page It will show like the image above. Now how can we show the list like this in sharepoint hosted app?
I want the same scenario which is shown in the following blogs:
http://sp2013.blogspot.in/2012/08/use-list-view-in-sharepoint-2013-apps.html
and
http://www.sharepointnutsandbolts.com/2013/08/working-with-web-parts-within.html
where they add a list to an app
Can any one suggest me the idea? I am bit confused.
thanks in advance.

Hi,
According to your post, my understanding is that you want to show the different list view in a page in SharePoint Hosted App.
We can use jQuery and cross-domain library to achieve it.
The following articles for your reference:
Adding a Tabbed View to A Web Part Page Using jQueryUI
http://sympmarc.com/2011/11/09/adding-a-tabbed-view-to-a-web-part-page-using-jqueryui/
How to: Access SharePoint 2013 data from apps using the cross-domain library
http://msdn.microsoft.com/en-us/library/office/fp179927(v=office.15).aspx
SharePoint 2013: Get list items by using the cross-domain library (JSOM)
http://code.msdn.microsoft.com/office/SharePoint-2013-Get-items-d48150ae/view/SourceCode#content
Thanks,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Dennis Guo
TechNet Community Support

How to set Lov item property (Action type,event,parameter etc) in PR when page load

Hi gurus
I am new to OAF, First I need to explain my scenerio.
I need to make some field mandatory or non mandatory based on one LOV item (Pick list or message choice list).
for this i extended the controler and apply the changes, but in this case what heppen, It will effect only when i open the list (pop list) and click on more (Available in poplist) and it will open a new form and i select value from that form. But when I open the poplist and select the value from the same list rather going to more option (it does not open new form), then there are no effect. I though the issue with refreshing when selecting value from the same list.
To resolving this issue what i did
1. go to page == > the same LOV
2. Change the Client Action properties (
     Action type = fireAction
     event          = xxevent
    submit = true.
After doing this when i run the page from my OAF enviroement , every thing is OK. Then I transfer the Controler to Server machine and change the controller and run the same page from the server, it has the same refreshing issue, Then I thought because I did not transfer LOV such properties so this is hepening,
Now I want to initilize such properties in Page load or what I need to do, Please advise me.
Regards,
Haq

Edward,
Thank you for the suggestion! It directly lead to my solution wherein I used CASE statements for the column in my Region SELECT such as the following:
WHEN (:P2_GRADING_METHOD = 'CR/NC' OR scs.scs_pass_audit = 'P') AND GET_GRADE_B93 (sac.stc_final_grade, sac.stc_verified_grade) IS NULL THEN htmldb_item.select_list_from_lov (5, 'Enter Grade', 'GRADE_LOV_CRNC','onBlur="return validate_grade(this,''FW_DATE_'||ROWNUM||''')"','NO',NULL,NULL,'GRADE_'||ROWNUM)
When the column is NULL, the Select List (LOV) contains the entry 'Enter Grade' and that is the value displayed on page load. I bypass the value 'Enter Grade' during Submit Processing where database updating occurs.
I did not find the need to enter values for p_null_value and p_null_text since I don't believe that it would cause the 'Enter Grade' value to display on page load for null value columns but rather would enable the user to select 'Enter Grade' from the list and have a specified return value stored in htmldb_item array.
Again, thank you for the help!

Opening first tab of jquery accordion when page loads

Hello, I am wondering how I would make the first tab of my accordion to open when the page loads. It is a custom accordion and therefore it is hard to find the answer online.
I want this to be specific to a certain page if possible rather than universal across the site.
Here is the HTML:
<div id="st-accordion" class="st-accordion">
                    <ul>
                        <li>
                            <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                            <div class="st-content">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo.</p>
                            </div>
                        </li>
                        <li>
                            <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                            <div class="st-content">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                                        $('#st-accordion').accordion({
                                                  oneOpenedItem          : true
        </script>
                    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/jquery.accordion.js"></script>
            </div>
And the CSS:
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}.st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
.st-accordion ul li:first-child{
    border-top:none;
.st-accordion ul li > a{
    font-family: 'Josefin Slab',Georgia, serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 22px;
    display: block;
    position: relative;
    line-height: 100px;
    outline:none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
.st-accordion ul li > a:hover{
    color: #1693eb;
.st-accordion ul li > a span{
    background: transparent url(../images/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
.st-accordion ul li > a:hover span{
    opacity:1;
    right: 10px;
.st-accordion ul li.st-open > a{
    color: #1693eb;
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    right:10px;
    opacity:1;
.st-content{
    padding: 5px 0px 30px 0px;
.st-content p{
    font-size: 16px;
    font-family: Georgia, serif;
    font-style: italic;
    line-height: 28px;
    padding: 0px 4px 15px 4px;
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
@media screen and (max-width: 320px){
    .st-accordion ul li > a{
        font-size:14px;
@media screen and (max-width: 800px){
    .st-accordion ul li > a{
        font-size:16px;
You can find the page at http://bit.ly/Zrpt1s
Any help is grately appreciated thanks!

Try
$(function() {
    $('#st-accordion').accordion({
        oneOpenedItem    : true,
       open: 0

Displaying "af:panel accordion" dynamically in UI when page loads

Hi
My problem is, whenever my homepage loads "af:panel accordian" should display dynamically in UI. Like, if I mention value 4 in manged bean it should display 4 panel accordion in UI when it loads, and if it is 6 then it should display 6 panel accordion in my homepage.
Please help me in this issue. Looking forward for you response.
Regards
Venkat.S

Hi
Actually only one panel accordion will be in my UI(sorry for my previous message), but the "af:showdetailitem" under af:panel accordion will differ and the values of this will varies each time when the page loads. So dynamically i should add af:showDetailItem into this af:panelAccordion from manged bean.
Regards
Venkat.S

Images are not showing when page load

Hello All
I am having lot of webparts on my page.
In two of them webpart i applied xslt and showing image of created by person in this
1)Announcement webpart(Wall updates)
2)Showing blog using content by query webpart(Blogs)
While page loading not able to load images in both webpart view.
But when i decreases webparts on page images rendered properly.
I think it is taking time to fetch images so timeout and showing default images.
Kindly suggest me some way to tackle and images will displayed properly
Thanks in advance
Varsha Patil

Hi,
According to this documentation from MSDN about
SharePoint Server 2010 capacity management: Software boundaries and limits:
“In SharePoint Server 2010, there are certain limits that are by design and cannot be exceeded”, “The default values for these limits were defined by testing, and represent the known
limitations of the product. Exceeding supported limits may cause unexpected results, significant decrease in performance, or other harmful effects”, “in most cases, operating at or near an established limit is not a best practice, as acceptable performance
and reliability targets are best achieved when a farm’s design provides for a reasonable balance of limits values”.
So it is not recommended to add many web parts into one page.
If there is a special need to display many web parts in one page, it is recommended to reorganize the content to minimize the number of web parts in use and customization will
be needed sometimes if the built-in web parts can’t meet the requirement.
Best regards
Patrick Liang
TechNet Community Support

Display lov when page load

hi i have a situation where i what lov to popup when the page load.my situation is i what a lov to popup with , the list of organisation when the page load and when the page load it must display only information for that selected organisation,has anyone done that.am in jdeveloper 11.1.1.6.0

ok the organisation is selected in the first page which load,i what to select organisation and navigate to next page whare there is only that organisation details
my first page is below
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:f="http://java.sun.com/jsf/core">
<af:panelSplitter id="ps1" orientation="vertical" splitterPosition="148">
    <f:facet name="first"/>
    <f:facet name="second">
      <af:panelStretchLayout id="psl1" startWidth="126px" endWidth="124px">
        <f:facet name="bottom"/>
        <f:facet name="center">
          <af:panelStretchLayout id="psl2" endWidth="137px" startWidth="220px">
            <f:facet name="center">
              <af:panelGroupLayout id="pgl1" layout="vertical" valign="middle"
                                   halign="center">
                <af:panelStretchLayout id="psl3"
                                       inlineStyle="width:732px; height:340px;"
                                       bottomHeight="100px">
                  <f:facet name="bottom">
                    <af:panelGroupLayout id="pgl2" layout="vertical"
                                         valign="middle" halign="center">
                      <af:panelHeader text="Select Organisation To Update" id="ph1"
                                      inlineStyle="border-style:ridge; border-color:Blue; height:57px;">
                        <f:facet name="context">
                          <af:toolbar id="t1">
                            <af:commandButton text="UpdateOrganisation" id="cb1"
                                              action="UpdOrg"/>
                          </af:toolbar>
                        </f:facet>
                        <f:facet name="menuBar"/>
                        <f:facet name="toolbar"/>
                        <f:facet name="legend"/>
                        <f:facet name="info"/>
                      </af:panelHeader>
                      <af:panelFormLayout id="pfl1"
                                          inlineStyle="border-color:Blue; border-style:ridge; height:24px; width:720px;">
                        <af:selectOneChoice value="#{bindings.OrgName.inputValue}"
                                            label="OrganisationName"
                                            required="#{bindings.OrgName.hints.mandatory}"
                                            shortDesc="#{bindings.OrgName.hints.tooltip}"
                                            id="soc1">
                          <f:selectItems value="#{bindings.OrgName.items}"
                                         id="si1"/>
                        </af:selectOneChoice>
                      </af:panelFormLayout>
                    </af:panelGroupLayout>
                  </f:facet>
                  <f:facet name="start"/>
                  <f:facet name="end"/>
                  <f:facet name="top"/>
                </af:panelStretchLayout>
              </af:panelGroupLayout>
            </f:facet>
            <f:facet name="top"/>
          </af:panelStretchLayout>
        </f:facet>
        <f:facet name="start"/>
        <f:facet name="end"/>
        <f:facet name="top"/>
      </af:panelStretchLayout>
    </f:facet>
</af:panelSplitter>
</jsp:root>Edited by: adf009 on 2013/02/06 5:12 PM

Problem with accordion widget flashing open and shut when page loads

why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
Thanks

Thank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.

How to refresh JSFF page only when page loaded using ADF 11g

Hi
I am facing an issue with prepreModel() usage in the .jsff page fragment. I want to invoke executables only when the specific jsff page get's loaded. I tried using 'prepareModel' as a refresh condition, but I can see always executables are getting executed. Does 'prepareModel' behaves differently for .jsff when compared to .jspx ?
Thanks in Advance

Hi,
ADF Regions have a slightly modified lifecycle. However, prepareModel behaves the same. Its marking a specific time in the ADF request lifecycle when the iterators are refreshed. Try prepareModelIfNeeded
Frank

IE Crashes when page loads

My site loads perfectly in FF2 and on Safari (Mac), but
crashes IE7 (i.e. "Internet Explorer has encountered a problem and
needs to close. We are sorry for the inconvenience")
Details: Faulting application iexplore.exe, version
7.0.6000.16544, faulting module mshtml.dll, version 7.0.6000.16544,
fault address 0x000c627d.
URL:
http://www.plpimports.com/
I believe it has something to do with the Spry Regions; when
I comment out the submenu regions (leaving the remaining Spry
menu), IE loads the page fine.
I'm using Spry 1.6.
Any help or direction would be greatly appreciated!!

Found out where the problem was -- My IE conditional comment
to fix CSS issues in the sidebar was calling a CSS element that had
been renamed. Once I changed the code to call the new name, IE no
longer crashed.
Now I just have to fix the layout issues in the menu.

Web browser resets scroll position and focus when page load completes

when a page is loading, the scroll position of the page reverts to the top-left and focus in a form element is lost whenever an element or the whole page finishes loading
Post relates to: Pre p100eww (Sprint)

Possibly related to the OP's question, I wish we could get the composition page to scroll when typing a reply here on the forum (while using my Pre plus).
Quoting a reply fills half the text box, then once I reach the bottom of the box, I can't scroll any further downward to complete my reply...
WyreNut
I am a Volunteer here, not employed by HP.
You too can become an HP Expert! Details HERE!
If my post has helped you, click the Kudos Thumbs up!
If it solved your issue, Click the "Accept as Solution" button so others can benefit from the question you asked!

Move Layer when page loads

Similar Messages

Maybe you are looking for