Accordian Widget!

Hi
I am using Spry for Second time but i have gone through the
Sample's and i like it very much.
I am struck on a problem using Accordian Widget.I am using
AccordionPanelTab.It is very fine but the problem is that the
content of the Tab contains the URL of other site.So when i am
cliking on that it is openning the whole Page in the Same content
so i am loosing the Tabbed Feature provided by the Spry.
Please HELP ME OUT!!!!!!!!!!!!!:(
It is very Urgent to me.
Thanks in Advance, i will Owe you this Thing.
Regards,
Mohammed Junaid

<%@ page language="java" contentType="text/html" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>ABC</title>
</head
<script language="javascript" type="text/javascript"
src="widgets/accordion/SpryAccordion.js"></script>
<script language="javascript" type="text/javascript"
src="includes/SpryDOMUtils.js"></script>
<script language="javascript" type="text/javascript"
src="widgets/accordion/accordion_unobtrusive.js"></script>
<link href="widgets/accordion/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<link href="css/samples.css" rel="stylesheet"
type="text/css" />
<body>
<h3>ABC</h3>
<div class="Accordion" id="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">XYZ1</div>
<div class="AccordionPanelContent">Content for XYZ1
come's here!<br /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">XYZ2</div>
<div align="center"> Content for XYZ2 come's
here!<br /></div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">XYZ3</div>
<div > Content for XYZ3 come's here!<br
/></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">XYZ4</div>
<div > Content for XYZ4 come's here!<br
/></div>
</div>
</div>
</body>
<script type="text/javascript">
var acc7 = new Spry.Widget.Accordion("Accordion", {
useFixedPanelHeights: false });
</script>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Accordion", {
defaultPanel: 0 });
</script>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Accordion", {
duration: 250, fps: 90 });
</script>
</html>

