Adobe Community : All Content - All Communities

Error upgrading project from Animate 2014.0.1 to 2014.1

forums_noreply@adobe.com — Thu, 13 Nov 2014 11:51:35 GMT

Good job of Animate team for to increase speed in design time, but I have two errors now in one project after upgrade and web does not work.

Now, in Firefox console show this errors:

TypeError: h is undefined | edge.5.0.0.min.js:152

k.Event(d.methodName):k.Event(b);d&&(k.extend(e,d),d.variableValue&&(p=d.variableValue));h =Array.prototype.slice.call(arguments);h.splice(0,0,e,p);h.unshift(a);try{return c.apply(a,h)}catch(l){f(h)}}),h):null}function t(a,b){var d=b[0],e=v[d[0]],f;e&&(f=s(a,d[0],d[1],b.slice(1)))&&e.apply(a,[f].concat(d.slice(1)))}fu nction e(a,b){b=b||a.data[a.name].actions||{};k.extend(a,b)}function n(a,b,p,l,u,c){var h=f.getComposition(a).sym[b],g=r("binding");p=[[c,p,l],g];var m;h.actions=h.actions||{};h.actions[g]=

"Javascript error in event handler! Event Type = symbol" | edge.5.0.0.min.js:150

(function(f){function s(a,b,d,e){function f(c){if(2<=c.length&&"object"===typeof c[0]&&"object"===typeof c[1]&&"onError"!==c[1].type){var d;d=k.Event("onError");a&&(d.compId=a.getComposition().compId);d.originalEvent=c[1];docum ent.dispatchEvent(d)}window.console.log("Javascript error in event handler! Event Type = "+b)}var c=a[e[0]],h;return"function"===typeof c?("element"===b?h=function(){var b;b=Array.prototype.slice.call(arguments);b.unshift(a);if(2<=b.length&&"object"===typeof b[0]&&"object"===

TypeError: Argument 2 of EventTarget.removeEventListener is not an object. | edge.5.0.0.min.js:155

e.AnListeners||{};f[a]=f[a]||[];f[a].push(b)});return this},unbind:function(a,b){this.each(function(d,e){var f=k.Event.special[a];f&&f.teardown&&f.teardown.call(e,a,b);e.removeEventListener?e.remove EventListener(a,b):e.detachEvent&&e.detachEvent(a,b);var f=e.AnListeners=e.AnListeners||{},c,h;c=f[a]=f[a]||[];for(h=f.length-1;0<=h;h--)c[h]===b& &f.splice(h,1)});return this},trigger:function(a){var b=document;this[0]&&(b=this[0]);b.dispatchEvent(a);return this}});l={creationComplete:function(a,b){e(a);

In Chrome console:

Uncaught TypeError: Cannot read property 'actions' of undefined | edge.5.0.0.min.js:152

Javascript error in event handler! Event Type = symbol | edge.5.0.0.min.js:150

What is the problem?

Thank you very much.

Add labels to the URL

forums_noreply@adobe.com — Thu, 18 Sep 2014 10:39:38 GMT

Hi, I need that every time the user accesses a menu option, then a label is added to the url, for example www.website.com/#option1 or www.website.com/option2 (I don't know if possible) .

Even when the user chooses the language on the first page, it would be interesting something similar to www.website.com/eng and when then chose one option something like www.website.com/eng/option1, this way could then use the buttons on back and forward.

I must also consider that it may be the case that a user accesses by history or by a guest to a particular address, for example www.website.com/cat/option3 then somehow I detect link to trigger functions and/or events associated with these menu options.

I have not been able to find information on the forum, can you help me?

Thank you.

Accessing into element of a child symbol with array

forums_noreply@adobe.com — Thu, 31 Jul 2014 09:58:12 GMT

Hi, I have this code:

var aXefsA = [];

for (var i = 1; i <= maxXefs; i++) {

sXefA = sym.createChildSymbol("sXefA", "rXefsList");

aXefsA[i] = sXefA;

aXefsA[i].getSymbolElement().css({"position":"fixed"});

aXefsA[i].getSymbolElement().css("left",x); //works fine

sym.getSymbol(aXefs[i]).$("foto").css("background-image",'url('+'images/'+fXefs[i].imatge +')'); //don't work

}

In last line the console show this error: Javascript error in event handler! Event Type = element

I try too:

sym.getSymbol(sXefA).$("foto").css("background-image",'url('+'images/'+fXefs[i].imatge+') '); //don't work

and:

var symTest = sym.getSymbol(aXefs[i]);

sym.getSymbol(symTest).$("foto").css("background-image",'url('+'images/'+fXefs[i].imatge+ ')'); //don't work

but nothing, why?

New version of Edge Animate CC (2014)?

forums_noreply@adobe.com — Wed, 18 Jun 2014 10:12:05 GMT

Now, I just received notification of Creative Cloud about new version (no update) about Edge Animate CC (2014), I have installed 3.0.0.322.27519 and I can't to found information on internet about new version. It's a possible error of Creative Cloud app.? is 3.0 the last version?

How I can to load only specifics subsets of fonts?

forums_noreply@adobe.com — Sun, 27 Jul 2014 09:44:50 GMT

If I start a new project and insert a text box with Edge Web Fonts, then are loaded all subsets of font: Bold (n7), Semibold (n6), Medium (n5), Regular (n4), etc. and this slows down the loading of the website.

But if I only use one or two subsets (Bold and Light for example), how can I to specify only these subsets?

Thanks.

More info about Edge Web Fonts (in spanish):

http://www.apañados.es/tenemos-que-apanar/internet-tutoriales-y-trucos/331-como-utilizar-a dobe-edge-web-fonts-sitio-web.…

Typekit Trial

forums_noreply@adobe.com — Mon, 05 Aug 2013 12:43:37 GMT

I try to get a font from Typekit Trial: http://typekit.com/fonts?collection=trial&language=ca&sort=name like 'Acta Display', but this font not appears in Edge Web Fonts selection screen, why? how I use this group of trials fonts?

Controlling the load

forums_noreply@adobe.com — Mon, 30 Jun 2014 10:12:51 GMT

How I can (in which event) to control the loading of page elements (divs and elements created in design time) to display messages in the charge as "Loading section1", "Loading section 2", "Loading array of elements", "Loading section 3", "Loading images", etc.?

Now, with animated .gif in preloader I can't show information about loading process.

Is it possible to load or unload divs to free up memory and optimize loading and only load them when needed?

Tx.

Find and replace html text

forums_noreply@adobe.com — Sat, 12 Jul 2014 12:59:39 GMT

I need replace some text in several descendants elements of rXefsList div for to translate my website.

I try with jQuery find() Method but this doesn't works for html text:

sym.$("rXefsList").find("JULIOL").html("JULY");

sym.$("rXefsList").find("div").map( function(){

if (this.html()=="JULIOL"){ this.html("JULY"); }});

If I view source code, this is the content line:

<div id="Stage_sb1309m" class="edgeLoad-EDGE-67786006">JULIOL</div>

What method I need to use for this purpose?

Thanks.

How to know if scrollbars has ben generated?

forums_noreply@adobe.com — Sun, 13 Jul 2014 17:56:51 GMT

If I set some div with overflow = auto and I want to know if scrollbars has been generated or else all the content has been fitted inside the div, I can to know iy? Any property maybe?

Use of "this"

forums_noreply@adobe.com — Thu, 10 Jul 2014 17:29:33 GMT

I try to use "this" for hide an element in mouseenter event and doesn't work.

I try:

this.hide();

sym.this.hide();

sym.$(this).hide();

$(this).hide();

but nothing, why?

Edge Animate - Exception "An error occurred. Please save your work and restart Edge Animate"

forums_noreply@adobe.com — Tue, 08 Jul 2014 15:16:53 GMT

Version 3.0.0.322.27519 (Windows 7 x64)

When I try duplicate or copy & paste any div or simple element like textbox, image, etc. With any project (small or big).

Why? heeeelp!!!!

Swipe accuracy

forums_noreply@adobe.com — Sat, 24 May 2014 13:57:52 GMT

I have a scenario 1280x720 with width and height to 100%. On mobile devices with low resolution, the user must zoom, but when he moves left or right with your finger for to see other parts of stage, then the swipe events are triggered.

Is it possible to know how fast the user swipe left or right to trigger the events only when the user does so quickly, not when user swipe slowly to view other parts of the stage? I will to use these events for to change between menu options.

Maybe if there was a way to tell if the user has increased the zoom...

Thanks.

Animated .gif not running in mobile devices

forums_noreply@adobe.com — Thu, 22 May 2014 13:04:20 GMT

It's normal that animated .gifs (as the .gif preload gallery of Edge) don't move in mobile devices?

Blinking with mouseover and mouseout

forums_noreply@adobe.com — Wed, 14 May 2014 17:49:23 GMT

I'm making a reversible cards with options in the back, but blink occurs when the mouse touches the border of the objects in the rear face (and trigger mouseout incorrectly).

Example: https://app.box.com/s/m9ue5fcus97kki1h8r20

Only works fine in Firefox and Aurora, not in Chrome, Canary, Safari, IE, and Opera.

Edit: it's possible to convert edge code to Create a new fiddle - JSFiddle for to share and test edge code?

Preloader with percentage

forums_noreply@adobe.com — Wed, 21 May 2014 07:59:51 GMT

It's possible to create a preloader with percentage of loading?

Thanks.

Text box margin

forums_noreply@adobe.com — Sun, 18 May 2014 15:07:29 GMT

Hi, I've a text box, but when there is not enough space to display all text, then scroll bar automatically appears, but the text is too attached, how I can increase the right margin?

Thanks.

Insert images into div like words (text-align)

forums_noreply@adobe.com — Mon, 19 May 2014 12:30:03 GMT

I need to insert into a div various logos (img), but that when the div would be narrower, logos should keep their distance between them, and that many lines are created with images if as needed (like words/letters inside text box).

If I put the images inside the div using percentages or fixed distances in pixels, obviously always the same number of logos on each line remains as it is at design time.

I suppose it must be done by code but do not know how.

Thank you.

When drag Google Maps (embed/API) control trigger swipeleft or swiperight event

forums_noreply@adobe.com — Mon, 12 May 2014 13:22:18 GMT

Swipeleft o swiperight events are trigger not only with touch screens, also with mouse pointer in PC/Mac. The problem is that if the user move mouse for move map to right or to left, then these events are triggered.

How can I prevent it?

Implementing imgLiquid jQuery plugin

forums_noreply@adobe.com — Wed, 14 May 2014 12:46:18 GMT

I'm trying to implement this plugin but I can not load the function in the event document.compositionReady. Instead yes if this code is triggered by a button or if is delayed with setTimeout() function.

Why?

Example:

imgLiquid.zip - Box

imgLiquid Jquery Plugin

karacas/imgLiquid · GitHub

How I can insert a text box for the user to enter an e-mail to subscribe to a mailing list?

forums_noreply@adobe.com — Wed, 23 Apr 2014 14:25:45 GMT

How I can insert a text box for the user to enter an e-mail to subscribe to a mailing list? I need to create a simple input text box and get value when user press Enter.

Thanks

Problem with animation method only with Chrome

forums_noreply@adobe.com — Sat, 15 Feb 2014 12:02:30 GMT

I am testing certain effects for a web page with animate method, but does not work with Chrome, yes with Firefox and IE11. I tried grouping items with the div tag but it happens more or less the same. When the effects overlap, then hide others. Why can it be?

http://solutecme.com/anti-okupa/

The code is simple:

sym.$("rodona1").animate({"opacity":"0"}, 1000, "swing");

sym.$("rectangle1").animate({"opacity":"0"}, 1000, "swing");

sym.$("text1").animate({"opacity":"0"}, 1000, "swing");

sym.$("foco").animate({"opacity":"0"}, 1000, "swing");

or with opacity to 1.

Thanks

How do I use @keyframes in code?

forums_noreply@adobe.com — Sun, 30 Mar 2014 17:34:54 GMT

I don't know what is the correct syntax por use @keyframes in code window. http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp

I tried something like this:

sym.getComposition().getStage().$("Opcions").css({"-webkit-keyframes":"top(600px)"});

or this:

sym.getComposition().getStage().$("Opcions").css({"-webkit-keyframes":"from {top:0px;} to {top:200px;}"});

but nothing...

I have some problems with animate method (jQuery) and I want to try an alternative with CSS3.

How I detect mouse wheel movement?

forums_noreply@adobe.com — Fri, 28 Mar 2014 08:41:28 GMT

I never use this for now, and I want to intercept mouse wheel movement (up or down) for to change animation panels (divs) or to make another actions.

Is not for a scroll of a large stage or div, it's only for to know when the user use the mouse wheel.

Example: http://www.protest.eu/nl/dames/

Thank you.

How I create a background pattern?

forums_noreply@adobe.com — Wed, 12 Mar 2014 12:47:40 GMT

In this web I see one square pattern in background fotos and background text box, how?

Tx.

HTML5 video only works in Chrome?

forums_noreply@adobe.com — Tue, 04 Mar 2014 14:57:22 GMT

I use a rectangle named "video" for embed html5 video in document.compositionReady:

var vid = sym.$("video");

vid.html('<video id= "video1" style=" position: absolute;bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden" src= "video/sparks_fly_hd.mp4" type= "video/mp4" autoplay="autoplay" loop="loop" </video>');

But only works fine in Chrome, not in Safari, Firefox, or IE, why?

Tag: http://w3schools.com/html/html5_video.asp

Web: http://dissenys.com/vol

Source: https://app.box.com/s/o7h3dj10r6k77206942o

Change image source in instance symbol

forums_noreply@adobe.com — Fri, 28 Feb 2014 14:41:49 GMT

Well, I need a little slideshow of images, the code for mouse events (click, mouseover, mouseout, etc.) is the same for all images, then I create a symbol with one image inside for this, and drag&drop instances to stage, but now I don't know how change the image source of other symbols. In design time, when right click over any symbol instance only edit symbol it's possible (not single instance), and I don't know if is possible to change the image source of any symbol instance by code.

Thanks.

Pause between animate(s) method(s) in code

forums_noreply@adobe.com — Tue, 11 Feb 2014 06:27:54 GMT

Hi, I have this code:

sym.$("foco").animate({"opacity":"1"},{duration:2000, easing:"swing", queue:true});

sym.$("foco").animate({"opacity":"0"},{duration:1000, easing:"swing", queue:true});

// I need pause here

sym.$("llanta").animate({"opacity":"1"},{duration:2000, easing:"swing", queue:true});

sym.$("llanta").animate({"opacity":"0"},{duration:1000, easing:"swing", queue:true});

And I need that execute first two lines and after the last two lines, but always execute both at the same time, how I implement a pause between animate method for execute sequentially?

Thanks.

Is possible to load images from a folder?

forums_noreply@adobe.com — Mon, 05 Aug 2013 09:29:57 GMT

How?

Pushing childSymbol in array of two dimensions

forums_noreply@adobe.com — Fri, 16 Aug 2013 11:38:42 GMT

I try to create an array with two dimensions, but I don't know how to assign the new childSymbol inside of array in a concrete position.

With one dimension:

var aPeces = []:

var symPeca = sym.createChildSymbol("symImatge", "Stage");

aPeces.push(symPeca);

With two dimensions:

var aPeces = []:

var symPeca = sym.createChildSymbol("symImatge", "Stage");

aPeces[4,6]=symPeca; //??????????????

Thanks.

Calling an array of childSymbols created in compositionReady

forums_noreply@adobe.com — Thu, 15 Aug 2013 05:57:35 GMT

Hi, I'm creating a little puzzle game for fun, I've created a symbol and this is cloned into an array with createChildSymbol 9 times (3x3 puzzle) in document.compositionReady event of Stage. Every element of array store data of id, row, and column.

Then the first, I need to declare by code click function for each element of array or is enough with primary click event of parentSymbol? if is necessary how it's made?

Once this, how I access to this array when user click on any childSymbol for get data stored? how do I know which childSymbol (of nine symbols) has been clicked?

Thank you very much.

jQuery 2.x or jQuery > 1.7.1

forums_noreply@adobe.com — Tue, 13 Aug 2013 14:56:29 GMT

Hi, in Edge Animate 2.0.0.250.24837 is included jQuery 1.7.1. If i will like use jQuery 2.0.3 or jQuery 1.10.2 what I must do for use the new libraries for to avoid any conflict between them?

http://jquery.com/download/

Thank you.

Convert to symbol cause desynchronization in animation

forums_noreply@adobe.com — Tue, 13 Aug 2013 10:33:46 GMT

I follow with a little box animation history, but when I convert crane elements in one symbol, then now is not synchronized with the box movement when the crane lifts the box and takes her to the left after raising. It is a small but noticeable lag, in previous version when symbol crane not was create (all elements were grouped into stage) the synchro was perfect: dissenys.cat/practice/caixa.html

Edge project just before convert crane elements to symbol: app.box.com/s/m5ful0jb0ydiovktw0gc (263.9 KB)

I have reviewed timing and accelerations (easings) and are the same as before. What can happen?

Note: if I convert crane+box to symbol, then the eyes are out of sync, and if I convert crane+box+eyes then works fine. But I don't understand why if I convert only the crane elements to symbol, the box and eyes are out of sync respect crane symbol.

Thank you.

Can I reuse timeline and objects by code?

forums_noreply@adobe.com — Thu, 08 Aug 2013 14:30:32 GMT

I'm practicing with edge and I make a little animation with one box, all in design time, no code at this time. My idea and my question is if now I can to implement code for to clone that box and reuse all animations created in timeline for the new objects.

Practice: dissenys.cat/practice/greensock.html

Note: the name of .html is because I will like practice with this library.

Javascript error in event handler! Event Type = element [edge.2.0.0.min.js:162]

forums_noreply@adobe.com — Sat, 10 Aug 2013 09:52:30 GMT

I'm doing a little edge project (now in beta version) for my girlfriend (she hates the code), with examples of the animate() method and other functions like setInteval(), but when I run I get the following error in Chrome console:

Javascript error in event handler! Event Type = element [edge.2.0.0.min.js:162]

But this library is global for all projects, how is possible that trigger an error?

Example here:

https://app.box.com/s/m7nof4al6597gfn47jlu

Thanks.

Animation not running

forums_noreply@adobe.com — Sun, 28 Jul 2013 15:18:57 GMT

I'm doing my first steps with the code and try to create a random animation, but always shows the last result and last position. Not displayed all intermediate positions. Why?

I've tried at various events and various browsers but no way.

var i = 0;

for (i=0; i<=1000; i++)

{

var x = Math.random() * 1000

var y = Math.random() * 1000

sym.$('rectangle').css('left', x).css('top', y);

// Change an Element's contents.

// (sym.$("name") resolves an Edge Animate element name to a DOM

// element that can be used with jQuery)

sym.$("text").html(i);

sym.$("textx").html(x);

sym.$("texty").html(y);

}

When change between sites collapse all layers...

forums_noreply@adobe.com — Mon, 22 Jul 2013 12:26:27 GMT

...in layer panel, and is not necessary obsiously because sometimes you need to compare between different objects of layers of different sites.

Bad translations

forums_noreply@adobe.com — Mon, 22 Jul 2013 08:17:14 GMT

Spanish translation:

Composition Options -> Stay On Rollout / Hide On Rollout is not "Permanecer al instalar" / "Ocultar al instalar"

"Instalar" should be "liberar" for example.