Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #37744

Re: Two SUCESSIVE animations on the same element - how?

Path csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From Arno Welzel <usenet@arnowelzel.de>
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 <h2q616FkoogU1@mid.individual.net> (permalink)
References <54ce4120-6481-4ad8-9e1a-2fe545d32705@googlegroups.com> <9f50b978-2995-4691-9252-a714742b41ad@googlegroups.com> <153460da-6216-4368-8b3b-2a620b7bcfec@googlegroups.com> <d0827cb7-c6bc-4bba-938f-3b7f8a7b85d5@googlegroups.com> <a648a2bb-5d10-4435-b313-41a4ee7622e7@googlegroups.com> <h2p1uqFdr6kU1@mid.individual.net> <a753fbec-fdaf-4cc8-9c09-fdc7bc0965fc@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

Show key headers only | View raw

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:
>>> [...]
>>>>> <https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/animationend_event>
>>>>
>>>> Oh great, you did find at least that out...
>>>> Now go back and write some code
>>>> that actually works.
>>>
>>> See here: <https://arnowelzel.de/samples/animation.html>
>>>
>>> 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):

<https://codepen.io/arnowelzel/pen/BaaPaaK>

Also my second exampe with two animations where the JavaScript event
handler starts the second animation after the first has finished:

<https://codepen.io/arnowelzel/pen/yLLqLyz>

> 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

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Two SUCESSIVE animations on the same element - how? groovee@cyberdude.com - 2019-11-03 23:17 -0800
  Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-04 13:07 -0800
    Re: Two SUCESSIVE animations on the same element - how? groovee@cyberdude.com - 2019-11-06 01:53 -0800
      Re: Two SUCESSIVE animations on the same element - how? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-11-06 11:47 +0100
        Re: Two SUCESSIVE animations on the same element - how? groovee@cyberdude.com - 2019-11-07 09:07 -0800
          Re: Two SUCESSIVE animations on the same element - how? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-11-08 00:25 +0100
          Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 01:11 +0100
            Re: Two SUCESSIVE animations on the same element - how? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-11-11 14:19 +0100
      Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-07 11:00 -0800
        Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-07 16:46 -0800
          Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-07 22:57 -0800
            Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-08 04:21 -0800
              Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-08 09:08 -0800
                Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-08 10:34 -0800
                Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 01:44 -0800
                Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 02:02 -0800
                Re: Two SUCESSIVE animations on the same element - how? John G Harris <niam@jghnorth.org.uk.invalid> - 2019-11-09 11:55 +0000
                Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 05:39 -0800
                Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 05:32 -0800
  Re: Two SUCESSIVE animations on the same element - how? groovee@cyberdude.com - 2019-11-09 05:01 -0800
    Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 05:45 -0800
      Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-09 09:12 -0800
        Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 13:53 -0800
          Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 00:55 +0100
            Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 19:00 -0800
              Re: Two SUCESSIVE animations on the same element - how? Julio Di Egidio <julio@diegidio.name> - 2019-11-09 21:09 -0800
                Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 11:10 +0100
                Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 11:29 +0100
              Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 11:35 +0100
    Re: Two SUCESSIVE animations on the same element - how? "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2019-11-09 09:10 -0800
  Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 00:51 +0100
    Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-10 01:05 +0100
      Re: Two SUCESSIVE animations on the same element - how? Arno Welzel <usenet@arnowelzel.de> - 2019-11-12 12:00 +0100

csiph-web