Similar Questions

• Default Spry Accordion Panel

  CONTEXT: I inserted a Spry Accordion with six different panels. Each Panel has its own set of links. Each link corresponds to a page in a long series of linked pages which together form a single document. Each panel of links represents a contiguous set of linked pages and a section of the document. In addition, I created a model for the entire document which includes the Spry Accordion just described.
  
  GOAL: create an editable region in the template that will allow me to control the default Panel for each page of the document.
  
  FAILURE of ATTEMPT: documentation Adobe to set the default for the Spry Accordion Panel suggests the following JavaScpript:
  
  < script type = "text/javascript" >
  var acc8 = new Spry.Widget.Accordion ("Accordion8", {defaultPanel: [someNumber]});
  < /script >
  
  where someNumber is an integer that is greater or equal to zero. When this code is entered into the model error.
  
  DISCUSSION: continued research in the JavaScript file that controls the accordion, I was able to find the function that controls the default Panel. It appears like this:
  
  Spry.Widget.Accordion = function (element, opts)
  {
  This.Element = this.getElement (element);
  this.defaultPanel = 0;
  this.hoverClass = "AccordionPanelTabHover";
  this.openClass = "AccordionPanelOpen";
  this.closedClass = "AccordionPanelClosed";
  this.focusedClass = "AccordionFocused;
  this.enableAnimation = true;
  this.enableKeyboardNavigation = true;
  this.currentPanel = null;
  This.Animator = null;
  this.hasFocus = null;
  This.Duration = 500;
  
  this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
  this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
  
  this.useFixedPanelHeights = true;
  this.fixedPanelHeight = 0;
  
  Spry.Widget.Accordion.setOptions (, opts, true);
  
  Unfortunately, some browsers like Safari, style sheets in our
  page depends may not have been loaded at the time, we are called.
  This means that we must postpone attaching our behavior until after the
  OnLoad event is triggered, because some of our behaviors are based on dimensions
  specified in the CSS.
  
  If (Spry.Widget.Accordion.onloadDidFire)
  this.attachBehaviors ();
  on the other
  Spry.Widget.Accordion.loadQueue.push (this);
  };
  
  QUESTION: How can I access this feature of in my template to change the setting for this.defaultPanel?

  Quote:
  The main JavaScript file for the accordion can be controlled by a
  model, since he lives in a separate .js file.

  I do not use templates myself, but it looks like the correct way to approach
  the problem is the one used on your 'ATTEMPT failed. You can try it
  again and report message the exact error you get and at what stage. Maybe
  you get help on that.

  EXPRESSION OF GRATITUDE
  Thank you for your encouragement. Indeed, part of the solution to my problem was discovered through a reconsideration of my attempt failed. The other part came from the information provided me while helping another person with a related, but different problem. It turns out that the line of code in my failed ATTEMPT is automatically placed in the model when the SPRY accordion is inserted. Unaware of his presence and the right place I am he entered by mistake a second time. This triggers not only an error message, but it renders unusable, various other parts of my document.

  THE SOLUTION
  First step: find the line of code that is similar to that given by the following text:
  
  In my model, this code was found at the bottom of the HTML body tag.

  Second step: understand that the name of the variable 'acc8' and the name of the "Accordion8" parameter provided in the sample code above are arbitrary, and that the two are automatically defined when then a SPRY accordion is inserted. Important is that these names are likely to be different from what you see in the sample code above, and that you need and probably should not edit them in your document.

  Step 3: change the number in the name pair: value indicated as defaultPanel:2 to a number between 0 and one less than the number of panels that you create in your accordion. It is this number that allows you to determine the Panel that appears when the document is opened.

  Step four: Save and test in your favorite browser. Enjoy!

  CAUTION:
  This experience taught me a crucial lesson on the use of Dreamweaver. Dreamweaver has a mind of its own and can easily ruin you in seeking to correct your own mistakes for you. The solution is to save your document with a second copy before attempting any innovation that is not already integrated in the Dreamweaver program.

  FURTHER EXAMINATION:
  As I created a template to use with other documents, I will now try to make this area of my template editable, so that I can change the default setting of every other page that I create from my template. As I still do this, understand that the steps above, even if it is valid for a document template, may or may not be valid for pages created from the template. I hope they are and it will keep experimenting.

