Spry Accordion: how to animate layers upwards from fixed downward position?

Hi all,
I'm new to manipulating SPRYs so please be easy on me and my perhaps silly question:
for layout-reasons I need an accordion-menue to slide its layers upwards. Only one of the five layers has to extend 'cause it's the only one with submenue-content. All the others have to stay closed. And the position of the navi should be at the bottom of a div only animating upwards. If the sub-content-layer is left by the user the layer should animate down again.
Placing the SPRY and modifying some of its basic settings is easy but on this upside-down thing I get lost.
Anybody an idea?
Regards,
lunte

Similar Messages

Spry Accordion how to open on load panels closed

I'm having problems with spry accordion on load panels closed. I tried putting the changing the var in the javascript usedFixedPanelHeight: false:, and that didn't work. The box would come up saying that this javascript will not work for this accordion. I tried *Closed* in the accordion div tag and that didn't work. Can someone help me please. I'm trying to load panels closed.
Thanks for your help.

I was looking at that link you gave before I submitted this post. It wasn't very clear to me.
1. You say set the default panel set the defaultPanel option to - 1?. Where is the defaultPanel located? When I click the button to create a spry Accordion it only gives me options of creating panels. Is the defaultPanel panel located is the CSS tab?
2. The link you gave says closing panels only works with variable height. Can you tell me what is variable height? I looked at the code at this page to see if I could see what it was doing. I observed that the javascript at the bottom which is a variable was changed for the spry accordion. I copied and pasted code in my page and it didn't work.
I really trying to hard to figure this out. Thanks for your help.
Bobby

Spry Accordion - How do you get a panel to close?

I've got an accordion with three panels, but when I click on
an open panel, it doesn't close. I've got the
"useFixedPanelHeights: false, defaultPanel: -1" properties set, and
those properties are working correctly, and it's variable height
and they're starting out closed, but for some reason, whenever I
click on any of the open panels, nothing happens, and I don't even
get a javascript error.
Any ideas on how to make those open panels close?

quote:
Originally posted by:
JeffRSmall
I've got an accordion with three panels, but when I click on
an open panel, it doesn't close. I've got the
"useFixedPanelHeights: false, defaultPanel: -1" properties set, and
those properties are working correctly, and it's variable height
and they're starting out closed, but for some reason, whenever I
click on any of the open panels, nothing happens, and I don't even
get a javascript error.
Any ideas on how to make those open panels close?
I have the same problem except my panels start off open. I
have all the properties set as above as well. I thought it might be
a conflicting .css issue, so I detached the page from my template
and started hacking away at the .css rules that page wasn't using,
but that didn't help at all. I'm really at a loss. That page is
doing other strange, inexplicable stuff too, such as picking up the
wrong formatting in some paragraphs but not others with no clues as
to why in the code.
Here is the page:
www.farrelldoc.com/downloads.html

Spry Accordion - how to start collasped?

Using the jQuery UI Accordion for Widget Browser, how do I made it completely collasped when page opens?
Thanks, Linda

Hi Linda,
You need to add the following to the script that initializes the accordion
active: false,
Richard

Spry Accordion : How to keep the last panel ?

Hi!
In the div 'AccordionPanelcontent', i have links which open
the same page. The opening index is on 0. If the user is on an
other panel than the first, and he click on a link, the page is
refreshed nromally, but the accordion come back an opens the first
panel. How do you do if you don't want the widget to move when you
click or a link and that it keeps the last panel opened ?
Thanks!

Hello Sheeba,
It will store previous selection.
I think you did following steps:
1. Creating Parameter
2. Applying Expert on report.
If you refresh then it asks for "Used value" Or "New value"... If you do it second time it shows previous selection also.
please check it once...
Thank You !

How to animate images coming from web service in iphone sdk.

