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);

Similar Messages

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} );

Accordion tabs w/panel sub-nav - default open issues

I have a spry accordion in a left sidebar, and I'm using it as navigation for a slideshow for a website I'm working on. Each of my 5 accordion tabs has a different category of slideshow, with each panel having multiple sub-navigation links that each link to a different slideshow which appears in the main part of the page (to the right of the sidebar). Say it's something like this:
VENUES (tab)
(start panel)
Bayside Restaurant (link)
Historic Ballroom (link)
Western Ranch (link)
(end panel)
ACTIVITIES (tab)
(start panel)
Surfing (link)
Dancing (link)
Horse back riding (link)
(end panel)
The sub-navigation to each slideshow is activated by simply clicking on the text, which I linked with the "point to file" link tool in the properties menu.
Ideally, I'd like to work with one template in Dreamweaver for all pages/slideshows I'm creating, but I'm running into a problem. I know how to change the default panel in the .js so that a different one appears open when a user first accesses the page, but I can't figure out how to get the default panel to change when the user clicks on a different panel and attempts to use the subnavigation. The subnavigation works just fine (it takes the user to the correct slideshow), but then the panel snaps shut instead of remaining open on the one the user selected.
(So, to further explain with the example above, say the user wanted to look at all the links in the "Venues" tab, but the default is to have the "Activities" tab open on arrival. The "Venues" tab opens just fine on the click, but as soon as the user clicks on, say "Bayside Restaurant," the correct slideshow appears to the right, but then the "Venues" tab snaps shut and the "Activities" tab and its sub-navigation appears open again. The user then has to click on the "Venues" tab again if s/he wants to see the other options and view a different slideshow, rather than simply being able to click on the next link.)
I tried making multiple templates, with different default panels open as a solution, but that's not working either. . .for some reason it keeps defaulting back.
Does this make sense? Are there any solutions to this problem? Any help would be much appreciated.
Thanks!
Rebekka

I think I found your problem. It lies in the Javascript:
<script language="JavaScript" type="text/javascript">
var indexAccordion = new Spry.Widget.Accordion("indexAccordion");
var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false });
</script>
You have essentially duplicated the code in order to accomodate the useFixedPanelHeights. Consolidate it into single one, and remove the duplicate:
<script language="JavaScript" type="text/javascript"> var acc1 = new Spry.Widget.Accordion("indexAccordion", { useFixedPanelHeights: false }); </script>
IE might be having trouble understanding the double instances of the script and is ignoring the latter one. Just keep the latter one and it might fix it.
Also, thanks for the tip, but I use Chrome's Developer Tools... it just didn't cross my mind since I've been busy =)

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">

</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?

Firefox with one tab open takes up 72 Mb. I disabled all of my Add-ons. How do I solve this?

I disabled all of my add-ons and my Firefox theme is the default that comes with the download.
I cleared my Cache every time I start Firefox up, and I set my internet history to automatically become deleted once I close my Firefox.
The problem is that despite all of my add-ons being disabled and my internet history becoming wiped clean once I close the program Firefox, ***With only one tab open*** takes up 48 Mb.
One time I had only ten tabs open and it took up 600,000 k in my processes (585 Mb.)
This is driving me crazy as in I have been trying to figure it out all day.
I used the Google Chrome Web browser but every tab I open up it creates a new Chrome in the processes and each process takes up 48 Mb.
What is going on?
I used Firefox 3.6
and then I tried Firefox 4
both did the same thing. What can I do to fix this?'''bold text'''

hello, please install the search reset addon - it will revert the most common customizations those adware programs do in firefox back to the default: https://addons.mozilla.org/firefox/addon/searchreset/

Collapsible Panel Group - automatic close/open?

Is there a way to set it so the Spry Collapsible Panel Group automatically closes an open panel when you select to open another one?
Thank you.

Uhm... I think you should swap the collapsible panel group for a Spry Accordion: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html

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>

<div class="container clear_children">

<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>


<div class="content clear_children">
    
    <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 — 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>
    
</div>


<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>

</div>

<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.

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 href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet"
type="text/css" />

<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
</head>
<body>

<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>

<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

FF401 is taking 215MB of RAM with one tab open can mem usage be made smaller?

System 256MB RAM, PIII, XP PRO, SR3 and all current updates applied. Just installed FF401 and it is taking up most all my memory. Every time I open a new tab FF increases mem size by 10-20MB. Currently one tab open and FF uses 215MB on www.justin.tv

Ok, I found the solution (for at least my boxes!) Yay!
The trouble is that Firefox changed the amount of HTTP connections it permits simultaneously from 30 (pre version 6) up to 256 for version 7. Each connection uses CPU and Memory!!!!!
I won't ponder why they did that, but the fix is easy:
Lower the max number of HTTP connections
In the Location bar, type about:config and press Enter.
The about:config "This might void your warranty!" warning page may appear. Click I'll be careful, I promise!, to continue to the about:config page.
In the Filter box at the top, type network.http.max-connections.
Double-click on the network.http.max-connections preference, the "Enter integer value" dialog box will open.
In the field, type 30 which was the default value in old versions of Firefox and click OK.
My version 7.0.1 firefox suddenly started working! Yay!

