Show and hide the symbols on the click event

Hello

I have 4 text overlays. Each of them can be clicked and opened individually. Any combination of them could be opened at any time. It can also be closed individually buttons within the same window.

In the assets Panel, I have a set of buttons that sit on the text overlays. What I want to do is to start with the visible buttons. Once all 4 text overlays is open the buttons are hidden. Once all 4 text collections are closed the buttons must be visible again.

I would be grateful for anyone's help.

You can set your buttons to display off the coast in the interface user, then show(); in your case.

Example:

SYM.$('elementName'). Show();

You can use an indicator of close all when the flag is true:

Insert a variable in each symbol example

A = 1;

B = 1;

C = 1;

D = 1;

then have a conditional in each event which will check the variable

If (A == 1 & B == 1 & C == 1 & D == 1) {}

code to display your buttons

} else {}

code to hide your buttons

}

Tags: Edge Animate

Similar Questions

  • Show and hide the scroll bar

    Hello!

    How could I show and hide the scroll bar attached to a dynamic text field depending on the size of the text?
    I tried different solutions based on bottomScroll and maxcroll, but nothing works...

    Thank you very much in advance for your help.

    Best regards
    Gerry

    If you use a text field, you can do a simple test:

    If (textInstance.textHeight > textInstance._height) {}
    show the ScrollBar
    }

    --
    Dave-
    Developer leader
    http://www.blurredistinction.com
    Adobe Community Expert
    http://www.Adobe.com/communities/experts/

  • One button - show and hide the function

    Hi I want to use it to be able to click the button once to show a subfield and click again to hide

    I hide the code to the click event and click to show works of stage, but the second click does nothing

    my code is:

    If (help1vidlist.presence = "hidden") {}

    help1vidlist. Presence = "visible";

    } else if (help1vidlist.presence = 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    any ideas?

    Thank you

    I think that you should use the operator 'is' under the conditions, it is;

    If (help1vidlist.presence == 'hidden') {}

    help1vidlist. Presence = "visible";

    } Else if (help1vidlist.presence == 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    Concerning

    Bruce

  • Show and hide the text in a page of questions / answers

    I need to create a FAQ page in Flex3. The page initially lists all questions with a "Show" button after each question.

    A click of a button 'Show', the answer to this specific question is inserted and displayed below

    the question and the button becomes "hide the answer.

    A click on the button "Hide the answer," despairs the answer to this question, the questions (and answers if there is)

    below moves upward to support the space and the button becomes «See the answer»

    Suggestions or examples? DataGrid with masking of rows? Directly using state transitions?

    I would use visible and includeInLayout properties

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • Responsive Design - Show and hide the div tags

    Hello

    I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

    I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    line-height: 30px;

    }

    (Tablet)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    (office)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 0px;

    padding-bottom: 0px;

    text-align: center;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    Thanks for your help!

    Alex

    Try to delete the two lines, as shown below.

    Display: block overrides display: no because it is further down in the code.

    For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

    Edit: I think that really is all you need:

    {#tab-container}

    display: none;

    }

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

  • Show and hide the problem of groups (topics) of Param

    My plugin brought fairly complex has quite a few settings, I've grouped using topics to keep things neat. The user can choose which limits to start or stop using a checkbox for each. Turn on a checkbox displays the settings group; turn off, cover the group settings. I use the following code in a function called from PF_Cmd_USER_CHANGED_PARAM and PF_Cmd_UPDATE_PARAMS_UI:

    AEGP_StreamRefH wfm_streamH = NULL;

    A_Boolean hide_wfmB =! params [QPGA_SCOPE_OPTION_WFM]->u. bd. value ;     The value hide_wfmB to the inverse of the value of the checkbox

    AEGP_EffectRefH                    meH                                                  = NULL;

    AEGP_SuiteHandler suites (in_data->pica_basicP);

    ERR (suites. PFInterfaceSuite1 ()->AEGP_GetNewEffectForEffect(NULL, ->effect_ref, & meH in_data));

    Example - waveform monitor only, but in the code for real there is one of these for each of the groups of five range

    ERR (suites. StreamSuite2 ()->AEGP_GetNewEffectStreamByIndex(NULL, meH, QPGA_WFM_TOPIC_START, & wfm_streamH));

    etc...

    Visibility Toggle of the parameters

    ERR (suites. DynamicStreamSuite2 ()->AEGP_SetDynamicStreamFlag(wfm_streamH, AEGP_DynStreamFlag_HIDDEN, FALSE, hide_wfmB));

    etc...

    if (meH) {

    Err2 (suites. EffectSuite2 ()->AEGP_DisposeEffect(meH));

    }

    if (wfm_streamH) {

    Err2 (suites. StreamSuite2 ()->AEGP_DisposeStream(wfm_streamH));

    }

    etc...

    It works fine when the check box is selected, but the problem is if I save my instance effect as a preset of effects. When I apply the preset to a new layer, I get for example, all parameters in the hidden groups appear less their group themes, when they should be hidden. These two images show what controls should look like, and what they look like:

    Expected result:

    qpga_params_correct.jpg

    Actual result if the application via an effect preset:

    qpga_params_incorrect.jpg

    Settings between the red lines are those of the four other groups that should not be displayed.

    I hope this makes sense. My hunch is that I have to disable sur-ou * every * parameter within a group. This will require a lot of flow Ref handles well and seems a little inelegant/inefficient!

    One thing I do not use sequence data - I tried this because he was part of the sample project (master of work, I think), but it did not affect the result. I thought that the sequences were a red herring here anyway.

    Thanks in advance!

    Christian

    Unfortunately, you can't hide/show each param within a group, or such bugs happen. (for example, which appears in the timeline panel is touch-ups)

    However, as the coding of the problems come, is not a problem. only a nuisance.

    (and you're right, the sequences have nothing to do with this problem)

  • Show and hide the drop-down menus on the page of the product, based on selected values

    Hello.

    I wish that my product page to view different drop-down lists following, based on the values of individual drop-down list.


    I managed to achieve this through JavaScript, but I don't like how it works.

    As far as I know, there is no identifier for each individual drop-down list to determine who it is, so I can't for the moment is to rely on their order in the DOM, which is bad and it is difficult for me to create a solution that might work for all products.

    For example, if the following is a single attribute:

    < div class = "catProductAttributeGroup" style = "" display: none; "> < div class ="catProdAttributeTitle"> metal Foiling < / div > < div class ="catProdAttributeItem"> < select > < option value =" ">--please select--< / option > < option value ="6051720"> not necessary < / option > < option value ="6051721"> sheet ONE side + £45 < / option > < option value ="6051722"> Foiling BOTH sides + £75 < / option > < / select > < / div > < / div >"

    I would like to than the div outermost having some sort of html attribute that contains the product id attribute. Something like: data-attribute id = "XXXXXXX". Is this possible?

    Here's what I have so far:

    I use {tag_attributes_json}, {tag_product_json} and {tag_currency} to get these values in javascript on the page loading, so I can use them later.


    Then, I hang on to change the events of the drodpowns I have and then toggle their visibility based on those who are selected. I rely on the jequery ': eq (n)' selector to achieve, I don't like. Is there an option with {tag_attributes} which to add additional information (such as the ID attribute on the menu drop-down) on the generated HTML code?

    All works in the beginning, but if I can 'Add to Cart', the product element get ajax-reloaded and events are suddenly off the hook, so it no longer works. For this one, there are two options:

    1. I could hang on to an event that triggers once the product added to the shopping cart and the page is ready. Is there such an event?

    2. I could set up my own add to cart using bcInternals.shop.addToCart. I tried to do this, but I have two problems with it.

    a. addToCart seems add my selection twice, for some reason any. Any ideas what I could do wrong?

    b. the news of cart in the upper right corner don't refresh. Apparently, he's trying to refresh, but there is a kind of access error in the script. This part is not yet fully added to the page, but there is a function which would add it to the basket at the bottom of the largest block of script. Am I using the function addToCart incorrectly?

    It's the page, sure I have the feature added partial implementation:

    Matt Laminated business cards

    The scripts are currently embedded in the HTML code. Once I put it in place correctly, I would like to extract in a separate file. Search for "'$productAttributesElement ' to find the block with the features and for 'productInfo' to find the part where I store the product with tags. _json data "

    Hello

    No worries, na not know if you have solved or that the answer was not helpful

    You need trigger the script you in the presentation of product details model, or you can add a listener for the container of the product and to trigger the script if changes are detected.

    Concerning

  • Show or hide the buttons of the model using JavaScript

    Can someone tell me to know to disable, show and hide the buttons of the model using JavaScript? In my case, I use AJAX for validation and the validation failed, I want to deprive the person's ability to submit the form. I did successfully using the HTML buttons but they seem ugly and do not correspond to the theme of the application. I really want to do using the model based buttons. Anyone know the answer to that?

    You can find that here:

    http://Apex.Oracle.com/pls/OTN/f?p=31517:143

    The only problem you have to solve is to assign an id to each template button. Rather than use an id string coded hard = "buttonHide1" as in my example, you could use id = "" #LABEL # "If there are a lot of different buttons you need to display / hide on a single page." However, at the same time make sure that the processes are also conditional and follow the logic. To hide a button, this isn't a guarantee that a process can not be executed.

    Denes Kubicek
    -------------------------------------------------------------------
    http://deneskubicek.blogspot.com/
    http://www.Opal-consulting.de/training
    http://Apex.Oracle.com/pls/OTN/f?p=31517:1
    -------------------------------------------------------------------

  • Hide/show element at the click of another symbol

    Hello

    I want to hide an element by click. The item that is clicked is inside another symbol, which one that should be hidden.

    Please tell me how I can handle this.

    Thank you very much

    // Get the symbol element "kitten_1" and hide the element "kitten_paw"
    sym.getComposition().getStage().getSymbol("kitten_1").$("kitten_paw").hide();

  • How to show or hide the region of the shuttle during the click on the radio buttons?

    Hello

    I'm new to JDeveloper. Here is my requirement.

    1. create 2 radio buttons: Yes and no and default displays "" selected radio button.

    2. create a region of shuttle with select query in VO.

    Query is:

    Select 'No group' for_user, for_pkg double null

    Union

    Select "Company" for_user, for_pkg "SEGMENT1" double

    Union

    Select 'Rental' for_user, for_pkg 'SEGMENT2"double

    Union

    Select 'Cost center' for_user, 'SEGMENT4' double for_pkg

    Union

    Select 'Project' for_user, 'SEGMENT5' double for_pkg

    Union

    Select "Intercompany" for_user, "SEGMENT8" for_pkg of the double

    order by nulls first for_pkg

    3. initially hide the region of the shuttle during the loading of the page.

    4. click on the radio button 'yes', display area of the shuttle with values at the head of list of query VO and empty list leak.

    5. new click on the 'no' radio button, he must hide region and so screen shuttle shuttle dynamically according to the selected option button.

    But my problem is I am able to hide area shuttle when the page loads at the beginning and after that, when I'm clicking 'Yes' radio button, is just to display area shuttle empty without value in the main list and once when I'm clicking 'No' radio button, it should hide area shuttle but he's not hiding. I used the RPP to show or hide the area Shuttle under certain conditions. I use JDev 10.1.3.3.0 version as we Oracle EBS version 12.1.2 in our society.

    Please find the attached draft and suggest me proper with examples of sample approach.

    Monika,

    I tried to get this working in the lower version of Jdeveloper and looks like it works.

    Can you make the change below and see what happens.

    1. modify your query to VO as below: (I replaced null with SEGMENT0)

    select 'No Grouping' for_user, 'SEGMENT0' for_pkg from dual
    union
    select 'Company' for_user, 'SEGMENT1' for_pkg from dual
    union
    select 'Location' for_user, 'SEGMENT2' for_pkg from dual
    union
    select 'Cost Center' for_user, 'SEGMENT4' for_pkg from dual
    union
    select 'Project' for_user, 'SEGMENT5' for_pkg from dual
    union
    select 'Intercompany' for_user,'SEGMENT8' for_pkg from dual
    order by for_pkg
    

    2. place VO execution to the processFormRequest:

        public void processFormRequest(OAPageContext pageContext,
                                       OAWebBean webBean) {
            System.out.println("In process Form Request");
            super.processFormRequest(pageContext, webBean);
            OAApplicationModuleImpl appModule =
                (OAApplicationModuleImpl)pageContext.getApplicationModule(webBean);
            String eventParam = pageContext.getParameter(EVENT_PARAM);
            System.out.println("eventParam: " + eventParam);
            if ("showHideShuttle".equals(eventParam)) {
                //  appModule.invokeMethod("deletetrailing");
                System.out.println("Inside If");
                OAMessageCheckBoxBean messageCheckBoxBean = (OAMessageCheckBoxBean)webBean.findChildRecursive("checkBoxBean");
                System.out.println("messageCheckBoxBean : " + messageCheckBoxBean);
                String messageCheckBoxBeanVal = (String)messageCheckBoxBean.getValue(pageContext);
                System.out.println("messageCheckBoxBeanVal: " + messageCheckBoxBeanVal);
    
                if ("Y".equals(messageCheckBoxBeanVal)) {
                    OAViewObjectImpl shuttleVO1 =
                        (OAViewObjectImpl)appModule.findViewObject("ShuttleVO1");
                    if (shuttleVO1 != null) {
                        shuttleVO1.setWhereClause(null);
                        shuttleVO1.setWhereClauseParams(null);
                        shuttleVO1.executeQuery();
                        System.out.println("Executed Query : " + shuttleVO1.getQuery());
                    }
                    OAViewObjectImpl shuttleVO2 =
                        (OAViewObjectImpl)appModule.findViewObject("ShuttleVO2");
                    if (shuttleVO2 != null) {
                        shuttleVO2.setWhereClause("1=2");
                        shuttleVO2.setWhereClauseParams(null);
                        shuttleVO2.executeQuery();
                        System.out.println("Executed Query1 : " + shuttleVO2.getQuery());
                    }
                }
                String[] name = { "RenderAttr1" };
                String[] val = { messageCheckBoxBeanVal };
    
                Serializable[] params = { name, val };
                Class[] paramTypes = { String[].class, String[].class };
                appModule.invokeMethod("setXXCustomPVOValues", params, paramTypes);
    
            }
    
        }
    

    3. move Spel link shuttle Bean for the region of header above.

    Some useful links for the shuttle Bean:

    Technology blog based in Java of Sushant: 13. Area of application OFA shuttle

    Framework OA Blog: control of the shuttle as part of OSTEOARTHRITIS

    See you soon

    AJ

  • Show and hide content on stage with the action of the button

    Hello...

    I created a button to show and hide certain content on stage. The button works fine, but there is a problem... when I click on the button to display the content and I move to another section of the timeline, hides the content again, and I just want that it to hide when the button is clicked again :-(

    Here is my code:

    Quote:
    Posted by: kglad
    and your a real button or movieclip button? If it's a button movieclip instead of btAcess use _root.btAcess and see if that solves your problem.

    Forget it! you were right, and it's really simple after all...
    just need to add _root variable btAcess: s

    Thanks once again kglad for the patience and most importantly, help ;-)

  • I created show and hide features in InDesign I want to export to interactive PDF format. These functions work when seen in Acrobat on the desktop, but not on iPad/Tablet - why?

    I created show and hide features in InDesign I want to export to interactive PDF format. These functions work when seen in Acrobat on the desktop, but not on iPad/Tablet - why?

    Why? Most likely because the PDF Viewer on the Tablet is too stupid to deal with show/hide functionality.

    You could try PDF Expert of Readdle on qpdf Notes Pro on Android and iOS devices.

    Depending on how the show/hide was created during the export of InDesign, it can work in viewers. Otherwise, you will need to open PDF files in Acrobat and edit features show/hide something more digests of PDF device viewers.

    BTW, you will encounter the same issues with the PDF display components in web browsers.

    I hope this can help.

  • Create a slide show and change the image by clicking on it? (!)

    How can I create a slide show and change the images by clicking on them?

    here you can find an example: http://www.thisiscatalogue.co.UK/around-the-way/

    Thank you!

    solved

  • Activate the user audit logs and hide the other audit logs account system on computers in a domain by using Group Policy

    Hello

    Please could someone advise me on how to activate the user audit logs and hide the other audit logs account system on computers in a domain by using Group Policy. Your help would be much appreciated.

    Kind regards

    RocknRollTim

    Hello

    Please contact Microsoft Community.

    We have a specific forum for the computers in the domain and they are experts in this field of investigation and would be in a better position to address the concerns. So refer to the link below and post your query on the TechNet Forums.

    https://social.technet.Microsoft.com/forums/en-us/home

    I hope this helps. If you have any questions on Windows, please answer. We will be happy to help you.

  • Select and hide the query

    In Photoshop CC when I use select and hide the 'onion skin' filter does only rarely. Any suggestions as to why this could be?

    Works perfectly! I'm wondering now if I had the - ticked instead of +. Seems as if could be the answer and if it does not work in the future I'll check everything here first. Thanks for your time and your help.

Maybe you are looking for