Spry collapsible panel with spry data

I have created a spry collapsible panel and wanted to put
srpy data in it, to dynamically load.
i also want to hide the entire panel if no data is available.
It will show the data, but the click to open/close does not
work.
here is the code.

I have made some progress, thanks, however im still getting
some odd formatting issues, for example, the 1st panel shows with
different design to the rest of the panels.
this is my code;
<div id="region" spry:region="ds1">
<div id="repeat" spry:repeat="ds1">
<div id="CollapsiblePanel{ds_RowID}"
class="CollapsiblePanel">
<div class="CollapsiblePanelTab"
tabindex="{ds1::ds_RowID}"> <h1>{title} - last amended
{amended}</h1></div>
<div
class="CollapsiblePanelContent"><strong>{message}</strong>
Added by <strong>{owner}</strong> on
<strong>{added} </strong>(REF:
<strong>{id}</strong>) <a href="/service/index.asp"
target="_self">View full details</a></div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel{ds_RowID} = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel{ds_RowID}");
//-->
</script>
As you can see, I am inserting {ds_RowID} in the variable
name, in order for the panels to operate independantly, however
have I coded it correctly?

Similar Messages

  • How to fill my collapsible panels with dynamic content from PHP scripts?

    Hi people,
    I'm trying to generate dynamically generated content in a
    Spry collapsible panel. Previously I've generated PHP files that as
    an output generates a dynamic table with the data I want to show. I
    figured it would be possible to use an php include option to
    generate this table in a content section of a Spry collapsible
    panel. However, when I do this the collapsible panels appear to
    join and when panel1 is clicked all tables close instead of only
    panel 1 and all tables are put benath each other without putting it
    in each seperate panel. But when i replace the file with only the
    text "content" it works fine. Do i maybe have to add some kind of
    command at the end of my php file to make it look like the
    "content"-text or is this not the problem?
    I've been looking for the answer now for a couple of weeks on
    various forums and nothing seemed to work for me. Can please
    somebody help me out?
    Greets,
    Damian
    The code in its non working form:
    <head>
    <!--Link the CSS style sheet that styles the Collapsible
    Panel-->
    <link href="SpryAssets/SpryCollapsiblePanel.css"
    rel="stylesheet"
    type="text/css" />
    <!--Link the Spry Collapsible Panel JavaScript
    library-->
    <script src="SpryAssets/SpryCollapsiblePanel.js"
    type="text/javascript"></script>
    </head>
    <body>
    <!--Create the Collapsible Panel widget and assign
    classes to each element-->
    <div id="CollapsiblePanel1" class="CollapsiblePanel1">
    <div class="CollapsiblePanelTab">Tab</div>
    <div class="CollapsiblePanelContent"><?php
    include('details_books.php');?></div>
    </div>
    <div id="CollapsiblePanel2" class="CollapsiblePanel2">
    <div class="CollapsiblePanelTab">Tab</div>
    <div class="CollapsiblePanelContent"><?php
    include('details_authors.php');?></div>
    </div>
    <!--Initialize the Collapsible Panel widget object-->
    <script type="text/javascript">
    var CollapsiblePanel1 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
    </script>
    <script type="text/javascript">
    var CollapsiblePanel2 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
    </script>
    </body>

    you need to save the page as a php page (.php) It works
    fine

  • Collapsible Panels with one default open

    I'm using the collapsible panels widget, I was wondering if
    there was a way to have one panel open while the others are closed
    by default. I know it's possible with the spry accordion, but is it
    possible for the collapsible panels as well?
    Thanks!

    Yes it is possible and it has a different look and feel to
    it.
    An accordion panel can only have one panel open at a time
    whereas the sliding panel can have more open or closed.
    Try something like this:
    cpg = new
    Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup", {
    contentIsOpen: false });
    cpg.openPanel(4);

  • Is there a way to make a collapsible panel with only CSS?

    I am trying to make a drop down menu in my about section check out the pic that are attached for more information.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>epecho | The visual works of Danel Roldán</title>
    <link href="../css/reset.css" rel="stylesheet" type="text/css" />
    <link href="../css/layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <!-- Container -->
    <div class="container clear_children">
      <!-- Navigation Main -->
      <ul id="nav_main">
        <p id="branding"><a href="news.html">epecho</a></p>
        <li><a href="work.html">work</a></li>
        <li><a href="about.html">about</a></li>
        <ul class="nav_sub">
            <li><a href="#">epecho</a></li>
            <li><a href="#">process</a></li>
            <li><a href="#">quote</a></li>
        </ul>
        <li><a href="resume.html">resume</a></li>
        <li><a href="contact.html">contact</a></li>
      </ul>
      <!-- Navigation Main End -->
      <!-- Content -->
      <div class="content clear_children">
        <!-- Content Main -->
        <div class="content_main cc_tallest">
          <h1 id="headingepechodesign">EPECHO DESIGN</h1>
          <h2 id="headingaboutepecho">&rsaquo; ABOUT EPECHO</h2>
          <p>Epecho design specializes in standards based web sites,
            branding and print design. It is our passion to effectively
            communicate visually, who you are now, and where you
            want to go. Contact us if you have a project you think would
            benefit from our collaboration.</p>
          <p>Epecho design is the passion of Danel Roldan &#8212; a freelance
            designer, and was birthed in 2004. This site is an ensemble
            of creative projects that strive to maintain simplicity at
            their core. It is also a home of collective thought and a
            resource pool of ideas and the inspiration behind them.</p>
        </div>
        <!-- Content Main End -->
      </div>
      <!-- Content End -->
      <!-- Footer -->
      <div class="footer">
        <p>Copyright Epecho Design 2008-2009</p>
        <p id="above"><a href="" id="logo"><img src="../images/button_top.gif" width="22" height="17" alt="epecho_logo"/></a></p>
      </div>
      <!-- Footer End -->
    </div>
    <!-- Container End -->
    <script type="text/javascript" src="../js/si-clear-children.js"></script>
    </body>
    </html>
    Layout CSS
    =Body
    =Navigation
    =Content
    =Side Bar
    =index
    =News
    =Works
    =Projects
    =About
    =Resume
    /* =Body
    body {
    background-color: #120100;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment:fixed;
    background-image: url(../images/pg_bg.jpg);
    /* I HAVE TO FIND OUT WHAT I WAS USING THIS FOR
    ol {
    height: 133px;
    width: 540px;
    list-style-type: none;
    position: relative;
    p {
    text-align: left;
    em {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    .new {
    clear:right;
    color:#FFCC00;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    a {
    color:#B7EEE7;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    line-height:18px;
    text-decoration:none;
    /* =Navigation
    #nav_main {
    width: 147px;
    height: 325px;
    background: url(../images/nav-main.png);
    background-repeat: no-repeat;
    background-position: center top;
    top: 125px;
    padding-top: 150px;
    position: absolute;
    #branding {
    width: 69px;
    height: 78px;
    background-image: url(../images/branding.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    text-indent: -9999px;
    left: 45px;
    top: 64px;
    #nav_main li {
    list-style-type: none;
    text-align: center;
    margin-top: 10px;
    #nav_main a:link {
    color:#6F6F6F;
    font-weight:bold;
    letter-spacing:1px;
    text-transform: uppercase;
    font-size: 85%;
    #nav_main a:visited {
    color:#6F6F6F;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 85%;
    #nav_main a:hover {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 85%;
    color: #878888;
    #nav_main a:active {
    color:#CCCCCC;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 85%;
    #nav_mainOn {
    color:#B7EEE7;
    #nav_main .nav_sub ul{
    text-align: center;
    white-space: nowrap;
    display: none;
    list-style-image: none;
    list-style-type: none;
    position: relative;
    #nav_main .nav_sub li {
    position: relative;
    visibility: hidden;
    font-weight: normal;
    #nav_main .nav_sub li ul, ul li {
    display: block;
    #nav_main .nav_sub li a:link {
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    #nav_main .nav_sub a:visited {
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    #nav_main .nav_sub a:hover {
    color: #A5A136;
    #nav_main .nav_sub a:active {
    #nav_sub02 {
    height:25px;
    padding:0;
    text-align:left;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 10px;
    #nav_sub02 img {
    float:left;
    margin:0 20px 0 5px;
    padding:0;
    position:relative;
    .container {
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    .content {
    text-align:left;
    left: 225px;
    border-left-width: thin;
    border-left-style: dotted;
    border-left-color: #930;
    border-right-width: thin;
    border-right-style: dotted;
    border-right-color: #930;
    width: 540px;
    padding-left: 20px;
    .content_main {
    width: 469px;
    padding-bottom: 125px;
    padding-top: 125px;
    .content_main h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #a79f22;
    line-height: 20px;
    /* =Side Bar
    .sidebar {
    position: absolute;
    top: 280px;
    left: 580px;
    width: 134px;
    .sidebar ul {
    list-style-type: none;
    text-align: left;
    #sidebar li {
    list-style-type: none;
    text-align: left;
    /* =Resume
    #vcard-wrap {
    position: relative;
    height: 133px;
    width: 540px;
    .vcard {
    width: 240px;
    .vcard .name {
    border-collapse:separate;
    border-spacing:0;
    .vcard .first-name {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 466%;
    font-weight: 900;
    line-height: 80px;
    .vcard .sir-name {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 390%;
    line-height: 50px;
    #adress {
    left: 236px;
    height: 133px;
    width: 304px;
    list-style-type: none;
    position: absolute;
    top: 0px;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #930;
    #adress li span {
    float: left;
    height: 22px;
    line-height: 0px;
    padding-top: 20px;
    text-align: center;
    #adress .logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 44px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-right-color: #930;
    border-bottom-color: #930;
    text-indent: -9999px;
    #adress .email {
    width: 254px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #930;
    #adress .street-address {
    width: 147px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-right-color: #930;
    border-bottom-color: #930;
    #adress .phone {
    width: 155px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #930;
    #adress .locality {
    width: 90px;
    #adress .state {
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #930;
    padding-right: 5px;
    #adress .postal-code {
    width: 60px;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #930;
    #adress .region {
    text-align: center;
    padding-left: 10px;
    a.thankyou_btn {
    display: block;
    width: 6in;
    height: 2.5in;
    text-decoration: none;
    margin-top: 350px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-image: url(../images/thankyou.png);
    background-repeat: no-repeat;
    background-position: center center;
    a.emailerror_btn {
    display: block;
    width: 6in;
    height: 2.5in;
    text-decoration: none;
    margin-top: 350px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-image: url(../images/email.png);
    background-repeat: no-repeat;
    background-position: center center;
    /* =index
    a.enter_btn {
    display: block;
    width: 6in;
    height: 2.5in;
    text-decoration: none;
    margin-top: 350px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-image: url(../images/enter.png);
    background-repeat: no-repeat;
    background-position: center top;
    a.enter_btn:hover {
    background-position: 0px -240px;
    .attic {
    float:left;
    height:160px;
    margin:0px;
    padding:0px;
    text-align:left;
    width:216px;
    .attic a {
    float:left;
    height:160px;
    position:relative;
    text-decoration:none;
    width:216px;
    .attic a:hover {
    border: 1px solid #95470E;
    .attic img {
    border-style:none;
    float:left;
    margin:8px;
    padding:0;
    position:relative;
    .attic span.head {
    color:#B7EEE7;
    font-family:Times, serif;
    font-size:17px;
    font-style:italic;
    font-weight:normal;
    margin:8px 0 3px 8px;
    padding:0;
    .attic span.sub {
    color:#8A8A8A;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    margin:0 8px 8px;
    padding:0;
    .atticNEW {
    float:left;
    height:163px;
    margin:0px;
    padding:0px;
    text-align:left;
    width:216px;
    .atticNEW a {
    background-color:#323232;
    float:left;
    height:160px;
    margin:0;
    position:relative;
    text-decoration:none;
    top:0;
    width:216px;
    padding: 0px;
    .atticNEW a:hover {
    background-color:#525252;
    .atticNEW img {
    border-style:none;
    float:left;
    padding:0;
    margin: 8px;
    position: relative;
    .atticNEW span.head {
    color:#B7EEE7;
    font-family:Times, serif;
    font-size:17px;
    font-style:italic;
    font-weight:normal;
    padding:0;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 8px;
    .atticNEW span.sub {
    color:#8A8A8A;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    margin:0 8px 8px;
    padding:0;
    /* =Projects
    #workBox {
    clear:left;
    float:left;
    padding:0;
    position:relative;
    width:700px;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    #workBox.sample {
    float:left;
    margin:0;
    padding:0;
    position:relative;
    width:550px;
    .sampleTxt {
    clear:both;
    padding:0;
    position:absolute;
    width:115px;
    left: 578px;
    top: 0px;
    .sampleTxt p.head {
    color:#B7EEE7;
    font-family:Times, serif;
    font-size:17px;
    font-style:italic;
    font-weight:normal;
    margin:8px;
    padding:0;
    .sampleTxt p.sub {
    color:#999999;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    line-height:18px;
    margin:0 8px 8px;
    padding:0;
    .sampleTxt a {
    color:#B7EEE7;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:0;
    text-decoration:none;
    .sampleTxt a:hover {
    color:#B7EEE7;
    font-family:Helvetica, Verdana, sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:0;
    text-decoration:underline;
    #headingwelcometoepecho {
    width: 18px;
    height: 186px;
    background-image: url(../images/welcometoepecho.png);
    background-repeat: no-repeat;
    background-position: top left;
    top: 283px;
    left: -69px;
    position: absolute;
    text-indent: -9999px;
    /* =News
    #headingnewsandevents {
    background-image: url(../images/newsandevents.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    width: 248px;
    height: 128px;
    position: relative;
    #headingongoingprojects {
    width: 18px;
    height: 177px;
    background-image: url(../images/ongoingprojects.png);
    background-repeat: no-repeat;
    background-position: top left;
    top: 3px;
    left: -60px;
    position: absolute;
    text-indent: -9999px;
    #headingtipsandtidbits {
    width: 18px;
    height: 157px;
    background-image: url(../images/tipsandtidbits.png);
    background-repeat: no-repeat;
    background-position: top left;
    top: 322px;
    left: -59px;
    position: absolute;
    text-indent: -9999px;
    #headingourloveandourpassion {
    width: 18px;
    height: 245px;
    background-image: url(../images/ourworkourloveourpassion.png);
    background-repeat: no-repeat;
    background-position: top left;
    top: 273px;
    left: -71px;
    position:absolute;
    text-indent: -9999px;
    /* =Work
    #headingworkandprojects {
    width: 306px;
    height: 128px;
    background-image: url(../images/workandprojects.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    text-indent: -9999px;
    #headingaboutepecho {
    width: 18px;
    height: 186px;
    background-image: url(../images/aboutepecho.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 275px;
    left: -70px;
    position: absolute;
    text-indent: -9999px;
    /* =About
    #headingepechodesign {
    background-image: url(../images/epechodesign.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    width: 248px;
    height: 128px;
    position: relative;
    #headingpreparingforperfection {
    width: 18px;
    height: 243px;
    background-image: url(../images/preparingforperfection.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 274px;
    left: -70px;
    position: absolute;
    text-indent: -9999px;
    #headingprocessiskey {
    background-image: url(../images/processiskey.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    width: 277px;
    height: 128px;
    position: relative;
    #headingprojectandidentityquestionaire {
    width: 18px;
    height: 302px;
    background-image: url(../images/projectandidentityquestionair.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 275px;
    left: -71px;
    position: absolute;
    text-indent: -9999px;
    #headinghowmayihelpyou {
    background-image: url(../images/howmayihelpyou.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    width: 309px;
    height: 128px;
    position: relative;
    #headingemployment {
    width: 18px;
    height: 124px;
    background-image: url(../images/employment.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 280px;
    left: -69px;
    position: absolute;
    text-indent: -9999px;
    #headingprofessionalskills {
    width: 18px;
    height: 192px;
    background-image: url(../images/professionalskills.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 0px;
    left: -58px;
    position: absolute;
    text-indent: -9999px;
    #headingeducation {
    width: 18px;
    height: 107px;
    background-image: url(../images/education.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 273px;
    left: -58px;
    position: absolute;
    text-indent: -9999px;
    #headingotherintrests {
    width: 18px;
    height: 150px;
    background-image: url(../images/otherintrests.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 0px;
    left: -58px;
    position: absolute;
    text-indent: -9999px;
    #headingadditionalskills {
    width: 18px;
    height: 171px;
    background-image: url(../images/additionalskills.png);
    background-repeat: no-repeat;
    background-position: left top;
    top: 273px;
    left: -58px;
    position: absolute;
    text-indent: -9999px;
    .footer {
    clear:both;
    .footer p {
    clear:both;
    text-align:center;
    font-size: 10px;
    p#above {
    margin:10px 0 0;
    padding:0;
    /* =Clears
    .clear_children, .cc_tallest {
    position: relative;
    * html .clear_children {
    display: inline;
    .cc_tallest:after {
    content: '';
    } /* PREVENTS A REDRAW BUG IN SAFARI */
    .expanded {
    width: 700px;

    I think you posted this on the wrong forum, you can make collapsible panels in flash but not with CSS.

  • Multiple Spry Collapsible Panels with different Open-Close defaults

    Hello,
    The site I am working on has a page with (5) Spry collapsable panels. (4) are set default open, (1) is set default closed.
    I am trying to get (3) Open, and (2) closed. However, setting a second panels default to closed gives a syntax error.
    Anyone know how to make it work, if it can at all?

    Remove the closing parenthesis after "CollapsiblePanel5". It should be like this:
    var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen: false} );

  • Ejb datacontrol, query panel with timestamps / date field errors

    Hi,
    I made an ejb datacontrol on a session bean in jdev 11g ps1 and used the named criteria of this entity in the data control to create an af querypanel. This works well.
    first thing I cannot configure a date picker with time on this timestamp field (only date ).( does not matter what I configure in the entity datacontrol xml , it does not work )
    and displaying the timestamp field in a inputData ( result table ) and showing the time also does not work either.
    When I use in the query panel a between query operator on this date or timestamp field I get this error.
    Caused by: java.lang.IllegalArgumentException: An exception occurred while creating a query in EntityManager:
    Exception Description: Syntax error parsing the query [SELECT COUNT(o) FROM RunMessages o WHERE (o.processDate BETWEEN '2009-12-11' AND '2009-12-12')], line 1, column 56: syntax error at [BETWEEN].
    Internal Exception: MismatchedTokenException(11!=82)
         at org.eclipse.persistence.internal.jpa.EntityManagerImpl.createQuery(EntityManagerImpl.java:1241)
    <BeanDataCollection><invokeMethod> Exception occurred invoking $Proxy179.queryByRange
    java.lang.reflect.InvocationTargetException
         at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
         at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
         at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
         at java.lang.reflect.Method.invoke(Method.java:597)
         at oracle.adf.model.adapter.bean.provider.BeanDataCollection.invokeMethod(BeanDataCollection.java:405)
         at oracle.adf.model.adapter.bean.jpa.JPQLBeanDataCollection.getRecordCount(JPQLBeanDataCollection.java:164)
         at oracle.adf.model.adapter.bean.provider.BeanDataCollection.init(BeanDataCollection.java:153)
         at oracle.adf.model.adapter.bean.jpa.JPQLBeanDataCollection.init(JPQLBeanDataCollection.java:110)
         at oracle.adf.model.adapter.bean.provider.BeanDataCollection.refresh(BeanDataCollection.java:380)
         at oracle.adf.model.adapter.bean.provider.BeanDataProvider.getDataProvider(BeanDataProvider.java:63)
         at oracle.adf.model.adapter.bean.DataFilterHandler.invokeAccessor(DataFilterHandler.java:137)
         at oracle.adf.model.adapter.bean.BeanFilterableDataControl.invokeAccessor(BeanFilterableDataControl.java:78)
         at oracle.adf.model.bean.DCBeanDataControl.invokeAccessor(DCBeanDataControl.java:447)
         at oracle.adf.model.bean.DCDataVO$DCAccessorCollectionAdapter.getDataProvider(DCDataVO.java:2627)
         at oracle.adf.model.bean.DCDataVO$DCAccessorCollectionAdapter.refreshIterator(DCDataVO.java:2519)
         at oracle.adf.model.bean.DCDataVO.executeQueryForCollection(DCDataVO.java:419)
         at oracle.jbo.server.ViewRowSetImpl.execute(ViewRowSetImpl.java:1130)
         at oracle.jbo.server.ViewRowSetImpl.executeQueryForMasters(ViewRowSetImpl.java:1299)
         at oracle.jbo.server.ViewRowSetImpl.executeQueryForMode(ViewRowSetImpl.java:1217)
         at oracle.jbo.server.ViewRowSetImpl.executeQuery(ViewRowSetImpl.java:1211)
         at oracle.jbo.server.ViewObjectImpl.executeQuery(ViewObjectImpl.java:6097)
         at oracle.adf.model.bean.DCBeanDataControl.executeIteratorBinding(DCBeanDataControl.java:943)
         at oracle.adf.model.binding.DCIteratorBinding.doExecuteQuery(DCIteratorBinding.java:2147)
         at oracle.jbo.uicli.binding.MyIteratorBinding.executeQuery(JUAccessorIteratorDef.java:717)
         at oracle.jbo.uicli.binding.JUSearchBindingCustomizer.applyAndExecuteViewCriteria(JUSearchBindingCustomizer.java:598)
         at oracle.adfinternal.view.faces.model.binding.FacesCtrlSearchBinding.processQuery(FacesCtrlSearchBinding.java:424)
         at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
         at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
         at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
         at java.lang.reflect.Method.invoke(Method.java:597)
         at com.sun.el.parser.AstValue.invoke(AstValue.java:157)
         at com.sun.el.MethodExpressionImpl.invoke(MethodExpressionImpl.java:283)
         at org.apache.myfaces.trinidad.component.UIXComponentBase.broadcastToMethodExpression(UIXComponentBase.java:1289)
         at oracle.adf.view.rich.component.UIXQuery.broadcast(UIXQuery.java:115)
         at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl.broadcastEvents(LifecycleImpl.java:812)
         at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl._executePhase(LifecycleImpl.java:292)
         at oracle.adfinternal.view.faces.lifecycle.LifecycleImpl.execute(LifecycleImpl.java:177)
         at javax.faces.webapp.FacesServlet.service(FacesServlet.java:265)
         at weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:227)
         at weblogic.servlet.internal.StubSecurityHelper.invokeServlet(StubSecurityHelper.java:125)
         at weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:292)
         at weblogic.servlet.internal.TailFilter.doFilter(TailFilter.java:26)
         at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
         at oracle.adf.model.servlet.ADFBindingFilter.doFilter(ADFBindingFilter.java:191)
         at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
         at oracle.adfinternal.view.faces.webapp.rich.RegistrationFilter.doFilter(RegistrationFilter.java:97)
         at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl$FilterListChain.doFilter(TrinidadFilterImpl.java:420)
         at oracle.adfinternal.view.faces.activedata.AdsFilter.doFilter(AdsFilter.java:60)
         at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl$FilterListChain.doFilter(TrinidadFilterImpl.java:420)
         at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl._doFilterImpl(TrinidadFilterImpl.java:247)
         at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl.doFilter(TrinidadFilterImpl.java:157)
         at org.apache.myfaces.trinidad.webapp.TrinidadFilter.doFilter(TrinidadFilter.java:92)
         at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
         at oracle.dms.wls.DMSServletFilter.doFilter(DMSServletFilter.java:326)
         at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
         at weblogic.servlet.internal.RequestEventsFilter.doFilter(RequestEventsFilter.java:27)
         at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:56)
         at weblogic.servlet.internal.WebAppServletContext$ServletInvocationAction.run(WebAppServletContext.java:3592)
         at weblogic.security.acl.internal.AuthenticatedSubject.doAs(AuthenticatedSubject.java:321)
         at weblogic.security.service.SecurityManager.runAs(SecurityManager.java:121)
         at weblogic.servlet.internal.WebAppServletContext.securedExecute(WebAppServletContext.java:2202)
         at weblogic.servlet.internal.WebAppServletContext.execute(WebAppServletContext.java:2108)
         at weblogic.servlet.internal.ServletRequestImpl.run(ServletRequestImpl.java:1432)
         at weblogic.work.ExecuteThread.execute(ExecuteThread.java:201)
         at weblogic.work.ExecuteThread.run(ExecuteThread.java:173)
    Caused by: javax.ejb.EJBException: EJB Exception: ; nested exception is:
         java.lang.IllegalArgumentException: An exception occurred while creating a query in EntityManager:
    Exception Description: Syntax error parsing the query [SELECT COUNT(o) FROM RunMessages o WHERE (o.processDate BETWEEN '2009-12-11' AND '2009-12-12')], line 1, column 56: syntax error at [BETWEEN].
    Internal Exception: MismatchedTokenException(11!=82); nested exception is: java.lang.IllegalArgumentException: An exception occurred while creating a query in EntityManager:
    Exception Description: Syntax error parsing the query [SELECT COUNT(o) FROM RunMessages o WHERE (o.processDate BETWEEN '2009-12-11' AND '2009-12-12')], line 1, column 56: syntax error at [BETWEEN].
    Internal Exception: MismatchedTokenException(11!=82)
         at weblogic.ejb.container.internal.RemoteBusinessIntfProxy.unwrapRemoteException(RemoteBusinessIntfProxy.java:109)
         at weblogic.ejb.container.internal.RemoteBusinessIntfProxy.invoke(RemoteBusinessIntfProxy.java:91)
         at $Proxy179.queryByRange(Unknown Source)
         ... 65 more
    Caused by: java.lang.IllegalArgumentException: An exception occurred while creating a query in EntityManager:
    Exception Description: Syntax error parsing the query [SELECT COUNT(o) FROM RunMessages o WHERE (o.processDate BETWEEN '2009-12-11' AND '2009-12-12')], line 1, column 56: syntax error at [BETWEEN].
    Internal Exception: MismatchedTokenException(11!=82)
         at org.eclipse.persistence.internal.jpa.EntityManagerImpl.createQuery(EntityManagerImpl.java:1241)
         at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
         at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
         at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
         at java.lang.reflect.Method.invoke(Method.java:597)
         at weblogic.deployment.BasePersistenceContextProxyImpl.invoke(BasePersistenceContextProxyImpl.java:93)
         at weblogic.deployment.TransactionalEntityManagerProxyImpl.invoke(TransactionalEntityManagerProxyImpl.java:91)
         at weblogic.deployment.BasePersistenceContextProxyImpl.invoke(BasePersistenceContextProxyImpl.java:80)
         at weblogic.deployment.TransactionalEntityManagerProxyImpl.invoke(TransactionalEntityManagerProxyImpl.java:26)
         at $Proxy175.createQuery(Unknown Source)
         at nl.tennet.mhs.console.model.services.MhsConsoleBean.queryByRange(MhsConsoleBean.java:32)
         at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
         at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
         at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
         at java.lang.reflect.Method.invoke(Method.java:597)
         at com.bea.core.repackaged.springframework.aop.support.AopUtils.invokeJoinpointUsingReflection(AopUtils.java:310)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.invokeJoinpoint(ReflectiveMethodInvocation.java:182)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:149)
         at com.bea.core.repackaged.springframework.aop.support.DelegatingIntroductionInterceptor.doProceed(DelegatingIntroductionInterceptor.java:131)
         at com.bea.core.repackaged.springframework.aop.support.DelegatingIntroductionInterceptor.invoke(DelegatingIntroductionInterceptor.java:119)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:171)
         at com.bea.core.repackaged.springframework.jee.spi.MethodInvocationVisitorImpl.visit(MethodInvocationVisitorImpl.java:37)
         at weblogic.ejb.container.injection.EnvironmentInterceptorCallbackImpl.callback(EnvironmentInterceptorCallbackImpl.java:55)
         at com.bea.core.repackaged.springframework.jee.spi.EnvironmentInterceptor.invoke(EnvironmentInterceptor.java:50)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:171)
         at com.bea.core.repackaged.springframework.aop.interceptor.ExposeInvocationInterceptor.invoke(ExposeInvocationInterceptor.java:89)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:171)
         at com.bea.core.repackaged.springframework.aop.support.DelegatingIntroductionInterceptor.doProceed(DelegatingIntroductionInterceptor.java:131)
         at com.bea.core.repackaged.springframework.aop.support.DelegatingIntroductionInterceptor.invoke(DelegatingIntroductionInterceptor.java:119)
         at com.bea.core.repackaged.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:171)
         at com.bea.core.repackaged.springframework.aop.framework.JdkDynamicAopProxy.invoke(JdkDynamicAopProxy.java:204)
         at $Proxy181.queryByRange(Unknown Source)
         at nl.tennet.mhs.console.model.services.MhsConsole_ssug8i_MhsConsoleImpl.queryByRange(MhsConsole_ssug8i_MhsConsoleImpl.java:218)
         at nl.tennet.mhs.console.model.services.MhsConsole_ssug8i_MhsConsoleImpl_WLSkel.invoke(Unknown Source)
         at weblogic.rmi.internal.ServerRequest.sendReceive(ServerRequest.java:174)
         at weblogic.rmi.cluster.ClusterableRemoteRef.invoke(ClusterableRemoteRef.java:345)
         at weblogic.rmi.cluster.ClusterableRemoteRef.invoke(ClusterableRemoteRef.java:259)
         at nl.tennet.mhs.console.model.services.MhsConsole_ssug8i_MhsConsoleImpl_1032_WLStub.queryByRange(Unknown Source)
         at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
         at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
         at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
         at java.lang.reflect.Method.invoke(Method.java:597)
         at weblogic.ejb.container.internal.RemoteBusinessIntfProxy.invoke(RemoteBusinessIntfProxy.java:73)
         ... 66 more

    what happens if you do the following on all three different environments:
    SQL> select to_char(exp_date, 'dd-mon-yyyy hh24:mi:ss') from your_table where your_condition ;
    [pre]

  • Dynamic data in Spry Collapsible Panel

    Hi guys,
    Am trying to get data from a Data Set into the Spry
    Collapsible Panel, with little luck. Have tried the following and
    was wondering if i am doing something wrong?
    <div spry:region="dsProduct">
    <div id="CollapsiblePanel1" class="CollapsiblePanel">
    <div class="CollapsiblePanelTab"
    tabindex="0">{product_name}</div>
    <div
    class="CollapsiblePanelContent">">{product_details}</div>
    </div>
    </div>
    This example displays the field i want from the data set
    {product_name}, but will not collapse open the panel containing
    {product_details}.
    Any suggestions?

    hi Jay,
    will this help you?
    Forum
    thread

  • Using Spry Collapsible Panels

    How do I set up a function to open or close all collapsible
    panels with JavaScript? Do I need functions, or is there an
    existing function that can do this? My panels are named
    sequentially:
    CollapsiblePanel1
    CollapsiblePanel2
    Thanks for any help; I want to create an announcements list
    and let visitors quickly open or close all panels.

    Try a CollapsiblePanelGroup widget.
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    Check the bottom sample.

  • Collapsible Panels - Links to open one, and close others

    Hi,
    I am new to Dreamweaver and have been creating my site by
    learning as I go along. I have already read through all the other
    related topics associated with Collapsible Panels on this blog and
    have still not found an answer. I have been able to open and close
    Collapsible Panels by using links - but unfortunately, I need more
    than just opening and closing.
    On my site i have approximately 5 pages, all with the same
    header and Menu bar. The Information (that i have presented in
    numerous Collapsible Panels) does however vary from page to page.
    What I need to try and figure out is:
    How can I open one collapsible panel and close all others? I
    have seen the one example which leads to my next question:
    How can I group Panels? Some examples of how to open one and
    close all others use this grouping. Is there any other way of
    opening one and closing all others without grouping?
    Lastly, is it possible to set up a link that can be viewed on
    one page which when clicked opens the relevant page and collapsible
    panel? i.e. on my About Us page there is a link (using the Menu
    bar) for one of my several services on the services drop down menu
    (but services is on a different page with the same setup). When a
    viewer clicks on the specific service, is it possible to get the
    site to open the services page, and open the relevant collapsible
    panel (with all other Panels closed)?
    Any assistance would be greatly appreciated - I have been
    searching for days now and cannot seem to find any
    answers/directions in laymans terms.
    Kind regards,
    John

    wlsjoh013 wrote:
    > Hi,
    >
    > I am new to Dreamweaver and have been creating my site
    by learning as I go
    > along. I have already read through all the other related
    topics associated
    > with Collapsible Panels on this blog and have still not
    found an answer. I
    > have been able to open and close Collapsible Panels by
    using links - but
    > unfortunately, I need more than just opening and
    closing.
    >
    > On my site i have approximately 5 pages, all with the
    same header and Menu
    > bar. The Information (that i have presented in numerous
    Collapsible Panels)
    > does however vary from page to page. What I need to try
    and figure out is:
    >
    > How can I open one collapsible panel and close all
    others? I have seen the one
    > example which leads to my next question:
    This page has an example that has a link that can open and
    close a panel:
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
    One way to do this would be to have a single link that would
    open one of your panels using the code, but then add to it code
    that closes each of the other panels, for example:
    <a href="#"
    onclick="CollapsiblePanel4.open();CollapsiblePanel5.close();CollapsiblePanel6.close();">O pen
    4, close 5 and 6</a>
    To make this work, you'll need to look that the panel
    constructors at the bottom of your page and make sure to match up
    the panel variable names i.e. "var CollapsiblePanel1 =...." the
    variable is CollapsiblePanel1.
    You could also write a function that gathers together the
    various panels you have on the page and then pass to it only the
    panel that you want kept open. For now, though, it might be best to
    use the above method, given your expertise. And taking that even
    further, you could apply the function call unobtrusively. Both the
    function call and the unobtrusive part you can work on later to get
    this working for now.
    > How can I group Panels? Some examples of how to open one
    and close all others
    > use this grouping. Is there any other way of opening one
    and closing all
    > others without grouping?
    This is a little confusing, on one hand you ask about how to
    group, but then ask how not to group. There is a concept of a
    collapsible panel group:
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    But there is another type of group, that may be more what
    you're looking for, and that's an Accordion panel, which is similar
    to the collapsible panel group, with the exception that it can only
    have one panel open at a time.
    > Lastly, is it possible to set up a link that can be
    viewed on one page which
    > when clicked opens the relevant page and collapsible
    panel? i.e. on my About Us
    > page there is a link (using the Menu bar) for one of my
    several services on the
    > services drop down menu (but services is on a different
    page with the same
    > setup). When a viewer clicks on the specific service, is
    it possible to get
    > the site to open the services page, and open the
    relevant collapsible panel
    > (with all other Panels closed)?
    Probably the easiest way to do this particular one would be
    to make sure that you have all of the panels set to be closed when
    the page loads, and then take a look at the code for the last
    example on this page:
    http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
    That example uses a tabbed panel, but the concept is the
    same, use a URL parameter to determine what to show. You'll need to
    link in the SpryURLUtils file in the Spry download package (look in
    the includes folder):
    http://labs.adobe.com/technologies/spry/home.html
    Essentially, your link will look similar to:
    sample.html?panel=1
    Then your code could look something like:
    var params = Spry.Utils.getLocationParamsAsObject();
    var CollapsiblePanel1 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
    {contentIsOpen:(params.panel==1 )} );
    var CollapsiblePanel2 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel2",
    {contentIsOpen:(params.panel==2 )} );
    Basically what this is doing is creating an object from the
    URL parameters. Then for each of the panels the constructor has
    code that determines whether or not to expand the panel when the
    page loads. So it checks the value of params.panel to see if it
    matches 1 (for the first one), if it does, then that means that
    contentIsOpen is set to true, if it is some other number or is not
    present at all, then that means that the panel is closed. This
    would then be repeated down the line for how ever many panels you
    want to operate like that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Best way to load a html fragment in collapsible panel?

    I am trying to make my collapsible panel with a default state
    of closed, load the contents of a URL when the panel is opened.
    Can I use a html spry panel in the collapsiblePanelContent
    that is triggered when the CollapsiblePanelTab is clicked to be
    opened?

    Thanks for the quick response V1. I am trying to wrap my mind
    around your example, but having a little trouble. Here is what I
    did starting with the basic collapsible panel: Sorry for the a
    href's getting changed by the forum (is there a code tag?)
    <div class="CollapsiblePanel" id="CollapsiblePanel1" >
    <div class="CollapsiblePanelTab" tabindex="0">Fall
    2008 Course Listing</div>
    <div class="CollapsiblePanelContent">
    </div>
    </div>
    and I want to load the content of this URL result:
    http://catalog.smith.edu/results.php?term=200901&amp;department=GOV&amp;instructor=all&amp ;credits=all&amp;course_number=&amp;keyword=&amp;attribute=
    So going from the
    adobe
    lab panel sample
    I tried this (which did not work):
    <div class="CollapsiblePanel" id="CollapsiblePanel1">
    <div class="CollapsiblePanelTab" tabindex="0"><a
    href="#" onclick="course.loadContent('
    http://catalog.smith.edu/results.php?term=200901&amp;department=GOV&amp;instructor=all&amp ;credits=all&amp;course_number=&amp;keyword=&amp;attribute=');">Fall
    2008 Course Listing</a></div>
    <div class="CollapsiblePanelContent">
    <div id="courses">Course content</div>
    </div>
    </div>
    and the script (appropriate css and js loaded):
    <script type="text/javascript">
    <!--
    var CollapsiblePanel1 = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
    {contentIsOpen:false});
    var course = new Spry.Widget.HTMLPanel("courses");
    //-->
    </script>

  • Re-Rendering the entire panel with components based on list value selection

    Hi,
    I am new to swing.Wondering how to refresh the panel with modified data on selection from list.
    Here's the code I am trying .
    the function below is called withdifferent set of value s being passed in based on add,remove conditions.
    public void initGroupPanelComponents(Vector GroupListData,Object[] sourceItemsArray,Object[] sinkItemsArray)
    groupsPanel = new JPanel();
    groupsPanel.setLayout(null);
    botPanel = new JPanel(new BorderLayout());
    botPanel.setSize(500,600);
    if(sourceItemsArray.length!=0){
    sourceLabel = "New Members:";
    sinkLabel = "New Available";
    System.out.print("color change now!");
    groupsPanel.setBackground(Color.YELLOW);
    botPanel.setBackground(Color.GRAY);
    //revalidate();
    else{
    groupsPanel.setBackground(Color.BLUE);
    botPanel.setBackground(Color.WHITE);
    groupsPanel.setSize( 500, 300 );
    groupsList = new JList(groupNameListData);
    groupsList.setBorder(BorderFactory.createLineBorder(Color.gray));
    groupsList.setBounds(10,10,350,230);
    groupsPanel.add(groupsList);
    groupsList.addListSelectionListener(new groupNameListAction());
    groupsList.setListData(groupNameListData);
    addButton = new JButton("Add");
    addButton.setBounds(385,35,80, 20);
    addButton.addActionListener(new addNewGroupAction());
    removeButton = new JButton("Remove");
    removeButton.setBounds(385, 70, 80, 20);
    groupsPanel.add(addButton);
    groupsPanel.add(removeButton);
    duellist= new DualListPanel(sourceItemsArray, sinkItemsArray, sourceLabel,sinkLabel);
    botPanel.add(duellist);
    botPanel.setBounds(0, 270, 500,600);
    botPanel.setOpaque(true);
    getContentPane().add(groupsPanel);
    groupsPanel.add(botPanel,BorderLayout.SOUTH);
    getContentPane().invalidate();
    getContentPane().validate();
    setResizable(false);
    setVisible(true);
    Relevant suggestions are most welcome.
    Thanks in Advance!

    Thanks much our help.
    But,apperars to me that I have added the groupsList to the panel in the method.
    What I am trying to acheive here is, when a value is selected from the groupsList, accrodingly,in the ListActionListener, Iam trying to repaint the whole Panel with the list component above and duellist panel (a panel with 2 list components by side and buttons at the centre)obtained from dualListPanel Class .
    Appears to work fine the first time when DualListPanel is nstantiated with certain data passed in.But when a particular list value on top is selected, i would require this dualListPanel to be instantiated with a new set of data passed in.This,for some reasons fails to come up.
    Would Appreciate if you could suggest accordingly for this.
    Thanks much again!

  • Need help with spry collapsible panel (menu)

    I learn as I go when I created my website http://www.invitation-fascination.com/shapes.html and so far I've created a page with 13 spry collapsible panels- I think it came out pretty well.  Now this is what I want to add to the page: 
    I want to create a selector (drop down) menu above the panels with the option to select any one of the 13 panels.
    Once selected it will move directly to that panel and open it. 
    I've tried the piselect thing and with the "open" and "close" button that will programatically open the panels, but what I want is for the panel to be selected from the menu and then the page goes directly to that panel and it then opens.
    Is there a way this can be done?  Please help
    I'm really not that good at this stuff- please be easy with your response- thank you

    Have a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    Gramps

  • Google map data not displaying correctly in a spry collapsible panel

    I created a spry collapsible panel into which I've put google map data. The map placed in the collapsible panel looks and functions OK but shows my location in the wrong place. I tested it by putting exactly the same google map elsewhere on my page and this time it displays my location correctly. Here is a link to my test page: http://www.cornucopia-design.co.uk/BatimTest/map3test.html . Mouse over the 'view our location' link to see the incorrectly located map. It places my location in the top left corner rather than in the centre.  When you click on google's 'view larger map' links, they both then display the location identically. Anyone have any ideas about what's going on here? Is the coding for the collapsible panel doing something to the google code? I'm not a great code expert so any help would be greatly appreciated. Thanks

    Hello, thank you for your helpful comments. At least I now won't waste any more time trying to get this to work if it just won't... I'll just have to display the map in another way.
    Just a point about your suggestion of offsetting - I had thought of that but if I did that, when someone clicked on the map, they would be taken to the wrong place as, as I said, even though it displays incorrectly in my panel, the data IS correct and therefore correctly linked back to google maps.
    Thanks anyway.

  • Need help with Spry Collapsible panels

    I'm fairly inexperienced with Dreamweaver (CS4) and especially new to the Spry feature, so bear with me... I need all the help I can get! I've inserted six Spry collapsible panels to an HTML page and uploaded everything (including SpryCollapsiblePanel.css and SpryCollapsiblePanel.js), but they're automatically displaying as open and I can't click on them or close them. I'd like them to be closed until selected and opened.
    What am I doing wrong?
    Here's the URL: http://www.nicolegriffith.com/trustm.html
    Thank you!

    I just looked at your code, and your SpryAssets content is not there. This is the extent of your SpryCollapsablePanel.js
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <title>404 - Not Found</title>
    </head>
    <body>
      <h1>404 - Not Found</h1>
    </body>
    </html>
    Make sure your spry assests folder is in your root directory and upload the files once you know they are where they should be.
    Gary

  • Help with spry collapsible panel

    I have several spry collapsible panels that I am using for
    navigation and want an open panel to close automatically when a new
    one is opened. Can this be done? I checked the "customuze this
    widget" in the property inspector but does not give any info on the
    behavior of them. I am sure it is in the java code but I am not a
    Java expert by any means.

    Have a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    Gramps

Maybe you are looking for