NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: CloneNode a transition

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
alex
Člen
Avatar
alex:28.2.2015 22:30

Ahoj, akym spôsobom sa da animovat clonovany element? resp

<div id="container"></div>
<p class="copy">kopiruj</p>
#container{
width:50px;
height:20px;
border:1px solid green
}
.copy{
opacity:0
-webkit-transition:.5s ease all
}
.copy.zmena{
opacity:1
}

a js

window.onclick=function()
{
   var container=document.getElementById("container");
   var element=document.getElementsByClassName("copy")[0];
   var kopia=element.cloneNode(true);
   container.appendChild(kopia);
   kopia.classList.add("zmena")
}

Tento kod sice naklonuje prvok a hodi ho do #container, ale nevykona sa efekt animacie s transition , je nejaky sposob ako naklonovat prvok a nasledne ho hodit do spominaneho #container aby sa vyvolal transition efekt?

 
Odpovědět
28.2.2015 22:30
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na alex
Michal Žůrek - misaz:28.2.2015 22:51

klonování není přechod. Vytvoř si tam v CSS animaci a tu nastav aby proběhla jednou.

 
Nahoru Odpovědět
28.2.2015 22:51
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.