javascript - Drag and drop takes me to a different website if false or restarts animation if true -

-

i've got animation: http://codepen.io/tiamat/pen/jrdvx when colored circle goes black 1 restarts animation. when not go it takes me circle.com website. can stop both of these actions? if successful, not restart animation, colored circle remain in black one.

html:

<div id="intreg" style="border:1px solid #000000; width:750px; height: 550px;" >  <div id="jos">   <div id="square_drop"ondragenter="return dragenter(event)" ondrop="return dragdrop(event)" ondragover="return dragover(event)"></div>      <div id="circle_drop"ondragenter="return dragenter(event)" ondrop="return dragdrop(event)" ondragover="return dragover(event)"></div> </div>   <div id="sus"> <div id="triangle_drop"ondragenter="return dragenter(event)" ondrop="return dragdrop(event)" ondragover="return dragover(event)"></div>   <div id="square" draggable="true"ondragstart="return dragstart(event)"></div>      <div id="circle" draggable="true"ondragstart="return dragstart(event)"></div> <div id="triangle" draggable="true"ondragstart="return dragstart(event)"></div>   </div>  </div>

javascript:

function dragstart(ev) {    ev.datatransfer.effectallowed='move';    ev.datatransfer.setdata("text", ev.target.getattribute('id'));    ev.datatransfer.setdragimage(ev.target,100,100);    return true; } function dragenter(ev) {    event.preventdefault();    return true; } function dragover(ev) {      event.preventdefault(); } function dragdrop(ev) {    var data = ev.datatransfer.getdata("text");    ev.target.appendchild(document.getelementbyid(data));    ev.stoppropagation();    return false; }

css:

#square {  -webkit-animation: move4 3s forwards linear ;     -moz-animation: move4 3s forwards  linear ;     -o-animation: move4 3s forwards linear ; }  @-webkit-keyframes move4 {     0% {margin-bottom: -400px;margin-left:-100px;}     100% {margin-top: -130px;margin-left: 400px;} } @-moz-keyframes move4 { 0% {margin-top: 1400px;margin-left:-100px;}     100% {margin-top: 30px;margin-left: 400px;} } @-o-keyframes move4 { 0% {margin-bottom: -400px;margin-left:-100px;}     100% {margin-top: -130px;margin-left: 400px;} } #circle { -webkit-animation: move5 3s forwards linear ;     -moz-animation: move5 3s forwards  linear ;     -o-animation: move5 3s forwards linear ;} @-webkit-keyframes move5 {     0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -40px;margin-left: 150px;} } @-moz-keyframes move5 { 0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -40px;margin-left: 150px;} } @-o-keyframes move5 { 0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -40px;margin-left: 150px;} } #triangle {    -webkit-animation: move6 3s forwards linear ;     -moz-animation: move6 3s forwards  linear ;     -o-animation: move6 3s forwards linear ; } @-webkit-keyframes move6 { 0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -120px;margin-left: 20px;} } @-moz-keyframes move6 { 0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -120px;margin-left: 20px;} } @-o-keyframes move6 { 0% {margin-top: 1000px;margin-left:-100px;}     100% {margin-top: -120px;margin-left: 20px;} }

for case colored circle dropped on black one: when append dropped element, re-rendered in new location, including animation specified in style. try creating class removes animations

#circle.stay {   -webkit-animation: none !important;   -moz-animation: none !important;   -o-animation: none !important; }

and add class element before appending new home:

function dragdrop(ev) {    var data = ev.datatransfer.getdata("text");    var el = document.getelementbyid(data);    el.classname="stay";    ev.target.appendchild(el);    ev.stoppropagation();    return false; }

for case misses, add ondrop handler body element cancels drag

<body ondrop="return false">

codepen


Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more