• Want to get spry accordion panel will remain open while a page to this article

  Is there a way to get an accordion spry tab remain open while on a page in a section? For example, if I am in the Panel "information section" and I click on a link (references.html) I want the menu accordion will stay open until I go to a new menu panel. Is this possible with this Spry Accordion widget?

  In documents (pages) at the bottom of the document, you will see a line similar to

  acc1 var = new Spry.Widget.Accordion ("acc1", {useFixedPanelHeights: false, defaultPanel:-1 });

  For each document in the Panel "ABOUT LSNY" - PUBLICATIONS, change the value to 1

  For each document in the "MEMBERSHIP - CONTACT" panel, set the value to 2

  And so on for each Panel
  

• How to apply different styles to several spry accordion panels?

  Hi all

  I have a site I'm building that has several functions that spry accordion.

  I try to apply different styles to each accordion. A problem arises when I try to place an accordion in an another accordion.

  I have style two images of different background for both of the accordians for styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) that work very well.

  When I try and place an accordion in an another accordion background image for this Accordion for styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has different style applied that I said in the accordion.css folder, however the style (AccordionPanelTabHover) has the same style as the accordion, it's breast, even if I said a background image in the accordion.css file different.

  I hope this makes sence, below is my source and the CSS Code.

  I appriciate any help that can be given to help solve this issue I'm running too.

  Source code

  < div id = "content" >

  < p > < span class = "first_header_word_packages" > welcome </span > < span class = "header_word_packages" > on our page of packages </span > < / p >

  < class p = "content_txt" > here you can build the package Web site that meets your needs while being able to determine the cost of your site without having to worry about the scary hidden costs at a later date. < /p >

  < class p = "content_txt" > we have two packages available for our clients; < /p >

  < div id = "Accordion1" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion2" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion2 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion2->

  < / div > <! - end #Accordion1 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion1->

  < div id = "Accordion3" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion4" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion4 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion4->

  < / div > <! - end #Accordion3 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion3->

  < / div > <!-end #content->

  CSS

  @charset "UTF-8";

  / * SpryAccordion.css - version 0.5 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  / * This is the selector for the main container of the accordion. For our style by default.

  * draw us left, right and bottom borders. The upper edge of the accordion

  * is made by the first AccordionPanelTab which never moves.

  *

  * If you want to limit the width of the Accordion widget, set a width

  * the accordion container. By default, our accordion expands horizontally to fill

  * a space available.

  *

  * The name of the class ("accordion") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style the

  * Accordion container.

  */

  . Accordion {}

  border-left: 1px solid gray;

  border-right: 1px solid black;

  border-bottom: 1px solid gray;

  overflow: hidden;

  }

  / * This is the selector for the AccordionPanel container which houses the

  * tab panel and panel content area. It is not make it visually, but we

  * ensure that it has zero margin and padding.

  *

  * The name of the class ("AccordionPanel") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of accordion panel.

  */

  . {AccordionPanel}

  margin: 0px;

  padding: 0px;

  }

  / * This is the selector for the AccordionPanelTab. This container houses

  the Panel personnel. It is also the container where the user clicks

  * to open a specific panel.

  *

  * The name of the class ("AccordionPanelTab") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of Accordion Panel tab.

  *

  * NOTE:

  * This rule uses the - moz-user-select and - khtml-user-select properties to prevent the

  * the user to select the text in the AccordionPanelTab. Here is the browser owner

  properties that only work in Mozilla browsers (such as FireFox) and KHTML

  * browsers (such as Safari), so they will not pass the W3C validation. If you want your documents to

  * validate and don't care if the user can select text in an AccordionPanelTab.

  * You can remove these properties without affecting the functionality of the widget.

  */

  . {AccordionPanelTab}

  background-color: #CCCCCC;

  border-top: 1px solid black;

  border-bottom: 1px solid gray;

  margin: 0px;

  padding: 2px;

  cursor: pointer;

  -moz-user-select: none;

  -khtml-user-select: none;

  }

  / * This is the selector for the content area of a Panel. It is important to note that

  * You should never put any padding on the content area of the group if you plan to

  * use the animations of accordion panel. Place padding non-zero on the content

  * area can cause accordion suddenly increase in height, while signs alive.

  *

  * Anyone who styles an accordion * MUST * specify a height on the Accordion Panel

  * Content container.

  *

  * The name of the class ("AccordionPanelContent") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of the accordion panel content.

  */

  . {AccordionPanelContent}

  overflow: auto;

  margin: 0px;

  padding: 0px;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open. The "AccordionPanelOpen" class is added and removed programmatically

  * to panels as long as the user clicks on the tabs in the accordion.

  */

  . AccordionPanelOpen. {AccordionPanelTab}

  background-color: #EEEEEE;

  }

  / * This is an example of how to change the appearance of the tab of the Panel as the

  * mouse passes over it. The "AccordionPanelTabHover" class is added programmatically

  * and removed containers tab panel as the mouse enters and leaves the tab container.

  */

  . {AccordionPanelTabHover}

  color: #555555;

  }

  . AccordionPanelOpen. {AccordionPanelTabHover}

  color: #555555;

  }

  / * This is an example of how to change the appearance of all the Panel tabs when the

  * Accordion has focus. The class "AccordionFocused" is programmatically added and removed

  * whenever the accordion wins or loses the keyboard focus.

  */

  . AccordionFocused. {AccordionPanelTab}

  background-color: #3399FF;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open when the accordion is in focus.

  */

  . AccordionFocused. AccordionPanelOpen. {AccordionPanelTab}

  background-color: #33CCFF;

  }

  / * Printing rules * /.

  @media print {}

  . Accordion {}

  overflow: visible! important;

  }

  . {AccordionPanelContent}

  display: block! important;

  overflow: visible! important;

  height: auto! important;

  }

  }

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg1.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/package_spry_tab_bg1_RO.png) ;}

  #Accordion2. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry1.png) ;}

  #Accordion2. AccordionPanelTabHover,

  #Accordion2. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/packages_spry1_ro.png) ;}

  #Accordion3. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg2.png) ;}

  #Accordion3. AccordionPanelTabHover,

  #Accordion3. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/package_spry_tab_bg2_RO.png) ;}

  #Accordion4. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry2.png) ;}

  #Accordion4. AccordionPanelTabHover,

  #Accordion4. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/packages_spry2_ro.png) ;}

  
  

  Good guys.

  I thought about it, if someone had the same problem as me and a look at this thread for the answer, here it is.

  Firstly if you are wanting to separately style two or more Spry accordions that are not on the other example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Do not do this, as long as you have separate ID's for the div (which dreamweaver automatically anyway), you will be fine.

  However if for some reason, you want to put one accordion inside another like I did for example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Too style accordion 1 and 2 so their tabs have different origins and Hover background when the content panel is open and closed you need to style it in CSS that they follow the path;

  CSS

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg_RO.png) ;}

  #Accordion2. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry.png) ;}

  #Accordion2. AccordionPanelClosed. AccordionPanelTabHover,

  #Accordion2. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry_ro.png) ;}

  Normally in styling two separate spry accordions, you can simply use the following code

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg_RO.png) ;}

  The only difference with the style one Spry Accordion in another so that they have different horizons stationary when the content panel is open and closed ".» AccordionPanelClosed ".

  Hope this has helped someone who had the same problem, I was.

  
  