Similar Messages

  • Template update of accordian widget

    When I make changes to the accordian widget in the template these changes are not updated on the pages made from the template. Any ideas?

    My guess is that you have it in an editable region of your template.  When you make a change and save, it does not update the child pages. You might be able to make the changes, go up to Modify | Templates | Apply Template to Page...but that is a guess.
    If your accordian is a menu, having it in an editable region is not very productive.
    Your best bet is to post a link to one of the child pages so people can see the code.
    Gary

  • Spry Accordian Widget

    OK, I'm thinking this may be impossible to explain, but here
    goes. I have a simple table. I install a Spry Accordian widget to
    one of the table's columns, and the whole table (the who page
    actually) explodes laterally, breaking apart pictures, and
    segmenting what was just a simple table. What gives here? Any help
    is MOST appreciated!!

    add the option defaultPanel:-1 to the constructor
    var bla = new
    Spry.Widget.Accordion('id',{defaultPanel:-1});

  • Accordian widget scrollbar to publish in Captivate 7

    Does anyone know how to get the Accordian widget scrollbar to publish? I'm using Captivate 7 and the interactive widget called Accordian. If your text in the box is too long, a small scroll bar should show up on the right. Only when I publish, it doesn't show up. I'm publishing as a SWF with Flash 11. I've tested it and a few computers can see it and some can't. Any help out there would be much appreciated.

    Preview from this slide does nothing, and does not show an error message.
    When I try to publish to SWF I get this message:

  • Accordian widget only triggers on click, and not mouse-over

    I cannot get my accordian widget to behave properly. I have created a drop-down menu off my main nav that I want to trigger (or accordian down) upon mouse-over, and go back up after I have clicked a menu item. Right now the accordian will only open when I CLICK the menu, and only closes when I click again (which is crazy annoying).
    How can I set the states for the accordian???
    Thank you!

    I would like to know the answer to davidgb's question as well.

  • Why can't the Accordian widget's drop down box span full width in mobile layout?

    I'm trying to create a simple drop down navigation for mobile. When the entire header is clicked, it expands down to reveal a dynamic vertical menu, which will cover the page content below, not push it down.
    I've taken an accordian widget and added a vertical navigation widget (to allow dynamic navigation) into the expanded area. When I preview it, the drop down box of the accordian widget doesn't span the full width of the site width (380px). It stops 5-10px short of the right edge, which is a small detail, but it annoys me, and is not how I have it set up in design view. There is no other content on the page, just this element. When I have elements extend off the page area, it somehow affects the amount of space the drop down area stops short from and adds more. Strange again. Kind of stumped as to if/how I can fix this.
    Screenshot attached.

    The code taht you have shown is not the template, it is a document that has been created from a template and renamed with a dwt extension.
    If you load the document into DW then go to menu item Modify->Templates->Detach from Template and save the file, you will have your original template called index.dwt and located in the Templates subdirectory.

  • Problems with spry accordian widget in CS5

    I am updating a client's website and am having problems with the spry accordian widget. I read that it has been replaced with jQuery in the latest version and am told I can modify my existing spry widgets but cannot add new ones. In trying to modify the existing widget I get error alerts. I guess adding a new accordian tab is not considered a modification of the existing widget. I only have CS5 version of DW. What to do?  Thanks in advance for your help.

    Hi Patricia,
    you with your CS5 can continue to use the spry accordian widget BUT it's inopportune. I quote from different contributions of the forum: "Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future.” So I/we recommend you to switch to a jQuery library for your further requirements."
    You may have a look here: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm, where you will find a wide range of different menus.
    On the other hand - to become closer with your problem - you could send us the link to your website in question.
    Hans-Günter

  • Accordian widget height issues. Please help.

    I have built an accordian widget with 3 parts to it. The problem is that when I preview it or export the files and preview it, there is a pile of white space below the accordian. This white space is the exact height of my tallest opened tab. So...when all 3 tabs are closed or one of the other 2 smaller ones are open, there is all this white space below. The only time it looks good is when the tallest accordian tab is open. Can this be fixed? Am I doing something wrong? Thank you.

    Just figured it out. Needed to deselct “overlap items below”. Whew.

  • Possible to have empty panel in the accordian widget?

    Hi,
    I have set up my widget and all is working great, except for one issue.
    I'm using the widget for a left column navigation menu, but there are several menu buttons (accordian panels) that do not have sub-menus, and therefore I don't need those particular panels to have 'accordians' (they don't have to open).
    At this moment I've just left the content empty, but this makes the panel do a very tiny movement as it appears to open approximately one pixel. This is frustrating as and annoying, albeit nitpicking. I also think it may be a little confusing for the users as they might think the button isn't working correctly and just keep clicking it expecting it to eventually open as the others do.
    Is there a way to avoid this??
    Thanks for any help you can offer
    Ccesca

    Hi Ccesca,
    have a look at the following
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 3</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 4</div>
        <div class="AccordionPanelContent">Content 4</div>
      </div>
    </div>
    I have left out <div class="AccordionPanelContent">Content 2</div> from the second panel, preventing it from going anywhere when the tab is clicked.
    I hope this helps,
    Ben

  • Accordian widget inconsistent when pushing elements below

    I am facing several annoying issues with the accordians on this page: Leather Interior Kits
    I have searched the forums and in all related posts, no working solution has been offered.
    In the top Accordian, clicking Leather content - it correctly pushes down the the Seat color section (text and a box) and the Seam style accordian, but does not push down the Add to cart and Back to products or any elements below it.
    On the 2nd tab Seat style it behaves similar to the first tab but also pushes the description to the left down a little (which shouldn't be affected) and the divider and the below content (which should be affected but a lot more).
    3th tab behaves the same as no. 1.
    The is a hidden tool tip overlaying the Seat color tab (can only be activated by clicking the right part of the box. This element doesn't get pushed down either.
    The 2nd accordian does not push anything down what so ever.
    Additional Info:
    No scroll motion effects set on any of the relevant elements.
    No elements overlapping (apart from the tool tip widget)
    Removing the tooltip widget does not make a difference
    No elements that are supposed to be pushed down are grouped (often a cause for problems)
    Overlap items below is unchecked on both
    There is an additinal tooltip widget overlapping the 2nd accordian (actually only in expanded state), that can be activated when Seam style is expanded (cliking Contrast dbl. stictching or piping) but removing this doesnt make any difference either.
    Accordians and content are all placed on the same layer - the tooltips are placed on a higher layer.
    This is design in progress, but i have wasted a lot of time trying to get these elements to behave correctly.
    Best regards
    Martin

    Hi Sanjit
    Here is a much simplified version of the page showing the issue clearly.
    http://pushdownissue.businesscatalyst.com/leather-interior-kits.html
    The accordian is the red framed elemenent - and when expanding ii does
    not push down the Add to cart section, but the content below.
    /Martin

  • Panel Tab as Link only (no content) in Accordian Widget?

    Is there a way for panel tabs that have no content to
    a) Close any other open panels when clicked
    b) Act as link of their own (they will navigate to separate html page rather than open accordian panel) and
    c) show active state when clicked
    I would be wanted 'Label 2' of the follwing panel to be a link to an external page, whereupon i will set that panel tab to be default active when they land there.
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 3</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 4</div>
        <div class="AccordionPanelContent">Content 4</div>
      </div>
    </div>
    Hope i've made sense....
    Thanks in advance of anyone's help/advice (I ammeanwhile scouring the forums on the web).
    ccesca

    Why not?
    Be sure you have not set a height for the panel content, or you will end up with a normal tab with a blank content panel falling below it.
    I've never tried creating an accordion that had a tab completely without a content area, but that might work.
    So, put a link on your tab text and see if it functions the way you want.
    Regarding the Show active state when clicked, examine the accordion CSS file and fiddle around with things to change. It is likely that it is already set up to do that.
    Beth

  • JQuery Accordian widget downloaded into DW

    I downloaded an accordian that is perfect except I have live links inside of it and I would like to change them to blue to be more intuitive for the average user. Can I change the color of the content selectively inside a themed accordian? I don't really want to start from scratch building my own theme in JQuery ui.
    file://macintosh%20hd/Users/faithmurray/Desktop/tensorwebsite/awards.html
    Would appreciate help.
    Thank you.

    Hi Ken,
    Unfortunately I still can't get this to work. I went into the styles panel and found the rule that you referenced but although it appears lit up like you can change it, ie; it will delete.... it then bounces back to the original. I also got this error message:
    Then although I see the jquery-ui.css as a related file on the document tool bar that specific file does not show up in the files panel to download from the remote server as the error message says to do.
    The original file has this at the top.
    Is it possible that they don't allow for any edits of the themed accordians?
    Thanks again for your help.
    Faith

  • Accordian Spry Widget

    Hi,
    I have a page here:
    CLICK HERE
    That uses the Accordian Widget. My question is how can I
    change the default open panel? I want the bottom panel open when
    the page loads, with the 2 top panels closed.
    Any help would be most appreciated.

    I found the answer on the Lab forums:
    Put this :
    <script type="text/javascript">
    var acc1 = new Spry.Widget.Accordion("Accordion1", {
    defaultPanel: 2 });
    </script>
    Instead of this:
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    near the bottom of your page

  • Accordian open and close

    I setup an accordian widget to start out displaying all
    closed panels. What I'd like to do is have a panel close only if
    the user clicks on the tab. If the click on another tab, they'll
    have two panels open. Basically making it into a Treeview type
    script. Is that possible? I'm using Spry 1.6.1.
    thanks

    quote:
    Originally posted by:
    dpj22
    I setup an accordian widget to start out displaying all
    closed panels. What I'd like to do is have a panel close only if
    the user clicks on the tab. If the click on another tab, they'll
    have two panels open. Basically making it into a Treeview type
    script. Is that possible? I'm using Spry 1.6.1.
    thanks
    Instead of using an accordion u should a use a
    collapsable panel, or collapsable panel group
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html

  • Mobile site using an accordian panel with menu selections

    I watched the adobe muse video here is the link  http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-create-a-dynamic-sliding -menu-for-your-mobile-website-in-adobe-muse/
    In the demo, when you preview it mobile site, the menu is not displayed and when you tap th emenu, the accordian menu displays and pushes all the content down and then when you close it, pushes it back up.
    I created a similar test mobile site. But, when I preview it the menu always appear on start up and the content is not pushed down or up when the menu is activated or closed.  I noticed that the options on the accordian widget in the video are different than in my MUSE which is V7.1 build 329.  There is no close all initially check box. Instead I have an overlap item below check box.
    So my question is what do I need to do to get this to work as per the video.
    Thanks-Bryan

    Hello,
    I think there may be an issue in how your model/Accordion Menu was configured.  What insert option are you using?  Your destination should only be 'one' row OR 'one' column at the most.
    Thanks,
    AJ

