Adobe Community: Effects not working with spry:region observer

Currently Being Moderated

1. tracisteindarin,

Apr 26, 2009 5:13 PM in reply to kf420

Report

what are you trying to do? I see the page, but all i see is blocks and some numbers.

|

Mark as:

Currently Being Moderated

2. kf420,

Apr 26, 2009 6:59 PM in reply to tracisteindarin

Report

I have a nested data set that loads content into a Sliding Panels widget. When a menu item on the left is clicked, a new row is set and SP get populated w/ different content.

I got it to work w/o effects, but once I added fade to the detail region, my setrow function stopped working. When you click on 2nd row, then back on 1st, it no longer updates the detail region.

|

Mark as:

Currently Being Moderated

3. kf420,

May 6, 2009 9:32 PM in reply to tracisteindarin

Report

Anyone?...

|

Mark as:

Currently Being Moderated

4. tracisteindarin,

May 7, 2009 8:25 PM in reply to kf420

Report

Sorry-Im not sure what the problem is.

|

Mark as:

Currently Being Moderated

5. kf420,

May 8, 2009 1:15 PM in reply to tracisteindarin

Report

I thought I explained that in great detail in two previous posts.

|

Mark as:

Currently Being Moderated

6. kinblas,

May 8, 2009 6:06 PM in reply to kf420

Report

Hi A44,

You are setting your onPostUpdate observer on a non-existent region:

Spry.Data.Region.addObserver('sp1', fadeInContent);

There is no region element on your page with an id of 'sp1'. If you change it to:

Spry.Data.Region.addObserver('example2Region', fadeInContent);

Things work properly.

--== Kin ==--

|

Mark as:

Currently Being Moderated

7. kf420,

May 8, 2009 6:28 PM in reply to kinblas

Report

You're absolutely right. I can't believe I missed it. I updated the file - http://a44.awardspace.com/testing/index-4.html.

It works in FF now, but the detail region flickers every time it's updated. And it doesn't work at all in IE8. I get this:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Sat, 9 May 2009 01:25:05 UTC

Message: Object doesn't support this property or method
Line: 17
Char: 60
Code: 0
URI: http://a44.awardspace.com/testing/index-4.html

Message: Object doesn't support this property or method
Line: 4
Char: 1
Code: 0
URI: http://a44.awardspace.com/testing/index-4.html

Message: Object doesn't support this property or method
Line: 5
Char: 1
Code: 0
URI: http://a44.awardspace.com/testing/index-4.html

Message: Object doesn't support this property or method
Line: 3
Char: 1
Code: 0
URI: http://a44.awardspace.com/testing/index-4.html

|

Mark as:

Currently Being Moderated

8. kinblas,

May 8, 2009 11:12 PM in reply to kf420

Report

You can get rid of the flicker by setting the initial state of sp1 to zero opacity. Add this CSS rule to your <style> tag:

#sp1 {
opacity: 0;
filter: alpha(opacity=0);
}

I'm not sure what your IE8 problem is ... I don't have IE8 on the machine I'm using right now.

--== Kin ==--

|

Mark as:

Currently Being Moderated

9. kinblas,

May 8, 2009 11:32 PM in reply to kinblas

Report

Regarding your IE8 error ... it might be complaining about the fact that you didn't forward declare sp1. Try changing this:

var observer = { onPostUpdate: function(notifier, data) { sp1 = new Spry.Widget.SlidingPanels("sp1"); } };

to:

var sp1;

var observer = { onPostUpdate: function(notifier, data) { sp1 = new Spry.Widget.SlidingPanels("sp1"); } };

and see if that gets rid of your problem.

--== Kin ==--

|

Mark as:

Currently Being Moderated

10. kf420,

May 9, 2009 3:26 PM in reply to kinblas

Report

That fixed the errors, but fade effect is still not working (IE8).

|

Mark as:

Currently Being Moderated

11. MattyC,

Jun 10, 2009 3:17 AM in reply to kf420

Report

Hi

I have been having major problems with Spry code and IE8. From reading around it's not just spry, prototype is also broken.

Even if I add <meta http-equiv="X-UA-Compatible" content="IE=7" /> to the header of the page to tell IE8 to render it as IE7 things still don't work!

Good old microsoft, breaking everything all over again!

|

Mark as:

Currently Being Moderated

12. MattyC,

Jun 10, 2009 3:19 AM in reply to MattyC

Report

Um... even if you try adobes sample site none of it works in IE8!

http://labs.adobe.com/technologies/spry/samples/slidingpanels/SlidingP anelsSample.html

Great!

|

Mark as:

Currently Being Moderated

13. Arnout Kazemier,

Spry Framework for Ajax (READ ONLY)

Effects not working with spry:region observer

Apr 26, 2009 5:11 PM

More Like This

Bookmarked By (0)

Answers + Points = Status