this is my code check once and give me reply.
- (void)parserDidEndDocument:(NSXMLParser *)parser{
    moreListTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 10, 320, 350) style:UITableViewStylePlain];
    moreListTableView.delegate = self;
    moreListTableView.dataSource = self;
    [self.view addSubview:moreListTableView];
    for(i=0; i < [advImagesList count]; i++){
        NSString *data=[[NSString alloc]initWithFormat:[advImagesList objectAtIndex:i]];
        Byte inputData[[data lengthOfBytesUsingEncoding:NSUTF8StringEncoding]];
        [[data dataUsingEncoding:NSUTF8StringEncoding] getBytes:inputData];
        size_t inputDataSize=(size_t)[data length];
        size_t outputDataSize=EstimateBas64DecodedDataSize(inputDataSize);
        Byte outputData[outputDataSize];
        Base64DecodeData(inputData, inputDataSize, outputData, &outputDataSize);
        NSData *theData=[[NSData alloc]initWithBytes:outputData length:outputDataSize];
        imgview=[[UIImageView alloc]initWithImage:[UIImage imageNamed:data]];
        imgview.frame=CGRectMake(0, 317, 320, 50);
        imgview.image=[UIImage imageWithData:theData];
        [self.view addSubview:imgview];
    Timer = [NSTimer scheduledTimerWithTimeInterval:.1 target:self selector:@selector(moveRect) userInfo:nil repeats:YES];
-(void)moveRect
// imgview.animationImages=advImagesList;
    [imgview startAnimating];
    [imgview setAnimationDuration:2];

This is a user forum. Try developer.apple.com.

How can I playback comp from the playhead position with audio?

If I hit Spacebar comp will play without audio. If I hit Cmd+"Keypad-0" I get playback wth audio but playback begins from start of work area. How can I get playback with audio without having to reposition the work area in/out markers?
AE CS 6.1.x OS X 8MB RAM

Thanks for the links Szalam. Yes, 'spacebar is not an option, people'.
Could have used those links 2 weeks ago! Gave myself a crash course in AE consulting Dr Google and Ms YouTube on the things I was looking to do and did some patient reading of the manual (old school player).
I have 4 years working in Quartz Composer (Noise Industries make all their AE and NLE plugins using Apple's Quartz Composer framework) and a lifetime in AI, PS, ID etc all the way back to MacPaint and MacDraw but it was still hard to get the hang of AE's quirks for quite some time. Will check out your respources when my deadline passes.

Spry accordion with php mysql as data

Hello
I`m trying to create a spry accordion where the Labels are pulled from a mysql database table and the Content of that label is pulled from data in the same database. I tried adding first the spry accordion and then created 1 recordset for the labels and a second recordset for the content , then I added a repeat region for the labels DIV and inside this div I added a repeat region for the content.
Unfortunatly when viewed in the browsers the accordion doesn`t work.
Can anyone look at the code and tell me where is the mistake.
Thanks
<?php require_once('Connections/log.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);mysql_select_db($database_log, $log);
$query_log_year = "SELECT DISTINCT Year(`23849`.acoff) AS yy FROM `23849` ORDER BY Year(`23849`.acoff)";
$log_year = mysql_query($query_log_year, $log) or die(mysql_error());
$row_log_year = mysql_fetch_assoc($log_year);
$totalRows_log_year = mysql_num_rows($log_year);
$mhour_log_mon = "0";
if (isset($row_log_year['yy'])) {
$mhour_log_mon = $row_log_year['yy'];
mysql_select_db($database_log, $log);
$query_log_mon = sprintf("SELECT DISTINCT DATE_FORMAT(`23849`.acoff, '%%M') AS mon , DATE_FORMAT(`23849`.acoff, '%%m') AS m , sum(`23849`.ablock) as toth FROM `23849` WHERE YEAR(`23849`.acoff) = %s GROUP BY m ORDER BY m ", GetSQLValueString($mhour_log_mon, "int"));
$log_mon = mysql_query($query_log_mon, $log) or die(mysql_error());
$row_log_mon = mysql_fetch_assoc($log_mon);
$totalRows_log_mon = mysql_num_rows($log_mon);
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing ajax php mysql</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <?php do { ?>
      <div class="AccordionPanelTab"><?php echo $row_log_year['yy']; ?></div>
      <?php } while ($row_log_year = mysql_fetch_assoc($log_year)); ?>
<div class="AccordionPanelContent">
<table width="100%" border="0" cellspacing="5" cellpadding="5">
    <?php do { ?>
      <tr>
        <td><?php echo $row_log_mon['mon']; ?></td>
        <td><?php echo $row_log_mon['toth']; ?></td>
      </tr>
      <?php } while ($row_log_mon = mysql_fetch_assoc($log_mon)); ?>
</table>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
<?php
mysql_free_result($log_year);
mysql_free_result($log_mon);
?>

You only have 1 "AccordianPanel" which contains a list of "AccordianPanelTab" elements, then a list of "AccordianPanelContent" elements.
You need to have a list of "AccordianPanel" elements, each containing a pair or "AccordianPanelTab" and "AccordianPanelContent" elements.
HTH,
Randy

How to animate from a png tile based image file

Hi all,
I would like to know is there any way to animate from a tile based .png image file? I have multiple images in 1 png file having slight changes in each image, which if cropped and put into layers one over the other, will give the feel of animation or a character moving or walking etc...
I want to know can we do that kind of animation in flash as we do it in C++ or Java and how can we do it.
Any help will be highly appreciated.
Thank you
Shanz - Iceheros

I want to use action script to externally call/access the png file with url request and url loader and animate the images from the tile based png image file.
Anybody know how to do this in flash with as3.
Here is the image for example:
i want to animate this images and call it externally and access each tile 1 after another.
Any Help???
Thanks,
Shanz - Iceheros

How can I make the spry accordion remember the panel open when I refresh the page or jump to a new page?

How can I make the spry accordion remember the panel open
when I refresh the page or jump to a new page?
I am using the accordion feature on all my pages as a
navigation aid. It has three panels. When you refresh the page the
panel goes back to the default pane... Is there a way of
controlling this so that the browser can remember the pane that is
open (say set a variable, cookie, other?)

Look for "Set the default open panel" on the following page:
http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html
Keep in mind you would need to change that bit of code on
every page. The only way to do it more dynamically would be to
include a custom javascript or PHP/ASP style script in order to
change the value.

How to create anchor links within a spry accordion?

I am using the spry accordion from DW CS6. HAving 6 panels.
I want to do this but can't manage it the usual html way...and I am clueless about javascript:
I want to create a wordlink that forwards people to the content of a different panel within the same accordion.
I tried the usual naming of anchor and creating link to such but nothing happens. I googled a bit for answers but I come up with js and that is abracadabra to me. The names in the js are nothing likie html classes that I can target so I have no clue what to do.
Any help would be very appreciated on this matter.
One other problem I am having is this:
My accordion is broken in the Opera browser....anybody an idea what causes this? Do I miss some plug in my browser?

I am using the spry accordion from DW CS6. HAving 6 panels.
I want to do this but can't manage it the usual html way...and I am clueless about javascript:
I want to create a wordlink that forwards people to the content of a different panel within the same accordion.
I tried the usual naming of anchor and creating link to such but nothing happens. I googled a bit for answers but I come up with js and that is abracadabra to me. The names in the js are nothing likie html classes that I can target so I have no clue what to do.
Any help would be very appreciated on this matter.
One other problem I am having is this:
My accordion is broken in the Opera browser....anybody an idea what causes this? Do I miss some plug in my browser?

How to make no panels on Spry accordion open by default?

I have a Spry Accordion with several panels. I want the default behavior for none of the panels to be opened until one is clicked. Currently the default behavior is for the first panel to be automatically expanded when the page is first visited. How do I correct this?

It's here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
Under the sub heading "starting with all panels closed".
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
Martin

How to remove a tab from Accordion Menu?

I have a page that I am creating for my website which has an accordion menu on it. I originally created the menu in Dreamweaver CS4 using the Spry Accordion Widget, then transferred that code over to the website page. In place of words on the menu, I am using images for each drop down tab. I am trying to remove the last tab in the menu, but every time I do my entire menu no longer functions and the tabs, when clicked, no longer drop down.
http://www.tocico.org/?page=2015_workshop_test
Above is the link to the page I am working on. The last tab in the menu is titled TOC Thinking Processes (above the Register Now button). All I want to do is remove that tab, but when I do, the entire menu no longer works.
Please let me know if you need anything else from me.

Never mind, I was able to figure it out. After I had removed lines 631-644 the code had changed for some reason.
CHANGED FROM THIS:
<script type="text/javascript" class="AccordionPanelClosed">
//<![CDATA[

//]]>
</script><br>
TO THIS:
<div class="AccordionPanel AccordionPanelClosed">
//
//]]>
<br>
Turns out I was just missing the <script type="text/javascript" class="AccordionPanelClosed"> to match up with the </script> code at the end. Thanks for your help!

How do i stop PS from deleting transparent Pixels on layers?

Hello community,
i have a problem concering the place-function of Photoshop CS6. I want to include hundreds of png files in a psd file and i want them to keep their original size. Unfortinatly they have transparent borders and PS deletes these borders when you place the images in the PSD-file. For example: I have a square with x=50px and y=50px and it is positioned in an png with the dimensions x=100px and y=100px. I want to have these kind of files in my psd-file an need to keep their full dimensions, because my graphic specifications relate to the 100px/100px size and i need it later in my workflow.
How do i stop PS from cutting off the tranparent borders of my images?

Yes Free Transform has what was set during the place and you can see in the option bar if the layer has been scaled or is at 100 % width and height. You can also drag out guide line to the transforms bounding box. Then later measure the size or drop in a low opacity pixel in two diagonal corners to force the bounds to the png's canvas size. However if you don't add those pixels in a script the bounds you get is that of the bounds of the non transparent pixels and in an action Ctrl|CMD clicking the layers content in the layers palette selects the non transparent pixels.
My Photoshop Photo Collage populating scripts do not always fill an image area when they resizing odd shaped png images, However if the png is rectangular with transparent borders the script will fill the area with pixel for the scripts gets the bounds of the non transparent pixels, not the png canvas size. So resizing works well. There is a difference between layer size and canvas size in the png file. Layers can also be larger then canvas size in psd files Photoshop support any size layer you have the canvas act like a cropping mask on a document.
Message was edited by: JJMack

Controlling spry accordion from flash doesn't work in IE 8

Hi all,
I created a spry accordion in an html page and a little spry controller in flash, on the same page.
The flash controller contains buttons that should trigger the accordion in the same page.
here is the code I inserted in a flash button:
on (release) {
getURL ("javascript:acc_ricette.openPanel('mypanel_ID'); return false;")
where mypanel_ID is the ID of the accordion on the page.
When I click any flash button this works perfectly in firefox and chrome, but it doesn't work in IE 8 and Opera.
The accordion itself (not using the flash buttons) works in all browser.
Is there a solution
TIA
tony

Hi all,
I created a spry accordion in an html page and a little spry controller in flash, on the same page.
The flash controller contains buttons that should trigger the accordion in the same page.
here is the code I inserted in a flash button:
on (release) {
getURL ("javascript:acc_ricette.openPanel('mypanel_ID'); return false;")
where mypanel_ID is the ID of the accordion on the page.
When I click any flash button this works perfectly in firefox and chrome, but it doesn't work in IE 8 and Opera.
The accordion itself (not using the flash buttons) works in all browser.
Is there a solution
TIA
tony

Spry Accordion: how to animate layers upwards from fixed downward position?

Similar Messages

Maybe you are looking for