OnError event passed to Observer in Spry.Effect in IE

Hi ,
I have this issue that I have already spent 2 days on it and desperately need help from experts here.
I have two data sources ds3 and ds4 (div id="news"). (master detail regions). On click on ds3 row I fire a javascript function "fadeOutContent(rowID,rowNum)". Code is given below:
<script>
var gEffectInProgress = null;
var gPendingSetRowIDRequest = -1;
function fadeInContent(notificationType, notifier, data)
   alert(" notificationType " + notificationType);
    if (notificationType != "onPostUpdate")
        return;
    var effect = new Spry.Effect.Fade('news', { to: 100, from: 0, duration: 2000, finish: function() {
        // The region is now showing. Process any pending row change request.
        gEffectInProgress = null;
        if (gPendingSetRowIDRequest >= 0)
            alert(" see if this causes the error");
            var id = gPendingSetRowIDRequest;
            gPendingSetRowIDRequest = -1;
            fadeOutContent(id);
    alert("starting the effect ");
    effect.start();
Spry.Data.Region.addObserver('news', fadeInContent);
function fadeOutContent(rowID,rowNum)
    // If we have an effect already in progress, don't do anything
    // We'll set the rowID when we're done.
    alert(" gEffectInProgress " + gEffectInProgress);
    if (gEffectInProgress)
        gPendingSetRowIDRequest = rowID;
        return;
    // If the correct row is already showing, don't do anything!
    if (rowNum == ds3.getCurrentRowNumber())
        return;
    gEffectInProgress = new Spry.Effect.Fade('news', { to: 0, from: 100, duration: 2000,finish: function() {
        ds3.setCurrentRow(rowID);
        alert("Currne tRow updated in ds3" + rowID);
    gEffectInProgress.start();
</script>
Div for spry regions are as below:
                    <div class="rows" spry:region="ds3">
                        <div class="rowOdd" spry:repeat="ds3" spry:odd="rowOdd" spry:even="rowEven" spry:hover="mouseOver" spry:select="selected">
                        <div onclick="fadeOutContent('{ds_RowID}','{ds_RowNumber}');">{NewsLine}</div>
                        </div>
                    </div>
                    <div id="news" spry:region="ds4" style="margin-top:20px">
                                <p>{NewsPage}</p>
                    </div>
PROBLEM:
On first row everything works fine. On clicking on second row function fadeOutContent line ds3.setCurrentRow(rowID); causes on onError event passed to Observer, as a result fadeInContent function returns without doing any Fading.
Please help with any information that can provide possible solution to this.
ALL WORKS WELL IN FF. P.S. My site is on localhost. So can not share a link.
Thanks

Sorry, I am working on localhost so far.

Similar Messages

Spry Effect Inside Accordion

I've come across a little hiccup when using a Spry Effect inside an Accordion. I am creating a survey page with one question per accordion tab. Some of these questions have sub-questions based on a yes or no answer.
I was able to use an onclick with a radio button to open a Spry Effect that will display more questions. The problem is that these questions are normally hidden and when the accordion renders it passes over the hidden content and ignores it when it is time for the onclick event to display them.
I was able to get it to work with one set by making the accordion open to that tab by default first (which renders the content) and then hides the sub-questions. The Spry Effect then calls a javascript function to open the fist accordion tab using the setup trigger.
But this doesn't seem to work for multiple Spry Effects on different tabs... am I missing something?
I have a demo page here (click "yes" on question 3) -- http://tv.swirelive.com/survey/demo_survey.php

Ok. I figured it out. I had to define the Spry Effects first and then the Accordion last.

Spry.Effect.GrowShrink crazy behaviour

Hi, I was wondering if someone could help me figure out why
when I pass the mouse over the thumbnails in my photo gallery, they
act all jumpy. I used the same effect as in the Spry demo photo
gallery yet they behave differently. My gallery is located here
http://www.fotosite.ca/temp/index.htm
my grow function looks like this (and shrink is similar)
function GrowThumbnail(img, from, to){
img.style.zIndex = 150;
img.style.borderStyle = 'solid';
img.style.borderWidth = '3px';
img.style.borderColor = '#ffff00';
Spry.Effect.GrowShrink(img, {duration: 500, from: from, to:
to ,toggle:false });
Thanks in advance for any help,

Hi,
I see 2 problems:
1. The Grow/Shrink effect do not know to consider the margin,
border and padding so when you add these properties from the
JavaScript you'll have the weird behavior of images moving down and
right before animation start and then up and left when the mouse
leave.
We automatically include the 1px border in the thumbnail view
and we only change its color. You remove 2px from the border while
the mouse is not over the element and when you add them the effect
is really visible and disturbing. If you consider in keeping a such
big value for the border then you should keep it when the images
are not focused.
2. While you move the mouse over the thumbnails fast some of
the images will remain open. This is a bug that also reproduce in
our photo gallery too and I will look to fix it while the new Spry
will be released. The issue is basically generated by the fact you
are not using the toggle option while running the effect.
Cristian

Spry.Effect ERR: Element "undefined" not found

http://demiurgical.fluctuation.net/development/test.html
Hi guys,
I used Spry Data, Tabbed Panels, and the very helpfull Tabbed
Panels Extension that Kin provided. It works fine on both Firefox
and IE, however, IE6 gives me an alert box of "Spry.Effect ERR:
Element "undefined" not found 4 times but still working.
How can I get rid of this?
Thank you again,
John

Looking at Retrospective's code in test.html, I see that the
error is due to the fact he had a script block in his region:
<script type="text/javascript">

</script>
That executes immediately when the page is loaded, even
before the region is processed. To get rid of the problem, all that
has to be done is remove the script block and move its code into a
region observer so that it gets exectued any time the region markup
is re-generated. Here's how it should look:
<html>
<head>
<script src="SpryTabbedPanels.js"
type="text/javascript"></script>
<script src="SpryTabbedPanelsExtensions.js"
type="text/javascript"></script>
<script src="xpath.js"
type="text/javascript"></script>
<script src="SpryData.js"
type="text/javascript"></script>
<script src="SpryEffects.js"
type="text/javascript"></script>
<link href="SpryTabbedPanels.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript">

</script>
<title>Test</title>
</head>
<body bgcolor="#FFFFFF">
<div id="FeatureBoxHome" spry:region="dsTest">
<div id="testtab" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li spry:repeat="dsTest" class="TabbedPanelsTab"
tabindex="0">{name}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div spry:repeat="dsTest" class="TabbedPanelsContent"
style="display: block;"> <a
href="{feature_url}">{title}</a> <img src="{photo}">
</div>
</div>
</div>
</div>
</body>
</html>
--== Kin ==--

Spry.Effect ERR on web page

Good day,
I need some help plz. I am getting an annoying alert on my
web-site that I can't seem to clear. The alert is Spry.Effect ERR:
Element "apdiv1" not found. After clicking OK, another SpryEffects
alert pops up saying Spry.Effects.getstyleProp: [object error]. I
can't find any spry effect getstyle prop in the code or any object
that relies on getstyleProp. I'm new to the software (possibly very
evident in my question) but I can usually figure stuff out and I'm
totally confused. I should also mention that these alerts only pops
up when selecting links to the other web pages from the home page
only. You can navigate the rest of the web pages just fine and even
back to the home page, but for some reason when you go back to the
home page and select another pages link, you get the same alerts.
If you want to see exactly what I'm talking about, go to
www.barrenriverareasafespace.com.
Thanks for any help you can give me.
barrenriverareasafespace.com

Looking at Retrospective's code in test.html, I see that the
error is due to the fact he had a script block in his region:
<script type="text/javascript">

</script>
That executes immediately when the page is loaded, even
before the region is processed. To get rid of the problem, all that
has to be done is remove the script block and move its code into a
region observer so that it gets exectued any time the region markup
is re-generated. Here's how it should look:
<html>
<head>
<script src="SpryTabbedPanels.js"
type="text/javascript"></script>
<script src="SpryTabbedPanelsExtensions.js"
type="text/javascript"></script>
<script src="xpath.js"
type="text/javascript"></script>
<script src="SpryData.js"
type="text/javascript"></script>
<script src="SpryEffects.js"
type="text/javascript"></script>
<link href="SpryTabbedPanels.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript">

</script>
<title>Test</title>
</head>
<body bgcolor="#FFFFFF">
<div id="FeatureBoxHome" spry:region="dsTest">
<div id="testtab" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li spry:repeat="dsTest" class="TabbedPanelsTab"
tabindex="0">{name}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div spry:repeat="dsTest" class="TabbedPanelsContent"
style="display: block;"> <a
href="{feature_url}">{title}</a> <img src="{photo}">
</div>
</div>
</div>
</div>
</body>
</html>
--== Kin ==--

New events in iCal are entered on my iMac. These events pass through correctly to my other computers and iPhone. However, each new event shows up twice on my iPads. The clutter is distracting. Anyone have suggestion as to correcting this annoyance?

New events in iCal are entered on my iMac. These events pass through correctly to my other computers and iPhone. However, each new event shows up twice on my iPads. The clutter is distracting. Anyone have suggestion as to correcting this annoyance?

New events in iCal are entered on my iMac. These events pass through correctly to my other computers and iPhone. However, each new event shows up twice on my iPads. The clutter is distracting. Anyone have suggestion as to correcting this annoyance?

I have lost nearly all my photos and events. I received a message effectively saying that I need to upgrade from an old base. I think I may have tried to open an event that was stored in iPhoto Buddy a few days ago.

I have lost nearly all my photos and events. I received a message effectively saying that I need to upgrade from an old base. I think I may have tried to open an event that was stored in iPhoto Buddy a few days ago. iPhoto Buddy is not supported in Lion. How can I retrieve my phjotos?

What version of iPhoto?
Assuming 09 or later...
Option 1
Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Rebuild iPhoto Library Database from automatic backup.
If that fails:
Option 2
Download iPhoto Library Manager and use its rebuild function. This will create a new library based on data in the albumdata.xml file. Not everything will be brought over - no slideshows, books or calendars, for instance - but it should get all your albums and keywords back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one. .
Regards
TD

Spry effects not recognizing classes

When adding a spry effect to an <img> element, it will pick up on ID's but not classes.
<style>
img.color {color:#fffff}
</style>
<body>
<img src="image.jpg" class="img.color" img />
</body>
In the spry effect dialogue, it will let me select the current img tag, but if i were to specify a second class
<style>
img.color {color:#fffff}
img.opacity {opacity:50}
</style>
<body>
<img src="image.jpg" class="img.color img.opacity" img />
</body>
then it wouldnt work because it can only recognize the current selection instead of the individual styles like i can do with an ID (which wont work for multiple styles as there can be only one id per element).

It makes it very hard for us to know what you are trying to achieve without seeing some code hence I shall give you some code to work with
<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<img src="header.jpg" onClick="MM_effectAppearFade(this, 1000, 100, 0, false)">
<script src="SpryAssets/SpryEffects.js"></script>
<script>
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});}
</script>
</body>
</html>
Just copy and paste the above code into a new document, make sure that you do have SpryEffects.js in the SpryAssets folder and try it out.
Gramps

BUG report about Spry.Effect.Highlight

When the Spry.Effect.Highlight effect is not accomplished,
and click the trigger link, will report the error "startColor
undefined".

Can you please elaborate? Which "trigger link" do you mean?
Are you using the Spry 1.4 release?

Does window.onerror event works in Safari?

Hi there,
I have been struggling to make my page compatible with Safari where I have to register window.onerror event with my function. First of all, is this event supported in my Safari 1.3.2 version.
Secondly, this event is registered in my child window which is checking the Parent page URL every 1 sec. As soon as the parent page URL is changed or closed, I am calling the parent.location.href which should throw an exception. This should get capture by this window.onerror event. But its not doing that in Safari. I see the JavaScript Console and it keeps showing type error: null undefined.
It works in IE/NE/FF under Windows.
Is there some other way of doing this in Safari?
Any help will be appreciated.
Thanks in adv.
J-Anwar

Hello KiranKumar,
You should avoid using the prePrint event to hide or show the objects at run time. Refer the below link to know why.
Adobe&#160;LiveCycle&#160;ES3 * prePrint event
If you want to achieve this requirement, then write the script in Initialize event since it is an offline form. Then the issue will be resolved.

Use bridgeTalk with onError event, exception handling

Hi all,
I'm writting a function who use bridgeTalk to execute a photoshop script. This function works but I would like to throw an exception if the script has a problem. I commented a line in my script to have an exception but the onError event doesn't throw my Error.
Have someone an idea?
Thanks!
function save_to_PSD(obj){
    var bt = new BridgeTalk();
     bt.target = "photoshop";
     bt.body = save_to_psd_function.toSource()+"("+obj.toSource()+");";
     bt.onError = function(errObj) {
        // the next line display the error in the console
        $.writeln(errObj.body);
        // PROBLEM this error is never throw
        throw new Error (errObj.body);
     bt.send(100);
function save_to_psd_function(serializedObject){
    app.displayDialogs = DialogModes.NO;
    var obj = eval(serializedObject);
    var file_path = decodeURI(obj.file_path);
    // this will generate an exception
    //var img_file = new File(file_path);
    var ps_doc = app.open(img_file);
    psdSaveOption = new PhotoshopSaveOptions();
    psdSaveOption.embedColorProfile = true;
    app.activeDocument.saveAs(img_file, psdSaveOption, true, Extension.LOWERCASE);
    ps_doc.close();
    app.displayDialogs = DialogModes.ALL;

Hi all,
I found this solution if it can be helpfull for someone.
But I don't know if it is the better way. I'm not abable to run a new exception in the onResult function.
function save_to_PSD(obj){
    var error = null;
    var bt = new BridgeTalk();
     bt.target = "photoshop";
     bt.body = save_to_psd_function.toSource()+"("+obj.toSource()+");";
     bt.onError = function(ex){
        error = ex.body
     bt.send(100);
     if(error != null){
        throw new Error(error);

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]

Spry static gallery combined with Spry Effect Observers

I have set up a Spry static gallery using the
demo
here.
I would like to add a cross fade for the main image using the
Spry Effect Observers shown at the bottom of
this
demo page.
I like the thumbnail grow effect used in the first demo and
like to add a cross fade for the main image when the thumbnail is
clicked. Have someone built such an example or can someone show me
how it is done? Typically I have 4 thumbnails/images per product
page.

Mr. Andersson wrote:
> I thnik I know what's going on now...
>
> I tried Fireworks and it has a built in Slideshow
creator. The setting that
> dont use Flash uses Spry and looks like the Spry gallery
demo. The settings
> using Flash have cross fading images.
>
> From this I got the idea that Adobe maybe dont want us
to cross fade with
> Spry. They want to push Flash instead. It could explain
the total silence from
> Adobe in various threads where this question is asked.
This is a user to user forum, Adobe will never reply to you.
Also, Spry is still a pre-release framework, its nowhere near
finished.
Its the kind of framework where you take whats available and
make
something out of it, its very flexible if you know
javascript.
I am learning javascript just to understand the little bits
that I am
experimenting with, I think its the only way forward if you
intend to do
something outside the box.
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

Spry Effects Issue

Hello everyone,
I'm new to spry and know very little about ajax and java but
I'm eager to learn. I downloaded spry frameworks and I'm looking at
the demo effects page. I click on the fade one and it fades away
but fades back automatically. How can I set it so it wont fade back
until it is clicked again?
Thanks
-Chris

var fadename = new Spry.Effect.Fade('idoffade',
{toggle:true});

Spry Effects

I am using the Grow/Shrink behavior from Spry Effects in
Dreamweaver. I am trying to grow an image from 20% to 100% but the
image appears in the browser at a 100% then when I click on it it
then appears at 100% and grows to 100%. Is it possible to get the
image to appear at 20% on the page and only grow when I click on
the image.

gregmccarthy wrote:
> Thanks, that works beautifully. Kinda thought that was
what was needed but was not sure exactly how to do it - it is a
shame that how to books that you pay good money for don't explain
that.
As somebody who writes books, I can tell you why. My
"Essential Guide to
DW CS3" devotes about 250 pages to Spry, almost certainly
than any other
book on the market; but I don't include that technique. If I
tried to do
so, my 750 page book would probably be 7,500 pages long, and
would be
published a couple of years late.
One of the great things about web design is that you can do a
lot of
amazing things by experimenting. But you need to have a firm
grasp of
the basic technology to be able to do so. That's one of the
main things
you can learn from books. I had no idea how to create the
effect that
you wanted, but I did know how to apply a Spry effect. I sat
and thought
about the problem for about two minutes, tested my theory,
and was
delighted to discover that it worked. Devising new techniques
rarely
goes as quickly as that, but that's the challenge - and fun -
part of it.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

OnError event passed to Observer in Spry.Effect in IE

Similar Messages

Maybe you are looking for