• Spry Accordion Panel don't not fuctioning in iE

  I created a page using the Panel accordion Spry, which works fine in FF, Chrome and Safari, but not iE, where is appears open completely stretched. Best I can tell, it of the latest version of Spry and has the correct statement at the top. In my view, he has worked in the past (I rarely use iE) but I have not done something to change this page. In addition (in iE only) the component of the page template contains a SWF News Malaccaaccordian which works fine but needed to update Flash message and link appear despite the element being present. I strongly am a welder and searched with no use for a response and am afraid of wasting time too afraid of screwing up things in browsers that work. The web address of the page is:

  www.sttimothysanglicanchurch,org/aboutus.html

  Thanks for any help you can send my way.

  Tracy

  Be able to work with the code is an essential first step in web design. Copy & sticky code without a thorough knowledge of the basic principles of HTML, is a recipe for failure.

  A basic HTML document consists of the following opening & closing tags in the following order:

  Content of the page

  Your main problem is that you have some things out of sequence or not matched. If you look at the validation report, it tells you what line of code is to launch errors and why.

  As I don't have access to the code in your Template.dwt file, I can't fix this for you.

  Start here - HTML & CSS Tutorials

  http://www.html.NET/

  http://w3schools.com/

  Nancy O.

• Spry Accordion Panel height

  I try an accordion Spry Panel for the first time in Dreamweaver CS5 (Spry 1.6.1) and have problems with the height of the Panel content area.

  The default is 200 pixels (with a scroll bar for larger than 200px content), but I need the content area to develop or expand according to content, which is of course the standard behavior of a DIV. If I remove the height attribute in the SpryAccordian.css file (or change it to 'auto'), it seems to change the height of all areas of content of Panel to match the largest room, which is not the desired effect, I want to.

  Is it possible to get the Panel of content areas to simply resize according to the content?

  Have a look here http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights

  GRAMPS

