Spry Accordion: Is it possible to have no row selected?

Is there any way to make the Accordion act like there is no
row currently selected? It doesn't appear to be possible to set
this to null. The data in this case is being loaded from an XML
file, so I made a work-around by making the first XML element in
the list an empty tag, which worked ok, but that makes it harder to
retrieve the XML file directly from the database. Is there any way
to truly have no row selected in the Accordion?

True, I guess the accordion isn't the issue. What I'm
referring to are the functions for getting the current row from in
the XMLDataSet API. As far as I can tell, it doesn't seem to be
possible to have a null value for the currently selected row. I
just wanted to make sure that it is not in fact possible to have an
XMLDataSet instance with no currently selected row?

Similar Messages

Is it possible to hav 2 rows displayed with diffeent columns?

I I do a search and try to display information from 2 different tables but they hav different columns is it possible to have 2 tables? like
table 1:
name ID
a 1
b 2
table 2:
name Email
a w
b e
if i search for "a" can i get:
name ID
a 1
name Email
a w
or i get :
name ID email
a 1 w
? please hel me with code..

Try:
SELECT *
FROM
(SELECT * FROM id) a
,(SELECT * FROM email) b
WHERE a.a=1 AND b.a='w'
Christoph

Possible to have dynamic default selections for a dashboard prompt?

I'm running OBIEE 11.1.1.6.5, and I have customer who would like to know if it is possible to dynamically select default values on a dashboard prompt based upon other user prompted columns on the same prompt. For example, I built a dashboard prompt with three fields: Month, Customer, and Product; and I want to add a default selection to my Products prompt to pick the "top 4 products" based on the selected Month and Customer.. assuming every Customer+Month has a different "top 4 products".
Does anyone please have a suggestion on how I could approach this solution?

Thank you for your response. I've tested this approach and it seems promising. My concern I have there is how to treat "(All Choices)" values. Say the user selects All Choices on customer or period, and the presentation value in my SQL Results query reverts to whatever default value specified, which is not the intended behavior. My question then becomes how do I treat the null or All Choices and somehow omit the filter criteria or specify fy All Choices as a default to the presentation variable? Your advice is much appreciated.

Is it possible to have two rows of text fields per entry in a tabular form?

Hi,
I'm constructing a tabular form with several text fields for each entry, and I have just been advised we need twice as many text fields now as the requirements have changed.
Anyway I am running out of real estate on the page without having to use horizontal scroll bars, and am wondering if it is possible to arrange the text fields into two rows in the tabular form for data entry. I have successfully done this for display as text fields, but not sure if it can be done in this instance.
Any help would be greatly appreciated.
Application Express 4.1.1.00.23
Greg
Edited by: Snowman on Nov 30, 2012 12:02 PM

Snowman wrote:
Hi,
I'm constructing a tabular form with several text fields for each entry, and I have just been advised we need twice as many text fields now as the requirements have changed.In the first place I'd strongly recommend not using tabular forms: +{thread:id=850889}+.
Anyway I am running out of real estate on the page without having to use horizontal scroll bars, and am wondering if it is possible to arrange the text fields into two rows in the tabular form for data entry. I have successfully done this for display as text fields, but not sure if it can be done in this instance.If you must, create a custom named column template and base the tabular form report on this: {message:id=10399762}

Is it possible to have two at selection-screen events in a program

Hi all,
     I have a selection screen wherein i am using i have 5 radiobuttons and 3 select-options and a parameter. I am trying to use two at selection-screen events
