Mercurial Hosting > dad
comparison src/alternatives/interactjs.html @ 24:f8c97193c772 default tip
indexOf
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Tue, 20 Jan 2026 18:48:04 -0700 |
| parents | df0f6d0d55e8 |
| children |
comparison
equal
deleted
inserted
replaced
| 23:650773682588 | 24:f8c97193c772 |
|---|---|
| 32 | 32 |
| 33 function dragEndListener(event) { | 33 function dragEndListener(event) { |
| 34 event.target.style.transform = null; | 34 event.target.style.transform = null; |
| 35 } | 35 } |
| 36 | 36 |
| 37 function indexOf(a,el) { | |
| 38 for( let i=0; i<a.length; i++ ) { | |
| 39 if( a[i] === el ) | |
| 40 return i; | |
| 41 } | |
| 42 return -1; | |
| 43 } | |
| 44 | |
| 45 function dragEnterListener(event) { | 37 function dragEnterListener(event) { |
| 46 //return; | 38 //return; |
| 47 console.log(event); | 39 console.log(event); |
| 48 let entered = event.target; | 40 let entered = event.target; |
| 49 let dragging = event.relatedTarget; | 41 let dragging = event.relatedTarget; |
| 50 if( entered === dragging ) | 42 if( entered === dragging ) |
| 51 return; | 43 return; |
| 52 let divs = document.querySelectorAll('div[drag]'); | 44 let divs = Array.from(document.querySelectorAll('div[drag]')); |
| 53 let iEntered = indexOf(divs,entered); | 45 let iEntered = divs.indexOf(entered); |
| 54 let iDragging = indexOf(divs,dragging); | 46 let iDragging = divs.indexOf(dragging); |
| 55 console.log(iDragging+' '+iEntered); | 47 console.log(iDragging+' '+iEntered); |
| 56 let parent = entered.parentNode; | 48 let parent = entered.parentNode; |
| 57 if( iDragging < iEntered ) { | 49 if( iDragging < iEntered ) { |
| 58 let next = divs[iEntered+1]; | 50 let next = divs[iEntered+1]; |
| 59 if( next ) { | 51 if( next ) { |