• Spry Accordion Panel does not...

  Can someone please look at this site and see what I'm doing wrong?

  My accordion does not work on the page of 'heaven', but does not work on the page 'a way'. ???

  This link is the problem page.

  This linkwith the accordion even (on the same site) works great!

  I don't know if it's a problem of location of file or what.

  My SpryAssets folder is located in the root folder.

  BTW, it works fine on my local machine, but not when I download it.

  At a loss.
  Thank you!

  MG

  Also posted on the spry forum (with no responses).

  Ok.  I'll have a go.

  Have you thought to compare the top part of the code in the two pages.  that is, the

  Take a look at this piece in particular.

  
  
  
  

  You have your site management implemented?

  In addition, check your page in the validator shows a few stray closing tags.

  good page and one in the wrong page.  I don't know, but a matching failure
  tag could cause difficulties.

  Martin

• Spry Accordion Panel - lower tab always open

  I have several clients who are now missing the tab is still open instead of the tab at the top of the page at the bottom. Customers are not see the rest of the tabs and courses about business here with new information added each time. What should I do so that the tab at the bottom opens when the page is displayed?

  You'll find this and more info HERE

• Accordion panels do not display the contents of all the

  I'm using the spry Accordion Panel. But the signs are a fixed height and do not change according to the amount of content that is inside of them. How to change that? I don't want a scroll bar for overflow as the default value. I want just the panels to open to view all content.
  
  It comes to my page:
  http://creative.generalgrowth.com/Jeremy/b2btest/clients.html

  Very well. The problem was a change in the CSS I did not return. Everything seems to work fine now.

  I truly appreciate the answers and guidance from each.

