Combining Spry elements

My situation is this: I am creating a photo gallery page,
with 5 galleries. Each gallery's thumbnails are displayed in a Spry
panel (Tabbed Panels) on the right side of the page. The full size
image will be displayed in another div on the left side of the
page. So far, I have everything for the first gallery working, and
I was able to get the thumbnails for the second gallery to show,
but can't figure out how to get the corresponding full size image
for the second gallery to show up when the thumbnail is clicked.
Can anyone help me out with this? The page is located here:
http://www.mistchild.com/nyc/08/photos.htm
Thanks

Can anyone help me with this?

Similar Messages

Resolving conflicting JavaScript due to several Spry elements in one page

I am fairly new to web coding, I would really appreciate some help in the following topic. I am working on a web page and I decided to insert some of the pre-coded Spry elements provided by Dreamweaver, I have in one page a HorizontalMenuBar, a SpryTabbedPanels, and an AccordionPannel. I have not modified any of the script that is automatically inserted into my code, all I did was to change some of the CSS to match my design, I saved the extension files in my own .js folder rather than the SpryAssets folder that is automatically created and I have verified that all the files are being called correctly in the <head> of my document. When I test the page with only the HorizontalMenuBar it works fine, as soon as I add the TabbedPanels and the Accordion only one of them works. I researched this subject and I think the problem is that eachof these /.js files created by Dreamweaver have a couple of variables that are named creating conflict when running the script. But I don't know what variable it is, in previous threads I found that the most common variable causing this problem is the 'onload' event, so I looked for it on each file and to my surprise neither of the .js files have an 'onload' element. I would guess that is being used as a global variable, but I don't write code and I wouldn't know how to fix that.
I have some specific questions I would appreciate help with.
1- Does anyone know a simple way to fix this problem?
2- What other variable could be causing this problem? Specific names would help so I can run a Find search
3- Will it cause a problem if I combined the 3 .js files into one?
4- What can I do to avoid this problem later on if I decided to add another pre-coded JavaScript element into my site?
Thanks in advance for any help provided.

I'm having a similar problem and can't find the solution. I have a twitter feed widget and a image cycle widget on my site. On their own the widgets work fine, but when both in the same html document only one works. Here's my code, what do you think: I'd really appreciate any assistance. Thanks!
<!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>Untitled Document</title>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/twitter_search.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2559022: #slideshow */
                              #slideshow {
                                  padding: 0px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 0px;
                                  background-color: transparent;
                                        -webkit-border-radius: 0px;
                                        -moz-border-radius: 0px;
                                        border-radius: 0px;
                                  margin: 0;
/* EndOAWidget_Instance_2559022 */
</style>
<script type="text/xml">

</script>
<style type="text/css">
/* BeginOAWidget_Instance_2125523: #twitter */
                    #twitter { height: 200px; width: 250px}
