Close Accordion panel by clicking on a button

I'd like to have a button either in the Tab or Content to
make the content panel close. What is a good way of doing it?
Thanks!

If you have constructed the widget the following way
var acc = new Spry.Widget.Accordion('id',
{useFixedPanelHeights:false});
then you should add an onclick handler like
onclick="acc.close()"
The accordion then closes the active panel. The
useFixedPanelHeights option is necessary.

Similar Messages

Adobe 5 closes immediately when I click the "Print" button.

Adobe 5 closes immediately when I click the "Print" button.

Meredith Lincoln wrote:
Yes
If you want help with your problem you are going to have to expend a little more effort in providing information on the details of the original problem and fully answering the questions people ask.

Buttons to open or close accordion panels

I'm using an accordion widget and I would like to put a button or link at the bottom of each content panel, which says 'Continue'. When clicked it should close that panel and open the next one.
Could someone help me with the javascript to do this please? I'm not very good!
Many thanks.

Have you seen this sample?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose

How to close main window on click of a button on popup window

Hi All,
I have created a web page which on certain condition display a popup window to to provide information. Wht i want is that when i click on close button on my popup window, my main window should also close.
Can anyone please help with this requierment!!!
Regards,
tushar

Hi All,
Could anyone of you please help me by answering the thread
WDDOEXIT method not called when the application is closed from the portal
Thanks,
Subash M

Same accordion panel after click

Hi,
With Dw CS4 we can put accordion spry, right.
I want to have the same open panel when I click on a link inside a panel and download a new page.
Ex
<div id="Acc1" class="Accordion">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Panel 1</div>
    <div class="AccordionPanelContent">
     <ul>
          <li><a href="page1.php?id=1">Link1</a></li>
           <li><a href="page1.php?id=2">Link2</a></li>
     </ul>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Panel 2</div>
    <div class="AccordionPanelContent">
     <ul>
          <li><a href="page2.php?id=20">Link20</a></li>
           <li><a href="page2.php?id=21">Link21</a></li>
     </ul>
    </div>
</div>
</div>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1");
</script>
If I click on Link1 the new page is open on Panel 1
If I click on Link 20 the new page is open with Panel2
How can I make this ?
Tnx Friends From Mediterranean Sea

Read this:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
See bottom example for implementation on the TabbedPanel widget, same technique can be used on the accordion.
A other technique is using cookies. http://go.spry-it.com/cookie

Close accordion spry when clicked

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

How do I close tabs only by clicking a mouse button in Firefox 4?

In Firefox versions prior to 4.0.1. I used to be able to simply click on one of my middle mouse buttons to close the current tab. This feature no longer works in version 4. Now the mouse button closes all tabs. The only other ways I have found to close current tab is either move the cursor to the X on the tab and click it, or to use the keyboard shortcut ctrl+w. These methods are more cumbersome than simply clicking the middle mouse button from anywhere in the tab. How do I setup this feature in Firefox 4? Thanks.

Can you attach a screenshot?
*http://en.wikipedia.org/wiki/Screenshot
Use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed the maximum file size (1 MB).

IDVD closes unexpectedly when I click the audio button

I have had the most horrible time using this new iDVD software to burn a picture CD. I have chosen to use the Magic DVD option and I am thrilled aout the outcome but everytime I click on the add audio button the program instantly closes and all of my work is gone. I have tried to close out and reboot but nothing...Please help!!!!

Hi Adam
No not knowing but just suggesting what to try till someone that knows
gives the correct answer.
- Delet iDVD pref file: -->/Users/YourName**/Library/Preferences/com.apple.iDVD.plist
- Clean out/Erase the Media File - in iDVD under advanced menu
- Repair Permissions (Apple Disk Util tool)
- Repair Hard disk (Apple Disk Util tool) - You need to start from CD/DVD or
one external hard disk
- Eventually: Start a new account - log into this and re-try.
Other origins are version conflicts:
OS X.3.9 + iDVD 5.0.1 + QT 6.5.2 = stable working environment (if possibly)
OS X.4.9 + iDVD 6.0.3 + QT 7.1.5 = also OK
Just to start with till the real gurus hit the bulls eye.
Yours most concerned Bengt W

I can not close firefox unless i click on "home" 1st. also it freezes when i try to print or edit bookmarks,ect... Anyone know how to fix?