• Help! Using Spry Accordion in the menu template &amp; links on PanelTabs not open pages

  Please help me. I have redesigned my site and used an accordion Spry Panel for navigation. 5 Panel accordion tabs are supposed to go directly to the pages (without content in Panel accordion - only tab) while the other 2 have ul lists in content as submenus to the catalogues. The submenu links work, but the links in tabs. The site is hosted in Business Catalyst and the submenu links point to the BC catalogues.

  The source code of my Accordion Panel is as follows:

  < div class = "sidebar1″" >

  < div id = "Accordion1" class = "Accordion" tabindex = "0" style = "" outline: none; ">"

  < div class = "AccordionPanel" >

  "< div class ="AccordionPanelTab"> < a href ="... / home.html "> home < /a > < / div >"

  < div class = "AccordionPanelContent" > < / div >

  < / div >

  < div class = "AccordionPanel" >

  "" < div class = "AccordionPanelTab" > < a href = "#" > < /a > < a href = "... / about2.html" target = "_self" > about us < /a > < / div >

  < div class = "AccordionPanelContent" > < / div >

  < / div >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > Products of the brand... < / div >

  < div class = "AccordionPanelContent" >

  < ul >

  < li > < a href = "#" > < /a > < a href = "/ musical instruments-schoenhut" > Schoenhut < /a > < /li >

  < li > < a href = "#" > < /a > < a href = ' / smile-educational-toys ' > smile < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ greenbean-teaching-products ' > Greenbean < /a > < /li >

  < li > < a href = "#" > < / a > < a href = "/ CatalogueRetrieve.aspx?" CatalogueID = 227697 "> Melissa & amp; Doug < /a > < /li >

  < li > < a href = "#" > < / a > < a href = "/ CatalogueRetrieve.aspx?" CatalogueID = 227701 "> Penguin/Ladybug < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ plans" > plans < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ rgs-smartplay" > Smartplay RGS < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ viga" > VIGA < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ Phönix-in-a-box" > Phonix-in-a-Box < /a > < /li >

  < li > < a href = "#" > other < /a > < /li >

  < /ul >

  < / div >

  < / div >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > Products by Type... < / div >

  < div class = "AccordionPanelContent" >

  < ul >

  < li > < a href = "#" > < /a > < a href = "/ educational toys" > < /a > < /li > educational toys

  < li > < a href = "#" > < /a > < a href = "/ construction" > Construction < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ games" > games < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ calculation" > numeracy < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ literacy" > literacy < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ motor skills" > motor < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ outdoor-play" > outdoor play < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ music instruments" > Instruments of music < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ puzzles" > Puzzles < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ books" > book < /a > < /li >

  < li > < a href = "#" > < / a > < a href = "/ CatalogueRetrieve.aspx?" CatalogueID = 227978 "> Arts & amp; Crafts < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ stationery" > stationery < /a > < /li >

  < li > < a href = "#" > < /a > < a href = "/ for-the-classroom" > for the Classroom < /a > < /li >

  < /ul >

  < / div >

  < / div >

  < div class = "AccordionPanel" >

  "" < div class = "AccordionPanelTab" > < a href = "... / news2.html" target = "_self" > News < /a > < / div >

  < div class = "AccordionPanelContent" > < / div >

  < / div >

  < div class = "AccordionPanel" >

  "" < div class = "AccordionPanelTab" > < a href = "... / activities.html" target = "_self" > activities < /a > < / div >

  < div class = "AccordionPanelContent" > < / div >

  < / div >

  < div class = "AccordionPanel" >

  "" < div class = "AccordionPanelTab" > < a href = "... / contact2.html" target = "_self" > contact us < /a > < / div >

  < div class = "AccordionPanelContent" > < / div >

  < / div >

  < / div >

  Add the highlight and remove the bar by

  target = "_self" onclick = "window.location = this.href; return false;" " > News