Maybe you are looking for

  • Report In Excel class

    Good afternoon, I am creating a test program that detects if Excel is open. I used the TaskList command line of the System Exec.vi to give me a list of processes that are currently running, then doing a search on excel.exe using the Search and Replce

  • Snow Leopard, and AW 6

    Okay, I'm sure this has been answered, but I need to ask: Will AW 6 work on the new OS Snow Leopard? I use AW a lot (DB, drawing program for brochures, and docs) and just used to it. Was hoping iWork would be more like AW (and include a DB feature).

  • Just bought a new iphone 4s 16gb my sim worked correctly after puting and old profile on the phone so I could get all the info now it says invalid sim what can I do o fix this?

    just bought a new iphone 4s 16gb my sim worked correctly after puting and old profile on the phone so I could get all the info now it says invalid sim what can I do o fix this?

  • All data lost.

    Hi, I have a problem with something on Final Cut. Today, I opened up the program, and everything was lost. All my sequences, all my imported videos, everything. The day before everything was working fine, no one used it and my computer hasn't crashed

  • Armada 1580DMT BIOS Update needed

    Hello from Bulgaria I'm a HP Compaq user from forever and I've always been happy with the laptop products. I currently own a Pavilion dv6-1080eq. I still keep the first laptop I got, it's an Armada 1580DMT. I want to bring this old fighter back to li