Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail From: Arno Welzel Newsgroups: comp.lang.javascript Subject: Re: Two SUCESSIVE animations on the same element - how? Date: Sun, 10 Nov 2019 11:10:43 +0100 Lines: 53 Message-ID: References: <54ce4120-6481-4ad8-9e1a-2fe545d32705@googlegroups.com> <9f50b978-2995-4691-9252-a714742b41ad@googlegroups.com> <153460da-6216-4368-8b3b-2a620b7bcfec@googlegroups.com> <469ec5ac-676e-4fd8-9f09-aa3b07e22f66@googlegroups.com> Mime-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 7bit X-Trace: individual.net DcAl0qQOB2Jjx15CRIMZgA8xjmwp8KpX/2LK/p/5trHyJWka5q Cancel-Lock: sha1:FkrRCpFf9g5C+xOSJJdwb9g44wA= In-Reply-To: <469ec5ac-676e-4fd8-9f09-aa3b07e22f66@googlegroups.com> Xref: csiph.com comp.lang.javascript:37744 Julio Di Egidio: > On Sunday, 10 November 2019 04:00:32 UTC+1, Julio Di Egidio wrote: >> On Sunday, 10 November 2019 00:55:12 UTC+1, Arno Welzel wrote: >>> Julio Di Egidio: >>>> On Saturday, 9 November 2019 18:13:01 UTC+1, Michael Haufe (TNO) wrote: >>> [...] >>>>> >>>> >>>> Oh great, you did find at least that out... >>>> Now go back and write some code >>>> that actually works. >>> >>> See here: >>> >>> Works for me in Firefox 70.0.1 and Vivaldi 2.9.1705.41. >> >> Cool, but does not work on Edge: if you won't beat me to it, I'll try and >> fix it later... > > Bah, looked promising at first sight, but after looking inside I am not even > sure what you are trying to demonstrate there: indeed most of the remarks I > gave to Mr Haufe apply here as well, except that he at least gave us the > courtesy of a code pen to play with. I tried to demonstrate how to create an animtion which moves a box and how to implement an event handler which sets the content of the box to "FINISHED!" when the animation is finished. And you need code pen to modify code? Don't you have your own code pen account? Well - here you go (slightly modified with the lower position moved from 410px to 210px): Also my second exampe with two animations where the JavaScript event handler starts the second animation after the first has finished: > Anyway, I'll fix it for Edge later, which is quite an issue in itself, that > you guys just won't write code that actually works on all (major) browsers: > and, I must guess, not even see the point... If you're so brilliant then show the code for Edge. BTW: You are aware that Edge will use Chromium in the near future? -- Arno Welzel https://arnowelzel.de