• How to combine the Spry Accordion with link pseudo classes?

  Hello

  I tried to get the text of the link I've included in the tabs Panel accordion to behave according to the behaviour of the accordion (in particular the hover state) but so far struggled to do. I hope I explained that well - does anyone know if it's possible to do? I can provide the code later if necessary.

  Essentially, when you hover over the text of the link it works as expected, but as soon as you place the cursor on it - while still having your mouse over the tab-text changes color (which is okay) but because you're still hovering above the current tab, only the background color is clashing with the color of the text. If you mouse then on the tab itself the background color changes and everything seems normal again. I am looking for a way to combine the features of both, namely to have the sequence of the text, but with the right css applied so that it looks correctly part of the accordion behavior.

  Help would be very appreciated.

  See you soon.

  If you change

  onclick = "MM_goToURL ('parent', ' audio / index.ht ml');" return document. MM_returnValue'> Audio

  TO

  Audio

  It works the way you want.

  Also have a look here http://backyardfurniture.com.au on the Help menu of the Accordion Panel.

  GRAMPS

• Help put links on the spry accordion graphics

  I have a sidebar with a spry accordion. Each content area has a picture inside. I want users to be able to click on the image (after the accordion is opened to her) and a link to another page. But I can't find anyway to attach a link to the image inside the accordion. Help, please!

  Thank you.

  But I can't find anyway to attach a link to the image inside the accordion. Help, please!

  Click on in the tag in Code view, and add the link using the property inspector.

• a link to the Spry tabs Panel

  Hello
  I need help connecting a tab in the Spry tabs Panel, the second tab in this Panel is "details", I want to create a link in the homepage to this tab, so clicking on the link will take you to the Board page where the second tab is opened and displayed. How can I do this?
  Thank you

  Check out this tutorial by David Powers, I used it a few days ago and it works perfectly.

  http://foundationphp.com/tutorials/spry_url_utils.php

• A link to the specific Spry Panel

  I'm trying to bind to specific Spry panels on a different page. I watched and copied stuff from the region of Spry of Adobe Labs, but's it obviously quite right yet. The first code below from page with Spry Panel, and the second part, of course, includes the binding code, I tried. In both cases, it simply opens the page to the default Panel - '0' or 'finding of General song '. With the second example, the lower panel (panel1) is appearing just for a moment, when you click on her link, but then the top panel / default appears and remains.
  
  Thank you - JAY
  

  http://foundationphp.com/tutorials/spry_url_utils.php

  --
  Ken Ford
  Adobe Community Expert - Dreamweaver
  Fordwebs, LLC
  http://www.fordwebs.com

  "baytonem" wrote in message
  News:frh2bj$c9f$1@forums. Macromedia.com...
  > I'm trying to link to a specific Spry panels on a different page. I have
  > looked at
  > and copied stuff from the Spry region of Adobe Labs, but I obviously
  > don't
  > have quite right yet. The first code below comes from the page with the
  > Spry
  > Panel and the second part, of course, includes the linking code, I tried.
  > In
  > two cases it just opens the page to the default Panel - '0' or 'general '.
  > The song
  > Search. "With the second example, the lower panel (panel1) makes its appearance
  > just
  > for the moment where his link is clicked, but then the top panel / default
  > appears
  > and remains.
  >
  > Thank you - JAY
  >
  >
  >

  
  >

  
  >
  • 
    >
    General song search
    
    >
  
  >
  • 
    >
    Search by Scripture reference
    
    >
  
  >

  
  >

  
  >
  >

  
  >
  > _________________
  > FIRST example
  >
  >
• http://www.baytonemusic.com/searchBoth.php "> song ". Search
  >
  
  >
  • http://www.baytonemusic.com/searchBoth.php ".
    > onclick = "TabbedPanels1.showPanel (0) ' > General search
  
  >
  >
  • http://www.baytonemusic.com/searchBoth.php ".
    > onclick = "TabbedPanels1.showPanel (1);" return false "> writing Ref"
  
  >
  >
  
  >

>
>
> SECOND example
>
>
• http://www.baytonemusic.com/searchBoth.php "> song ". Search
  >
  
  >
  • http://www.baytonemusic.com/searchBoth.php "> General"
    > Search
  
  >
  • <>
    "> href =" http://www.baytonemusic.com/searchBoth.php?panel=1 "> write "
    > Ref
  
  >
  
  >

>