1) at selection-screen on radiobutton group rad1.
2) AT SELECTION-SCREEN ON VALUE-REQUEST FOR P_STATUS.
the second event is not getting triggered.
I have to get certain values for the parameter p_status based on the radiobutton selected from an internal table(the field doesn't belong to any dictionary table i am filling an itab with some values based on the radiobutton selected) pls help. its urgent.
Regards
Tharanath

Hi
TYPES : BEGIN OF ST_OBJID_SH,
         OTYPE TYPE HRP1000-OTYPE,
         OBJID TYPE HRP1000-OBJID,
        END OF ST_OBJID_SH.
DATA : IT_OBJID_SH TYPE STANDARD TABLE OF ST_OBJID_SH.
DATA : WA_OBJID_SH TYPE ST_OBJID_SH.
AT SELECTION-SCREEN ON VALUE-REQUEST FOR S_OBJID-LOW.
IF S_OBJID IS NOT INITIAL.
    SELECT OTYPE OBJID FROM HRP1000
                 INTO TABLE IT_OBJID_SH
                 WHERE OTYPE = 'D'.
IF SY-SUBRC EQ 0.
SEARCH HELP FOR QUALIFICATION.
    CALL FUNCTION 'F4IF_INT_TABLE_VALUE_REQUEST'
      EXPORTING
             DDIC_STRUCTURE         = ' '
        RETFIELD               = 'OBJID'
             PVALKEY                = ' '
       DYNPPROG               = SY-REPID
       DYNPNR                 = SY-DYNNR
       DYNPROFIELD            = 'S_OBJID'
             STEPL                  = 0
             WINDOW_TITLE           =
             VALUE                  = ' '
       VALUE_ORG              = 'S'
             MULTIPLE_CHOICE        = ' '
             DISPLAY                = ' '
             CALLBACK_PROGRAM       = ' '
             CALLBACK_FORM          = ' '
             MARK_TAB               =
           IMPORTING
             USER_RESET             =
      TABLES
        VALUE_TAB              = IT_OBJID_SH
             FIELD_TAB              =
             RETURN_TAB             = RETURN_TAB
             DYNPFLD_MAPPING        =
           EXCEPTIONS
             PARAMETER_ERROR        = 1
             NO_VALUES_FOUND        = 2
             OTHERS                 = 3
    IF SY-SUBRC <> 0.
          MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
                  WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
    ENDIF.
ENDIF.
Use in this way it will defently triggers
<b>REward if usefull</b>

JTable: Is it possible to have different row heights on different columns?

I am using a JTextArea to render cells in a JTable in order to wrap text. This works fine... the problem is that when the text wraps, it increases the rowHeight for that row across the entire table. I would like to be able to only increase the rowHeight for that single column.
Basically, I am building a component that is a three-column list of Text labels... each label is a clickable thing that causes a new panel to load. I used a Jtable because of the features of highlighting, layout, listeners, etc. Maybe there is another way to do this...like build a custom component that just uses JLabel's or something.
Thanks in advance for any advice or comments on the JTable rowHeight or my design decision.
T.J. Herring

Thanks for the suggestion. Our requirement is that all the text must be displayed.. so unfortunately the scroll bar won't work.
This panel that I am building is supposed to act like a set of hyperlinks... like in a web browser. So that you can see all the text and click on the thing that you want. Although the underline functionality that is in the browser is not necessary.
I originally thought that the Jtable would make it easy to lay out this data in that way.. but it seems to me that it might be better to build a custom component. Maybe I'll use a grid layout with jlabels... then I can simply add the highlight/selection functionality.
I assume that I also could just wrap the list text in HTML and build a table out of it.. then display it in an JEditorPane.
Thanks

Spry Accordion and SWF

Hello,
I've made a spry accordion in DW4. I have 4 swf inserted into it with preload.
On Safari, when I click on each tab, everything works great... the SWFs display fine... But when I click once again on the second tab, for example... I have a white rectangle... I have to "play" with the tabs to display my swf...
Do you have any idea ?
Thanks for your help !

Yes... my site is "online" (index of/)... It's not quite finished... I have several things to do !
http://figueline.free.fr

RE: DropLists in ArrayFields - is it possible to have adifferent sele

Richard;
Here you go....
newList : Array of ListElement = new;
{ add elements }
row : Integer = { get your row };
column : Integer = { get by name or just know the number }
// poof! Watch that down cast!
(DropList)(<arrayField>.BodyGrid.GetChildInCell(row,column)).SetElementList(
newList);
You can also change FieldWidget settings....
<arrayField>.BodyGrid.GetChildInCell(row,column).FillColor =
C_BLUE;
My array field doesn't scroll (lucky me!). See if the AfterFieldScrolled
event fires at the right time to recalculate the widget state. I haven't
played with it and I'm far from a Forte GUI guru, but I suspect that you are
altering the column template and the visible widget is separate from the
data. So as you scroll, the data would scroll but the new settings stay
put. That's not what I would want/need. The widget reflects something
about the data. When the data scrolls, so should the presentation
properties!
What may be needed is to somehow derive the presentation state settings
dynamically from the mapped data. So when the data scrolled, the dynamic
settings change on the new presentation row.
Let me know.....
Scott Irwin
-----Original Message-----
From: Richard Finegan [SMTP:[email protected]]
Sent: Monday, August 24, 1998 1:38 PM
To: 'Forte Users Mailing List'
Subject: DropLists in ArrayFields - is it possible to have a
different selection list per row?
I have a DropList in an ArrayField column. Is it possible to have a
different list of selections for each DropList in a different row?
(ex.
DropList #1 in row #1 can choose from a/b/c, whereas a DropList #2
in row
#2 can choose only from d/e/f, etc.) Technote 4996 seems to imply
that it
isn't possible, and everything I've tried so far has failed as well.
Any insight appreciated.
Richard Finegan
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive
<URL:http://pinehurst.sageit.com/listarchive/>
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive <URL:http://pinehurst.sageit.com/listarchive/>

One way to do this is to get at the specific dropList widget in the
arrayField by calling the getChildInCell(Row,Column) method on
<..theArrayField..>.BodyGrid. This widget can then be assigned any
dropList you want. Depending on the uniqueness of the individual
dropLists, each data row specific dropList can be coded as an attribute
(array of ListElement) on the mapped class, which can then be assigned
to the dropList widget.
A code snippet to do this would be -
method refreshArray
begin
for displayRow in 1 to <myArrayField>.VisibleRows do
dataRow : integer = displayRow + <myArrayField>.TopRow - 1;
myDropListWidget : dropList =
dropList(<myArrayField>.BodyGrid.getChildInCell(displayRow,
<..columnNumOfDropList..>));
myDropListWidget.setElementList(myArrayField[dataRow].myElementList);
end for;
end method;
This method has be called only when the user scrolls the arrayField, as
in -
when <myArrayField>.AfterFieldScrolled do
refreshArray();
Hope this helps.
Prashant.
From: Richard Finegan[SMTP:[email protected]]
Reply To: Richard Finegan
Sent: Monday, August 24, 1998 11:38 AM
To: 'Forte Users Mailing List'
Subject: DropLists in ArrayFields - is it possible to have a
different selection list per row?
I have a DropList in an ArrayField column. Is it possible to have a
different list of selections for each DropList in a different row?
(ex.
DropList #1 in row #1 can choose from a/b/c, whereas a DropList #2 in
row
#2 can choose only from d/e/f, etc.) Technote 4996 seems to imply
that it
isn't possible, and everything I've tried so far has failed as well.
Any insight appreciated.
Richard Finegan
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive
<URL:http://pinehurst.sageit.com/listarchive/>
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive <URL:http://pinehurst.sageit.com/listarchive/>

DropLists in ArrayFields - is it possible to have adifferent selection

I have a DropList in an ArrayField column. Is it possible to have a
different list of selections for each DropList in a different row? (ex.
DropList #1 in row #1 can choose from a/b/c, whereas a DropList #2 in row
#2 can choose only from d/e/f, etc.) Technote 4996 seems to imply that it
isn't possible, and everything I've tried so far has failed as well.
Any insight appreciated.
Richard Finegan
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive <URL:http://pinehurst.sageit.com/listarchive/>

One way to do this is to get at the specific dropList widget in the
arrayField by calling the getChildInCell(Row,Column) method on
<..theArrayField..>.BodyGrid. This widget can then be assigned any
dropList you want. Depending on the uniqueness of the individual
dropLists, each data row specific dropList can be coded as an attribute
(array of ListElement) on the mapped class, which can then be assigned
to the dropList widget.
A code snippet to do this would be -
method refreshArray
begin
for displayRow in 1 to <myArrayField>.VisibleRows do
dataRow : integer = displayRow + <myArrayField>.TopRow - 1;
myDropListWidget : dropList =
dropList(<myArrayField>.BodyGrid.getChildInCell(displayRow,
<..columnNumOfDropList..>));
myDropListWidget.setElementList(myArrayField[dataRow].myElementList);
end for;
end method;
This method has be called only when the user scrolls the arrayField, as
in -
when <myArrayField>.AfterFieldScrolled do
refreshArray();
Hope this helps.
Prashant.
From: Richard Finegan[SMTP:[email protected]]
Reply To: Richard Finegan
Sent: Monday, August 24, 1998 11:38 AM
To: 'Forte Users Mailing List'
Subject: DropLists in ArrayFields - is it possible to have a
different selection list per row?
I have a DropList in an ArrayField column. Is it possible to have a
different list of selections for each DropList in a different row?
(ex.
DropList #1 in row #1 can choose from a/b/c, whereas a DropList #2 in
row
#2 can choose only from d/e/f, etc.) Technote 4996 seems to imply
that it
isn't possible, and everything I've tried so far has failed as well.
Any insight appreciated.
Richard Finegan
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive
<URL:http://pinehurst.sageit.com/listarchive/>
To unsubscribe, email '[email protected]' with
'unsubscribe forte-users' as the body of the message.
Searchable thread archive <URL:http://pinehurst.sageit.com/listarchive/>

I have a spry accordion problem with IE.

When I scrol down and open a panel in my spry accordion something decides to go to the first panel.
After that I have to scroll down to the opened panel.
I want to see the opened panel at once when I opened it and not go to the top of my page first.
This is no problem in ff, safari and chrome. That works fine.
Any one knows this problem and how do I solve it?
Thanks.
http://www.zeelandseaport.nl

those here
http://labs.adobe.com/technologies/spry/

Using an image as label in Spry Accordion Menu

I was wondering if it was possible to use an image instead of
text in the spry accordion menu. I have replaced the text that is
there with a roll-over image link however I'm unable to label it
since it uses the text as the label and therefore can't set the
default panel I want opened. Is there a way to do this? Thanks for
your help.

Stefaan Lesage wrote:
Is this possible with Pages 09 ? And can I achieve this ?
Is it possible to look at the Help or at the Pages User Guide
In the English one, page 17, we may read:
• Some graphics, such as watermarks or logos, appear on pages. These objects are called master objects. If you cannot select an object in a template, it’s probably a master object. To learn more, see “Using Master Objects (Repeated Background Images)” on page 60.
You can drag or place objects on a page, including imported graphics, movies, and sound, or objects that you create within Pages, including text boxes, charts, tables, and shapes.
You can also insert pages that have been preformatted for the template you’re using. Click Pages or Sections in the toolbar and choose a template page. The new page is added immediately after the page where you placed the insertion point.
Yvan KOENIG (from FRANCE vendredi 27 février 2009 23:01:32)

Spry Accordion Hover/Active Issue

I have designed a spry accordion widget for a FAQ page and within Dreamweaver CS6 it is fully functional. The color I've selected doesn't occur with a hover or an active tab once EVERYTHING is uploaded. Below is a live link to the problem page, my Spry CSS and layout CSS as well as a screenshot of the proper functionality occuring in Dreamweaver. Thoughts?
The problem page:
http://pauldhart.com/RideTTF_website/faq.html
Spry CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
    overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
    margin: 0px;
    padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    background-image: url(/content-opaque.png);
    background-attachment: fixed;
    background-repeat: repeat;
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    background-color: #300;
    font-size: 12px;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
    margin: 0px;
    padding: 2px;
    background-image: url(../infobkgd.png);
    background-attachment: fixed;
    background-repeat: repeat;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    overflow: hidden;
    height: 40
[x;
    height: 100%;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #000033;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
    color: #FFFFFF;
    background-color: #003;
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #FFFFFF;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
    background-color: #003;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #000033;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
Layout CSS
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Donate Today!</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="_css/donatepage.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarDonate.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="header"><img src="RTTF-banner.jpg" alt="Ride to the Flags VI"></div>
<div id="navigation">
    <ul id="donatemenu" class="MenuBarHorizontal">
      <li><a href="profile.html">home</a>      </li>
      <li><a href="theride.html">the ride</a></li>
      <li><a href="donate.html">donate</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">gallery</a>
        <ul>
          <li><a href="photo-gallery.html">photo</a></li>
          <li><a href="video-gallery.html">video</a></li>
        </ul>
      </li>
      <li><a href="faq.html">FAQs</a></li>
      <li><a href="contact.html">contact</a></li>
    </ul>
</div>
<span class="AccordionPanel">
<div class="AccordionPanelTab"></div>
</span>
<div id="faq-content">
    <div id="faq-accordion" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Is this ride still going on?</div>
        <div class="AccordionPanelContent">A: Yes</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What is the date for this year’s ride?</div>
        <div class="AccordionPanelContent">A: Saturday, September 7th.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What time does check-in/registration open?</div>
        <div class="AccordionPanelContent">A: Online registration will begin in May. Check-in at 8:00am on September 7th.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Where is check-in?</div>
        <div class="AccordionPanelContent">A: Check-in will be just south of PCH on Las Posas Rd (right before Gate 3 of the Naval Base).</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Will the route be the same?</div>
        <div class="AccordionPanelContent">A: We have changed the route this year few a few reasons. You can visit the route map to see.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: We’re not doing the ride but we would like to come out and watch the bikes as they drive by. What time will you be on our street?</div>
        <div class="AccordionPanelContent">A: Given our start at 10:30am, we will be reaching the following streets at these times:</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What is the minimum amount to give to ride in this ride?</div>
        <div class="AccordionPanelContent">A: $35/rider $20/passenger</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What does that give me?</div>
        <div class="AccordionPanelContent">A: Patch, Food ticket, and drink ticket</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Why must we raise/give a minimum amount this year?</div>
        <div class="AccordionPanelContent">A: As you know, for the first five years, the Ride to the Flags ran on an any-donation-goes basis. However, as we got larger, the costs associated with putting the ride together grew immensely. The minimum donation allows for us to cover the costs for the ride. However, we try our best to bring on as many sponsors as possible to help cover our costs so that we can ensure that your donation is going to good use.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Can I give more money than the registration fee?</div>
        <div class="AccordionPanelContent">A: Of course. </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What if we raise a lot of money for the cause?</div>
        <div class="AccordionPanelContent">A: The White Heart Foundation is giving out some small prizes for our top donors.   Those will be announced at a later date.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: How will check-in be different now that there is pre-registration?</div>
        <div class="AccordionPanelContent">A: There will be a pre-registered check-in line and another line for those looking to just show up the day of.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What kinds of payments are accepted?</div>
        <div class="AccordionPanelContent">A: We prefer you use our online fundraising application Razoo.com that can be found on this website for your pre-registration. </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I ride a trike, can I participate?</div>
        <div class="AccordionPanelContent">A: Yes</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Are scooters allowed?</div>
        <div class="AccordionPanelContent">A: Eh, sure, why not?</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Will there be celebrities in attendance?</div>
        <div class="AccordionPanelContent">A: Probably. We usually do not know about their appearance ahead of time. </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Are you getting tired of all of my questions?</div>
        <div class="AccordionPanelContent">A: A little</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What is happening on the base now that the Celebration of Freedom is at the end of the ride?</div>
        <div class="AccordionPanelContent">A: Memorial service and wreath laying and maybe a special guest.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Will there be live music at the Celebration of Freedom?</div>
        <div class="AccordionPanelContent">A: There will.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I don’t ride a motorcycle but can I still come to the Celebration of Freedom?</div>
        <div class="AccordionPanelContent">A: Yes.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What is my cost?</div>
        <div class="AccordionPanelContent">A: General Public $40. Student $20. Bikers the day of $40.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: If I preregister for the ride and decide to just come to the Celebration of Freedom at the end of the ride, will I get my free patch, food ticket, and drink ticket?</div>
        <div class="AccordionPanelContent">A: No.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What are costs of food and drink tickets?</div>
        <div class="AccordionPanelContent">A: Food - $5, Drink - $2, Beer - $5</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: WAIT?! THERE’S GOING TO BE BEER?!!!!</div>
        <div class="AccordionPanelContent">A: Yes.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: That’s awesome. I love you.</div>
        <div class="AccordionPanelContent">A: Control yourself.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Will there be vendors during the Celebration of Freedom?!</div>
        <div class="AccordionPanelContent">A: Yes! For the first time ever, we give to you….motorcycle vendors.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I'm a vendor, how do I reserve a spot?</div>
        <div class="AccordionPanelContent">A: Click here and fill out our application. It’s a lot easier than taking the S.A.T.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Can I sponsor the Celebration of Freedom?</div>
        <div class="AccordionPanelContent">A: Certainly! Click here for our sponsorship packet.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Can my motorcycle club ride together?</div>
        <div class="AccordionPanelContent">A: If you come together, sign in together, and hold hands.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Are we doing big flags up front this year?</div>
        <div class="AccordionPanelContent">A: Yup</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Last year the riders got split up, how are you fixing that this year?</div>
        <div class="AccordionPanelContent">A: We’re filing certain permits and paying astronomical fees to shut down traffic for 30 minutes on a Saturday so that we don’t get split up.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Last year the ride ended up being really slow, will it be slow this year?</div>
        <div class="AccordionPanelContent">A: We admit it was slow. We know, we know. Now that we are closing the roads as we all move through, we’ll be allowed to pick up the pace a little. Also, the new route allows us go faster through town.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I'm a police officer but will be riding as a civilian. Can I bring my firearm on base?</div>
        <div class="AccordionPanelContent">A: The base will not allow that.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I want to create a donating team, where do I start?</div>
        <div class="AccordionPanelContent">Content 34</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: Can I start a donating team for my motorcycle group to cover all our registration costs?</div>
        <div class="AccordionPanelContent">A: Negatory. Every individual is his/her own team. </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: I don't have a motorcycle, can I still attend?</div>
        <div class="AccordionPanelContent">A: Yes, you can attend both the event at the Naval Base and the Celebration of Freedom in Malibu.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Q: What is the WHF?</div>
        <div class="AccordionPanelContent">A: The White Heart Foundation was created to help support our community military, police, and fire.</div>
      </div>
    </div>
</div>
<div id="footer">This is the content for Layout Div Tag "footer"</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("donatemenu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("faq-accordion");
</script>
</body>
</html>
Screenshot of how it looks locally in Dreamweaver:

SpryAccordion.css
You have an error that is killing the rest of your code shown below in red. Remove it.
.AccordionPanelContent {
    margin: 0px;
    padding: 2px; /**suggest using 12px or more**/
    background-image: url(../infobkgd.png);
    background-attachment: fixed;
    background-repeat: repeat;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px; /**suggest using 16px or more**/
    color: #FFF;
    overflow: hidden;
    height: 40
[x;
    height: 100%;
Nancy O.

.js update of spry accordion panel tab data for countdown functionality

Hi,
First off I must say I really love the work done on CS3 and
the Spry Framework - loads of examples and nicely implemented!
Questions in a nutshell:
Can I change spry generated data on the fly so I can run a
.js counter function to dynamically update accordion panel data?
What event do I look for to fire a .js init function to see my new
spry widget (onPostLoad isn't working for me, but I'm a newbie!)?
* spry accordion
* {expire} dataset data is SQL DATETIME
* js countdown function CD_Init() searches DOM for specific
element IDs 'countdownN' and uses innerHTML to update counter at
specific interval
* observer onPostLoad seems to be calling CD_Init before
accordion DOM is loaded.
Verbose questions:
I am trying to tweek the output of a Spry Acoordion and
wanted to add a third party js counter to my accordion panel tab
and am having a bit of difficulty. The js code uses an innerHTML
statement to keep the counter going and supports multiple counters
(which I need to use one counter per tab). I build the multiple
counter id from the ds_RowID field which is where the parent div
element where the js changes the innerHTML. Can I do this? The .js
searches for elements w/ an ID of "countdownN", N = instance # and
a date format of '2007-09-08 00:00:00 GMT+00:00' and updates the
div's text with the countdown time. My {expire} record below is an
SQL DATETIME which is the correct format for this countdown.js
function (with the GMT-05:00 appended).
The relavant code is:
<div id="specialDisplay" spry:region="dsSpecials">
<h3>Click on a special below from our <em>LIVE
FEED</em> to see all the up-to-the-moment
exciting packages available!</h3>
<div id="AccordionSpecials" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsSpecials">
<div class="AccordionPanelTab"
onclick="dsSpecials.setCurrentRowNumber('{dsSpecials::ds_RowID}')"
spry:hover="AccordionPanelLabelHover"><?php echo '<div
id="countdown' .'{ds_RowID}'. '">';?>{expire}
GMT-05:00</div>{dsSpecials::name}</div> 
<div class="AccordionPanelContent">
<div spry:state="loading"><img
src="./i/ajax-loader.gif"/></div> 
<div spry:state="error"><span spry:content="Error
loading data..."></span></div> 
<div id="details" spry:state="ready"
spry:content="{detail}"></div> 
</div> 
</div> 
<script type="text/javascript">

</script>
</div> 
</div> 
I got the nice countdown.js script from
http://andrewu.co.uk/clj/countdown/
which allows N # of counters/page. I have updated this code to
start checking for a zero based index that I generate utilizing the
spry ds_RowID.
I have added an observer to run the countdown's
initialization function (to hopefully find all the "countdownN"
element instances) under my dataset declarations:
var observer = { onPostUpdate: function(notifier, data) {
CD_Init() ; } };
Spry.Data.Region.addObserver("AccordionSpecials", observer);
Also tried to add the observer to a div surrounding the
according w/ the "spry:region" specified.
But, alas, I see the correct expire instance in my tab, but
it looks like the counter is only firing before the actual data is
loaded (i.e. I used FF's webdeveloper and set a break on the
CD_Init function and it's breaking before the actual accordion is
there - I see the dataset placeholders in my window for the
accordion. When I continue, the accordion is generated, but my
countdown isn't working because it looks to be firing before the
DOM is updated w/ the accordion elements.
Sorry for the long speil; I'm really a .js neophyte and just
starting w/ spry - so I'm not even sure if I can/should change the
HTML generated from spry. If not, is there anyway that I can have a
countdown timer for each accordion's tab panel's associated
{expire} data field? Any ideas and suggestions are greatly
appreciated!!
Thank you also for this forum - some great gems for
development here!

Sorry - the previous post is way too long.
Is it possible to tie in a javascript update function (a
counter update) to an element generated by a spry widget (a dataset
value that generates spry accordion tab text) so that the accordion
tab gets updated by the javascript function running under a
setinterval?
I've tried firing the javascript init function with an
observer on the accordion's onPostUpdate event, but it's getting
fired before the spry data is loaded. Is this something that's
possible? Sorry for my lack of javascript expertise! Relying on the
real experts here!
Thanks for any advice/pointers.

Spry accordion subpage troubles

Hello all,
I used DW CS4 to set up a spry accordion for my site (www.apposite.us) navigation menu. I was able to change some of its behaviors and appearance and am mostly satisfied, but I have two lasting issues:
1. I want the 'Home' tab to share the style and behavior of the rest of the accordion, but since it does not have any content, DW seems to interpret it as 'broken' and refuses to return the index page upon selection. I tried to fix the issue by defining an empty content panel, which fixes the 'broken' issue, but the change messes up spacing relative to the rest of the menu.
2. I want a particular panel to remain open upon selection of its content (right now, the panel reverts to collapsed when a content page is opened). I found a solution that involves working with several templates, but I would like to avoid this if at all possible.
Any suggestions on either improving the function of this accordion or setting up the menu more effectively using a different method would be greatly appreciated.
Jane

Sorry, my followup message should read:
Hi Gramps,
Your suggestion for part one of my problem worked (thank you!), but I am still having problems implementing part two.
As it is currently constructed, all pages are set up with the same template, which includes
var Accordion1 = new Spry.Widget.Accordion("MenuLabels", { useFixedPanelHeights: false });
in its code. Is there a way to make any selected content return its parent panel? Or is there a way to make an editable code region within the template (I have tried but not succeeded in doing this)? If the code you suggested
var Accordion1 = new Spry.Widget.Accordion("MenuLabels", { defaultPanel: 2, useFixedPanelHeights: false });
must be added to each linked content page, how do I achieve this without divorcing it from the template?
Thanks again,
Jane

Spry accordion and #wrapper issue

Hi
I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.
Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.
Your help with this is greatly appreciated!
Regards
John

Thanks ben, I initially thought if I left the height of my wrapper blank and also the height of the spry content blank they would expand as more information was entered? Is there possibly and issue with CSS hierarchy?
Thanks again for your help!!
John

Spry Accordion: Is it possible to have no row selected?

Similar Messages

Maybe you are looking for