It runs ok but when i go to a page "like msn.com or facebook.com,ect..." I can not close or minimaze the browser to allow me to close i need to click the "home" button then i can close firefox.

Do you have that problem when running in the Firefox SafeMode? <br />
[http://support.mozilla.com/en-US/kb/Safe+Mode] <br />
''Don't select anything right now, just use "Continue in SafeMode."''
If not, see this: <br />
[http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes]

How to maintain dynamic rows with data when click on Previous button?

Hi,
I have 1 aspx page and divided into 3 pages using panels.Each panel has "Next" and Previous buttons
I have created and deleted dynamic table rows when click on Add button using javascript. whenever i click on Next button it will navigate to same page of next panel.
when i click on previous button then it goes to previous panel but whatever i have added dynamic table rows in 1st panel that got removed.
Can u please help me for how to maintain state of dynamic table rows with entered data when click on Previous button?
How to get dynamic table rows with entered data in previous panel when click on Previous button?
Please find the below javascript code:
function insertRow() {
if (index >= 2) {
document.getElementById('deleteRow').style.display = "inline";
else { document.getElementById('DeleteRow').style.display = "none"; }
var table = document.getElementById("myTable");
var row = table.insertRow(table.rows.length);
cell1 = row.insertCell(0);
t1 = document.createElement("select");
t1.options[t1.options.length] = new Option('--Select--', '0');
t1.id = "ddlYear" + index;
cell1.appendChild(t1);
for (var i = 1975; i <= 2015; i++) {
opt = document.createElement("option");
opt.value = i;
opt.text = i;
t1.add(opt);
t1.style.width = "155px";
var cell2 = row.insertCell(1);
t2 = document.createElement("Select");
t2.options[t2.options.length]=new Option('--Select--','0');
t2.options[t2.options.length]=new Option('State Board','1');
t2.options[t2.options.length]=new Option('CBSE','2');
t2.options[t2.options.length]=new Option('ICSE','3');
t2.options[t2.options.length] = new Option('Others', '4');
t2.style.width = "155px";
t2.id = "ddlCourse" + index;
cell2.appendChild(t2);
var cell3 = row.insertCell(2);
t3 = document.createElement("input");
t3.id = "txtCity" + index;
cell3.appendChild(t3);
var cell4 = row.insertCell(3);
t4 = document.createElement("input");
t4.id = "txtInstitute" + index;
cell4.appendChild(t4);
var cell5 = row.insertCell(4);
t5 = document.createElement("Select");
t5.options[t5.options.length] = new Option('--Select--', '0');
t5.options[t5.options.length] = new Option('English', '1');
t5.options[t5.options.length] = new Option('Hindi', '2');
t5.options[t5.options.length] = new Option('Telugu', '3');
t5.options[t5.options.length] = new Option('Others', '4');
t5.style.width = "155px";
t5.id = "ddlMedium" + index;
cell5.appendChild(t5);
var cell6 = row.insertCell(5);
t6 = document.createElement("input");
t6.id = "txtSpecialization" + index;
cell6.appendChild(t6);
var cell7 = row.insertCell(6);
t7 = document.createElement("input");
t7.id = "txtFnl" + index;
cell7.appendChild(t7);
index++;
function DeleteRow(index) {
var table = document.getElementById("myTable");
table.deleteRow(index);
// if (index = 2) { alert("There is no rows added.Please add the new row"); }
Design:
<tr style="font-size: 12pt" id="trSecond" runat="server">
<td colspan="3">
<table id="myTable" width="100%" border="0">
</table>
<tr>
<td colspan="3" align="right">
<input type="button" title="Add" value="Add" onclick="insertRow();" />
<input type="button" id="deleteRow" title="Delete" value="Delete Row" onclick="DeleteRow(this);" style="display:none" />
</td>
</tr>
Thank you.

Put the button click into an action listener and build the new frame there. The code I have below isn't exactly what you're doing (it's amazingly oversimplified), but it's probably similar enough to get your wheels turning in the right direction.
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class sample
     public static void main(String[] args)
          JFrame frame = new JFrame("Sample");
          frame.setSize(400,400);
          Container content = frame.getContentPane();
          content.setLayout(new FlowLayout());
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          final JTextField text = new JTextField(10);
          content.add(text);
          JButton button = new JButton("Send");
          content.add(button);
          frame.setVisible(true);
          button.addActionListener(new ActionListener()
               public void actionPerformed(ActionEvent ae)
                    JFrame myframe = new JFrame("Results");
                    myframe.setSize(200,200);
                    Container mycontent = myframe.getContentPane();
                    mycontent.setLayout(new FlowLayout());
                    String mytext = text.getText();
                    JLabel label = new JLabel();
                    label.setText(String.valueOf(mytext));
                    mycontent.add(label);
                    myframe.setVisible(true);
}

How to close the detach popup on click of a button in the panel collection

Hi,
I'm using Jdeveloper 11.1.2.3.0.
I have an af table surrounded by panel collection. There is a button on panel collection to commit the changes in the table.
Clicked detach button to view the table in full browser.
On click of Commit button, the detach popup is not closed. I have set partialSubmit of that button to false. Then also detach popup is not closed.
Can anybody suggest me how to close the detach popup on click of a button in the toolbar.
Thanks,
Vinod

Hi Frank,
Thanks for your response. Popup is not closed.
I tried this approach, when the view tree is navigated on the Detach, I see that the tree is same as if it is traversed on the page without detach.
Printed client id and UI component class in the while loop, result is as below.
r1:0:pc1:t3 class oracle.adf.view.rich.component.rich.layout.RichToolbar
r1:0:pc1 class oracle.adf.view.rich.component.rich.output.RichPanelCollection
r1:0:ph2 class oracle.adf.view.rich.component.rich.layout.RichPanelHeader
r1:0:pgl1 class oracle.adf.view.rich.component.rich.layout.RichPanelGroupLayout
r1 class oracle.adf.view.rich.component.rich.fragment.RichRegion
pgl1 class oracle.adf.view.rich.component.rich.layout.RichPanelGroupLayout
db2 class oracle.adf.view.rich.component.rich.layout.RichDecorativeBox
db1 class oracle.adf.view.rich.component.rich.layout.RichDecorativeBox
psl1 class oracle.adf.view.rich.component.rich.layout.RichPanelStretchLayout
ps1 class oracle.adf.view.rich.component.rich.layout.RichPanelSplitter
f1 class oracle.adf.view.rich.component.rich.RichForm
Tried with setting partialsubmit property to false on the command button, still the popup is not closed and my Faces Message are shown behind the detach popup.
Thanks,
Vinod

Panels Accordion - want to close all panels when navigate away

Hi complete Newbie, so apologies if answered already or a no brainer. Using panel accordion and love the effect. However, have placed a link to another page within one of the sections. Works fine except when new page loaded, panel section is still in 'open' state. Is it possible to get accordion to collapse when mouse rolls out of panel or a link within it is clicked?
Thanks in anticipation.
Joe

Hi Joe,
I believe you have placed the accordion panel on the master page, on the master page please select options for the accordion panel and select can close all: http://prntscr.com/3ofqgx
Once you have added the link to the section in accordion panel, please make sure all the sections are closed.
Doing this will load the target page but as the master page has the accordion closed, it will be rendered on the page as closed.
Regards,
Gaurav Aggarwal

How can I automatically close a dialog box using Javascript after I click the OK button to submit it?

How can I automatically close a dialog box using Javascript after I click the OK button to submit it? I don't want to have to X out of the dialog box after I am done.
Thanks
Linda

JS can not interact with open dialogs in any way, unless it's a dialog
created in JS using the Dialog object.
On Thu, Jul 24, 2014 at 11:13 PM, lindaeliseruble <[email protected]>

Accordion Panel Widget - open and close speed.

Hello,
Is there any way to change the speed that an Accordion Panel Widget opens and closes?
I would like it to be slower than it is now.
For my project it would be more relaxed and graceful.
Thanks,
Chris.

HI Chris
With Accordion we cannot setup the speed as of now , but you can try out composition widget where we can define transition, auto play speed.
Thanks,
Sanjit

Globally open and close all accordion panels

Is there a way to globally open and close all accordion
panels? For example, it would be nice to have an "Expand all" and
"Collapse all" link at the top of the page, before the accordion,
that has this functionality.

Hi FM_n_DC,
Accordions can only ever have a single panel open. If you
want individual control over which panels are open you probably
want to use a CollapsiblePanelGroup. This sample shows how to open
all and close all of the panels of the CollapsiblePanelGroup:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
--== Kin ==--

Close Accordion panel by clicking on a button

Similar Messages

Maybe you are looking for