With one VI open, others do not function

I have a VI that reads voltage from a Baratron gauge, and saves that and the time into a text file for spreadsheet use. If this VI is running then all other VI's either don't run or don't update. For instance, another VI runs 4 different mass flow controllers (MFCoperations.vi)- if I change the setting on any of the MFC's the flowrates don't change until I stop my "baratron.vi." More importantly, I can't seem to figure out why the most important vi I have won't work with baratron.vi running- this one is called "valve_ops_vcr.vi." I've attached all three.
What gives?
Attachments:
baratron.vi ‏40 KB
MFC_operations.vi ‏80 KB
valve_ops_vcr.VI ‏243 KB

Hello Jeff,
For starters, your baratron VI has a while loop with no timing. That means as soon as it takes a reading, it turns around and takes another. It looks to me like it is hogging your processor. Also, when one data acquisition process is running, another cannot run at the same time. It looks like your acquisition runs for 1 second and then immediately runs again.
Suggestions:
1. Can you get by with less than 100,000 averaged points? If so, you could acquire for a shorter time, then put a wait in the loop to let other processes run.
2. Can you get by with fewer logged averaged values? If so, you could acquire your 100,000 points, then wait for a second to free up the processor.
General Suggestions:
1. Any time you can, use loop timing.
Loops that run wild should be short lived.
2. I noticed several write to digital lines. You could do one single port write instead.
3. If these processes all need to run simultaneously, and share hardware resources, you might want to look into some type of architecture to control these as subVIs rather than running them all independently.
Best regards,
Doug Norman

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&department=GOV&instructor=all&amp ;credits=all&course_number=&keyword=&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&department=GOV&instructor=all&amp ;credits=all&course_number=&keyword=&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">

</script>

Spry collapsible panel open by default

Hi there,
I've done a couple of sites where the left nav bar is a
series of
collapsible panels, each one housing links to products within
a specific
line. Would it be possible to insert code somewhere to get
one of the panels
open by default when you open a certain page, ie if you open
the 'suncare'
page the 'suncare' panel is open on load. I read something
about this on the
Adobe documentation but when I tried it it did't work.
It needs to be code somewhere on the page that interacts with
the spry
panel, I can't put it on the panel itself as I'm using a SSI
to insert the
nav bar into dozens of pages.
Many thanks...

Check out the examples on this page: http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

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

How to open multiple collapsible panels?

http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
This "Open Panel with Link" sample opens only one panel, but
I'd like to open multiple collapsible panels at the same time with
one button/link click.
I'm trying to use a class name "Collapsible Panel" instead of
the id name "cp1, cp2,cp3,cp4, ....", but I'm stuck on how to
open/close by class name.
If anyone knows how to do it, I'm appreciated to hear it.
Thanks,
(^_^)/

I'm not sure if this is what you're going for, but here is an
example of using a text link to open multiple collapsible panels:
<a href="javascript:;"
onclick="CollapsiblePanel1.open();CollapsiblePanel8.open();">Click
to open</a>
<a href="javascript:;"
onclick="CollapsiblePanel1.close();CollapsiblePanel8.close();">Click
to close</a>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab">Standard Collapsible
Panel</div>
<div class="CollapsiblePanelContent">
<p>Default CSS class .CollapsiblePanel width set to
300px. Since all Panels on this page use the same CSS, it
affects all Panels on the page.</p>
<p>Custom classes can be used to customize individual
Panels. </p>
</div>
</div>
<div id="CollapsiblePanel8" class="CollapsiblePanel">
<div class="CollapsiblePanelTab">Standard Collapsible
Panel</div>
<div class="CollapsiblePanelContent">
<p>Default CSS class .CollapsiblePanel width set to
300px. Since all Panels on this page use the same CSS,
it affects all Panels on the page.</p>
<p>Custom classes can be used to customize individual
Panels. </p>
</div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
var CollapsiblePanel8 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel8");
</script>

Spry Collapsible Panels - Way to set them open only once per visit?

I'm wondering if there is a way to set a Spry Collapsible
Panel to be automatically open on the initial loading of the site,
but as people navigate around the site and back and forth from the
home page, to be able to have it closed on subsequent visits to the
home page.
Right now I have a collapsible panel set to OPEN by default
when someone first hits the home page, but if they navigate around
the site and then click to the home page again, they get the panel
open again. Naturally, that will end up annoying people.
Any suggestions?
Thanks in advance!
Sara

Flash local shared object can help with this. Here is some info:
http://www.bestflashanimationsite.com/tutorials/4/
http://www.permadi.com/tutorial/flashSharedObject/index.html
http://www.kirupa.com/developer/mx/sharedobjects.htm
Best wishes,
Adninjastrator

Collapsible Panels with one default open

Similar Messages

Maybe you are looking for