/* EndOAWidget_Instance_2125523 */
</style>
</head>
<body>
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=false;
$(document).ready(function() {
          $('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'fade,',// name of transition effect
                    pause:                              true,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              2000, // speed of the transition (any valid fx speed value)
                    sync:                              false,     // true if in/out transitions should occur simultaneously
                    timeout:                    6000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '400px',
                    width:         '900px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">

<img src="images/beach1.jpg" width="100" height="100" title="caption for image1" /> <img src="images/beach2.jpg" width="300" height="300" title="caption for image2" /> <img src="images/beach3.jpg" width="200" height="200" title="caption for image3" />
<div title="sample title"> you can add blocks of text instead!</div>
<img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div>
<div id="twitter"></div>
<script type="text/javascript">
// BeginOAWidget_Instance_2125523: #twitter
$(document).ready(function() {
          $('#twitter').twitterSearch({
                    term: 'from%3Abholtdesign',
                    title: 'cbb twitter',
                    titleLink: 'http://www.twitter.com/bholtdesign',
                    bird: true,                                                  // true or false (show or hide twitter bird image)
                    birdSrc: '/images/tweet.gif',                     // twitter bird image
                    birdLink: '',                    // url that twitter bird image should like to
                    avatar: false,                                        // true or false (show or hide twitter profile images)
                    anchors: true,                              // true or false (enable embedded links in tweets)
                    animOutSpeed: 500,          // speed of animation for top tweet when removed
                    animInSpeed: 500,          // speed of scroll animation for moving tweets up
                    pause: true,                                        // true or false (pause on hover)
                    time: true,                                                  // true or false (show or hide the time that the tweet was sent)
                    timeout: 4000,                              // delay betweet tweet scroll
                    css: {
                              a:     { textDecoration: 'none', color: '#999999', fontWeight: 'normal'},
                              container: { backgroundColor: '#000000' },
                              frame: { border: '10px solid #333333', borderRadius: '10px', '-moz-border-radius': '10px', '-webkit-border-radius': '10px' },
                              img:   { width: '30px', height: '30px' },
                              loading: { color: '#888' },
                              text: {fontWeight: 'normal', fontSize: '12px', color:'#ffffff'},
                              time: { fontSize: '12px', color: '#CCC' },
                              title: { backgroundColor: '#990066', padding: '5px 0 5px 0', textAlign: 'center', fontWeight: 'bold', fontSize: '12px'},
                              titleLink: { textDecoration: 'none', color: '#ffffff' },
                              user: { fontSize: '12px'},
                              fail: { background: '#6cc5c3 url(/images/failwhale.png) no-repeat 50% 50%'}
// EndOAWidget_Instance_2125523
</script>
</body>
</html>

Spry Elements

Is it possible to combine several different Spry elements on a single page, specifically a Spry menu and a Spry collapsible panel(s)?

Thanks for your feedback.
In testing, I did have some initial problems. But it appears if I avoid nesting (the different Spry elements) the problem(s) goes away. Does that make sense? Is that generally good practice?

Hiding Table Columns with the Spry Element Selector

I am trying to set up a toggle button that will show/hide
rows >1 when clicked. I've used Adobe's
"Hiding
Table Columns with the Spry Element Selector" example and it
worked fine with an HTML list, until I linked to actual XML data.
Now it works in reverse. What gives?
Here's the example:
http://a44.awardspace.com/testing/toggleShowHideRows.htm

That's what I started with. Same result:
http://a44.awardspace.com/testing/toggleShowHideRows.htm

Spry Element Problems...

Hello!
I am working on my website and getting conflicts with Spry Elements. I have inserted a Spry Menu at the top of my page in a fixed position, and then in the content area of my page I have Spry Tabs. The problem is that even though I have the z-index up to 1000 for the menu, when it drops down over the tab the tab can be seen through it and even selected. However, I cannot find a z-index property for the Tab css anywhere, and even when I add one well below my menu it still shines through.
Since both Spry elements autocreate their own css pages and javascript files I assume it is something in there that is causing it.
Anyone have an easy answer?
Thanks,
-Ryan

I cannot find a z-index property for the Tab css anywhere
You'll probably need to create your own. Z-index (stacking order) only works on positioned (relative, absolute or fixed) elements.
Nancy O.

Absolutely Positioned Spry Elements Disappearing in Firefox

Building a sliding spry element that creates the effect of a tab expanding upwards. Renders perfect in both Safari and Opera9, however in firefox the heading tag and subsequent <a> that controls the effect are visible only for a brief second and the page loads then disappear from view all together.
I turned off css styles in FF and was surprised to find that the 3 spry elements function 100% correctly. This is indicating to me that it is a css error. I remember another time I was trying to use image replacement via display:none and AP html tags where the links became unclickable though still visible.
here is a link to the page:
http://internal.shamanism.com/danceofthedeer/test/default.cfm
rather than post a long list of css styles and html code, ive just attached them to this thread.
I've searched around for a similar issue, but without knowing what is exactly causing this problem its hard to find relevant results.
Any help would be greatly appreciated.
Thanks.

ccwd wrote:
> I used Dreamweavers to create a web site with a
horizontal spry menu. The site
> was working fine and still is in Firefox, but in IE the
menu text disappears
> when browsing to some of the page (the text is visible
on roll-over, however).
> I have very limited experience with coding.
For anyone to track down your problem you'll have to post a
link to a live page that exhibits this issue and give detailed
instructions as to how to recreate it. Please include the version
of IE (and platform in case that may make a difference)that is
having this issue.
Also, Spry questions are generally better asked in the Spry
forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Printing every possible pair combination of elements in two arrays??

Hi there,
I'm trying to implement the problem of printing every possible pair combination of elements in two arrays. The pattern I have in mind is very simple, I just don't know how to implement it. Here's an example:
g[3] = {'A', 'B', 'C'}
h[3] = {1, 2, 3}
...code...??
Expected Output:
A = 1
B = 2
C = 3
A = 1
B = 3
C = 2
A = 2
B = 1
C = 3
A = 2
B = 3
C = 1
A = 3
B = 1
C = 2
A = 3
B = 2
C = 1
The code should work for any array size, as long as both arrays are the same size. Anybody know how to code this??
Cheers,
Sean

not a big fan of Java recursion, unless tail recursion, otherwise you are bound to have out of stack error. Here is some generic permutation method I wrote a while back:
It is generic enough, should serve your purpose.
* The method returns all permutations of given objects. The input array is a two-dimensionary, with the 1st dimension being
* the number of buckets (or distributions), and the 2nd dimension contains all possible items for each of the buckets.
* When constructing the actual all permutations, the following logic is used:
* take the following example:
* 1    2    3
* a    d    f
* b    e    g
* c
* has 3 buckets (distributions): 1st one has 3 items, 2nd has 2 items and 3rd has 2 items as well.
* All possible permutaions are:
* a    d    f
* a    d    g
* a    e    f
* a    e    g
* b    d    f
* b    d    g
* b    e    f
* b    e    g
* c    d    f
* c    d    g
* c    e    f
* c    e    g
* You can see the pattern, every possiblity of 3rd bucket is repeated once, every possiblity of 2nd bucket is repeated twice,
* and that of 1st is 4. The number of repetition has a pattern to it, ie: the multiplication of permutation of all the
* args after the current one.
* Therefore: 1st bucket has 2*2 = 4 repetition, 2nd has 2*1 = 2 repetition while 3rd being the last one only has 1.
* The method returns another two-dimensional array, with the 1st dimension represent the number of permutations, and the 2nd
* dimension being the actual permutation.
* Note that this method does not purposely filter out duplicated items in each of given buckets in the items, therefore, if
* is any duplicates, then the output permutations will contain duplicates as well. If filtering is needed, use
* filterDuplicates(Obejct[][] items) first before calling this method.
public static Object[][] returnPermutation(Object[][] items)
     int numberOfPermutations = 1;
     int i;
     int repeatNum = 1;
     int m = 0;
     for(i=0;i<items.length;i++)
          numberOfPermutations = numberOfPermutations * items.length;
     int[] dimension = {numberOfPermutations, items.length};
     Object[][] out = (Object[][])Array.newInstance(items.getClass().getComponentType().getComponentType(), dimension);
     for(i=(items.length-1);i>=0;i--)
          m = 0;
          while(m<numberOfPermutations)
               for(int k=0;k<items[i].length;k++)
                    for(int l=0;l<repeatNum;l++)
                         out[m][i] = items[i][k];
                         m++;
          repeatNum = repeatNum*items[i].length;
     return out;
/* This method will filter out any duplicate object in each bucket of the items
public static Object[][] filterDuplicates(Object[][] items)
     int i;
     Class objectClassType = items.getClass().getComponentType().getComponentType();
     HashSet filter = new HashSet();
     int[] dimension = {items.length, 0};
     Object[][] out = (Object[][])Array.newInstance(objectClassType, dimension);
     for(i=0;i<items.length;i++)
          filter.addAll(Arrays.asList(items[i]));
          out[i] = filter.toArray((Object[])Array.newInstance(objectClassType, filter.size()));
          filter.clear();
     return out;

Sapscript: How to combine two elements into a block when display ?

/E ITEM_CONDITIONS
/:   PROTECT
ZC &KOMVD-VTEXT&,,&KOMVD-KWERT&
/:   ENDPROTECT
/E TOTAL_AMOUNT_ITEMS
/:   PROTECT
ZC &KOMK-SUPOS&
/:   ENDPROTECT
Hi, all. May i know how to combine the two elements into a same block when displaying?
That's mean this two element content will not be split into two part between two pages when there is insufficient space in the front page.
Thanks.
Edited by: Jiansi Lim on Oct 8, 2008 12:24 AM

You can evoke the PROTECT..ENDPROTECT in the print program before the call of the text elements.
      CALL FUNCTION 'CONTROL_FORM'
        EXPORTING
          command = 'PROTECT'.
      CALL FUNCTION 'CONTROL_FORM'
        EXPORTING
          command = 'ENDPROTECT'.

Spry elements and rollovers not working in IE (all)

After updating my DW CS5.5 last week my rollovers and spry menu elements don't work in IE (any version). Everything worked well before update. It is not the code (ran it through validator). I tried just insert the elements to the empty page and nothing works. I really need this to resolve as my deadline is in 2 weeks. Is it any way how I coudl return to the previous version? My version now (after update) is Version 11.5 Build 5366.
I forgot to mention that also I cannot connect to Adobe Browser Lab from DW since update ( I can do it from website) - it doesn't recognize my Adobe ID.
Thank you to everybody who coudl give me some info
Daniela

Upgrading should not be the cause of the problem.
If you want us to help you, please post a link to your site so that we can be privy to the same info that you have.
Gramps

Running through combinations of elements

I'm in a situation where I must cycle through an array of elements noting every combination of those elements as I go.
Say I have an array of the length 3, resulting in the indexes of this array being 0,1,2.
I must figure out every order that those indexes can be arranged like this:
0,1,2
0,2,3
1,0,2
1,2,0
2,1,0
2,0,1
Six possibilities for three numbers.
I know I can cycle through these possibilities with just two for loops, one nested into the other.
But once I add another element to the array, the possibilities go from 6 to 24. The natural way to handle this would be to put another for loop in there, making a total of three nested for loops, continuing this further nestation for each successive element that is added to the original array. The problem is that the array must be of variable capacity, meaning that I am not going to know how many elements long that array is until the user tells me. Obviously I cannot respond and put in the appropriate nesting of for loops at run time.
I have a feeling this problem could be solved with recursion, but I hear anything accomplished with recursion can be accomplished with for loops. I guess Im sort of looking for algorithmic advice on how to solve the problem of cycling through the combinations of the elements of a variable length array.
Any input would be appreciated as I've been struggling with this for days.
-Neil

Here is how it prints...

Combining logo elements in Illustrator

Hello,
Is there some way to combine different logo elements so it becomes one element and you can't ungroup it anymore? I mean other way than Pathfinder - Unite (this means flattening color).
Thanks for your help and suggestions!

...the reason is completely different...
What is the reason? What are you trying to accomplish?
As you've stated it so far, your question is ambiguous and without a better description doesn't really make sense in the context of Illustrator. Describe the actual workflow (chain of events) you are trying to accomplish.
So when someone opens the file there is just one element not many elements grouped all together.
Your terminology is ambiguous. "Element" is not a term of the program. What do you mean by "one element"? A term like "Group" has specific meaning in Illustrator.
What kind of file do you want to deliver? What software do you assume the recipient will be using to "open" it? If you deliver an Illustrator file to someone using the same version of Illustrator, they can do anything to it that you can do when you open it with Illustrator.
A motorcycle is one object. It's an object made up of many individual objects. If I deliver my motorcycle to you, you can manipulate it as a single object. If you have the tools and know-how, you can disassemble it into its constituent objects.
A Group in an object-based drawing program is one object. It's an object made up of individual objects (raster, vector, and/or text). If I deliver to you an Illustrator Group, which I'm calling "a logo," you can manipulate it as a single object. If you have the tools (Illustrator), you can disassemble it into its constituent objects.
Do you think there is such a way to combine all these elements into one element logo?
Again: If you are talking about combining paths into one object which cannot be "disassembled" in Illustrator, then you can rasterize it (replace it with a raster image, thereby removing the paths). A raster image is one object. It's an object which Illustrator cannot "disassemble" because a raster image is not a collection of individual objects which Illustrator can individually "understand"; it's just a list of color values (pixels) which Illustrator cannot edit. But that obviates the advantages and purposes of the original artwork having been created as vector-based artwork in the first place. And even Illustrator can still wreck it (re-rasterize it; disproportionally scale it, etc.) if the recipient doesn't know what he's doing.
If you're talking about delivering it to someone to use in some other program, there may be other delivery options which allow it to be used as a whole, but not disassembled by that program.
See how much guessing you are requiring from anyone interested in helping you? Stop being secretive. Explain exactly and in detail what you've got and what you intend to do with it.
JET

Spry Elements vs Regular Form Elements

What is the difference between using Spry Validation form elements as opposed to just using regular form elements?
Which do you prefer and why?
Thanks

What is the difference between using Spry Validation form elements as opposed to just using regular form elements?
Regular form elements are passive elements that wait for information to be entered to subsequently be processed by another mechanism.
SpryValidation form elements are the same as above except that they have an active validation module attached. There are standard validation rules that can be used (like e-mail address) or you can supply custom validations.
Because Spry is a JavaScript library, the Spry widgets will only work with JavaScript enabled. The advantage of JavaScript is that it is processed by the browser (client side) and that, in our case, validation is instantaneous. When JS is turned off or the browser is not JS capable, there is no validation. This means that if you require serious validation, you must, in addition/in lieu of, have server side validation.
Which do you prefer and why?
I use both client side (Spry) and server side (PHP) validation, the latter to make sure that if Spry fails there is always the safe and trusted method of validation.
Why Spry? Spry widgets allow for a better user experience.
I hope this helps.
Ben

In Dreamweaver CS5 - Spry elements visable in LiveView Only

Web page: www.muohio.edu/youth
In Dreamweaver the Spry Tabbed Panels and Collapsible panels work fine as published, and in LiveView. However in Design View the tabbed panels only show the top content, the styling is not applied. The collapsible panels are functional, but the styling is not applied.
Hope someone has an idea of what needs to be changed in the code, it is very difficult to update the page as it is.

Yes, on some complicated pages, DW can have a hard time rendering the Design View.
What you can do (that is the solution I use) is:
for the styling, create you rules in Design view, and edit them in Live view. You sometimes have to refresh the view to have the changes apply, but it is still a time-saver.
for the content, just switch to Code View and copy the content that needs updating. Open another HTML page, select all, and paste over your copied content. DW renders HTML bits pretty well even if there is no <html>, <body>, etc, tags. Then edit in Design View, switch back to Code View, copy all, and paste over your old content in the original document.
Hopes this helps.
Xav

Problem combining Spry effects with image captions [was: LShub]

I am using Spry effects combo sample 2. The thumbnails in the sample are all included within the same preview div. I need to include captions underneath the images, so I have each thumbnail and caption within a separate div. The effect still works everywhere except Explorer. In Explorer 7, the image grows behind the image in the next div.
I read through the Spry for Ajax forum, but the Java Script used there is different. I have tried putting all the divs I want to grow inside another and giving the new div a position and z index. I have also added a z-index in the CSS of the preview div. Nothing I've tried works. Is there a fix?
Here is a link for the page I am working on:
http://www.nhci.com/stage/kitchens/countertops.html?tab=kitchens#
Relevant CSS:
.thumbs {
    clear: both;
    margin: 5px auto;
.thumbnails85 div {
    position: relative;
    width: 85px;
    height: 85px;
    float: left;
    margin: 6px;
    padding: 0;
    float: left;
    display: inline;
.thumbnails85 img {
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
.preview {
    padding: 3px;
    margin-bottom: 5px;
    height: 300px;
    width: auto;
    margin-right: 3px;
    position: absolute;
    float: left;
.spacer105 {
    height:105px}
[Subject title edited by moderator]

I am using Spry effects combo sample 2. The thumbnails in the sample are all included within the same preview div. I need to include captions underneath the images, so I have each thumbnail and caption within a separate div. The effect still works everywhere except Explorer. In Explorer 7, the image grows behind the image in the next div.
I read through the Spry for Ajax forum, but the Java Script used there is different. I have tried putting all the divs I want to grow inside another and giving the new div a position and z index. I have also added a z-index in the CSS of the preview div. Nothing I've tried works. Is there a fix?
Here is a link for the page I am working on:
http://www.nhci.com/stage/kitchens/countertops.html?tab=kitchens#
Relevant CSS:
.thumbs {
    clear: both;
    margin: 5px auto;
.thumbnails85 div {
    position: relative;
    width: 85px;
    height: 85px;
    float: left;
    margin: 6px;
    padding: 0;
    float: left;
    display: inline;
.thumbnails85 img {
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
.preview {
    padding: 3px;
    margin-bottom: 5px;
    height: 300px;
    width: auto;
    margin-right: 3px;
    position: absolute;
    float: left;
.spacer105 {
    height:105px}
[Subject title edited by moderator]

Obtrusive spry elements

I have the following spry:repeat
quote:
<ul id="categoryList"
spry:repeatchildren="categoryPagingDs"
spry:choose="spry:choose">
<li spry:when="'{ds_RowNumber}' == 0"
class="maincategory"
id="maincat_'{ds_RowNumber}'"><b>{@name}</b></li>
<li spry:when="'{@name}' != getPrevCat('{ds_RowNumber}')"
class="maincategory"
id="maincat_'{ds_RowNumber}'"><b>{@name}</b></li>
<li id="cat_{ds_RowID}"
spry:default="'{ts:subcategory/@name}' != ''"
class="subcategory">{ts:subcategory/@name}</li>
</ul>
i have a
quote:
function initCatWidget(){
Spry.$$("*.subcategory").addEventListener("click",setFilterByCategory,false);
Spry.$$("*.maincategory").addEventListener("click",setFilterByCategory,false);
being called on an
onLoad region and postUpdate
while in FF 2 I get the triggered event i DON'T get the 'id'
from the
Spry.$$('*.maincategory')
and in IE 6 i don't get any 'click' events at all...

I have updated the regions to
quote:
<ul id="categoryList"
spry:repeatchildren="categoryPagingDs"
spry:choose="spry:choose">
<li spry:when="'{ds_RowNumber}' == 0"
class="maincategory" id="maincat_'{ds_RowNumber}'" ><b
spry:setrow="categoryPagingDs
categoryListDs">{@name}</b></li>
<li spry:when="'{@name}' != getPrevCat('{ds_RowNumber}')"
class="maincategory" id="maincat_'{ds_RowNumber}'" ><b
spry:setrow="categoryPagingDs
categoryListDs">{@name}</b></li>
<li id="cat_{ds_RowID}"
spry:default="'{ts:subcategory/@name}' != ''"
class="subcategory"><span spry:setrow="categoryPagingDs
categoryListDs">{ts:subcategory/@name}</span></li>
</ul>
and used
quote:
Spry.Utils.addLoadListener(initCatWidget);
var catObserver = {};
catObserver.onPostUpdate = initCatWidget;
catObserver.onCurrentRowChanged = setFilterByCategory;
Spry.Data.Region.addObserver("categoryListingRegion",
catObserver);
No dice on either browsers the previous code was more closer
to a solution....
it his a bug also?

Combining Spry elements

Similar Messages

Maybe you are looking for