23,31d22 < < #mybut { < background-color: yellow; < } < < td { < width: 600px; < height: 1200px; < } 38,54d28 < var snapshotcnt=0; < var lastsd='', thissd=''; < < function postpostld() { < document.getElementById('myh1').innerHTML='' + document.body.innerHTML + ''; < if (thissd != lastsd) { < snapshotcnt++; < document.getElementById('trone').innerHTML+=''; < lastsd='' + document.head.outerHTML + '' + document.body.innerHTML + ''; < if (snapshotcnt == 1) { < //if (lastsd.indexOf(">" + "") != -1) { alert('Here ' + ">Move item1 to be 1 / span 2 " + lastsd.replace(">" + "", ">Move item1 to be 1 / span 2").split('')[0].slice(-100)); } < document.getElementById('if' + snapshotcnt).srcdoc=lastsd.replace("/" + "/ mybut goes here", "document.getElementById('mybut').innerHTML='Move item" + one + " to be " + rto + "';").replace(">" + "", ">Move item1 to be 1 / span 2").replace('#2' + '19' + '6F3', '#9621F3'); < } else { < document.getElementById('if' + snapshotcnt).srcdoc=lastsd.replace("/" + "/ mybut goes here", "document.getElementById('mybut').innerHTML='Move item" + one + " to be " + rto + "';").replace(">" + "", ">" + document.getElementById('mybut').innerHTML + "").replace('#2' + '19' + '6F3', '#9621F3'); < } < } < } < if (window === top) { < document.getElementById("mybut").innerHTML='Move item' + one + ' to be ' + rto; < } else if (top.document.URL.indexOf('/div_grid_rearrange.htm') == -1) { 77,78d33 < document.getElementById("cbsh").style.visibility='hidden'; //.readOnly=true; < } 80,81d34 < < setTimeout(postld, 3000); 86c39 <

Change grid-column with JavaScript

--- >

Change grid-column with JavaScript

89c42 <

Click the button to rearrange the position of an item with animation and/or show history

--- >

Click the button to rearrange the position of an item with animation

115c68 < document.getElementById("mysel").innerHTML+=''; --- > document.getElementById("mysel").innerHTML+=''; 125c78 < document.getElementById("mysel").innerHTML+=''; --- > document.getElementById("mysel").innerHTML+=''; 134,135c87 <

< --- >