Click-To-Click Move Demo
Tap/click an item to manipulate it.
Move -
Edit -
Delete -
Adding item...
None
3
test
{Blank}
123132132
tesy
{Blank}
Move
hhh
{Blank}
123
{Blank}
Kakita
Moved
ddd
zaez
Pokemans
Benbowler.com
slippyd.com
{Blank}
Aaa
Test
Test
Sxde
asd
h￤?
w
Sass
Add
de
Fff
{Blank}
{Blank}
{Blank}
{Blank}Vvv
adfa
aaa
test
?
jjj
N
Blanks
ﾠ
{Blank}
Jjj
ggg
Test2
hgfg
{Blank}
Fufudu
testttt
{Blank}
{Blank}
{Blank}
http://www.swartzfager.org/ctcm/ http://www.swartzfager.org/ctcm/
Earth
dsfgsdfg
" class="itemBox" maxlength="250" />
</span> <span class="itemEdit noShow"> <input type="text" size="30" value="<iframe>" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="346" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="346" /> <span class="itemSpan">xx</span> <span class="itemEdit noShow"> <input type="text" size="30" value="xx" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="345" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="345" checked="checked" /> <span class="itemSpan">Flooby floo</span> <span class="itemEdit noShow"> <input type="text" size="30" value="Flooby floo" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="341" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="341" /> <span class="itemSpan">xxx</span> <span class="itemEdit noShow"> <input type="text" size="30" value="xxx" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="347" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="347" /> <span class="itemSpan">bah bah bah bird bird bird. BIRD IS THE WORD</span> <span class="itemEdit noShow"> <input type="text" size="30" value="bah bah bah bird bird bird. BIRD IS THE WORD" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="342" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="342" /> <span class="itemSpan">cvxcv</span> <span class="itemEdit noShow"> <input type="text" size="30" value="cvxcv" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="343" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="343" /> <span class="itemSpan">New</span> <span class="itemEdit noShow"> <input type="text" size="30" value="New" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> <li id="344" class="itemLi"> <div class="itemDiv"> <input type="checkbox" class="itemCheckbox" value="344" checked="checked" /> <span class="itemSpan">Aaaaaaaaaa</span> <span class="itemEdit noShow"> <input type="text" size="30" value="Aaaaaaaaaa" class="itemBox" maxlength="250" /><br /> <input type="button" class="itemUpdate" value="Update" /><input type="button" class="itemUpdateCancel" value="Cancel" /> </span> </div> <div class="controlDiv noShow"> <img class="moveIcon" src="images/move.png" /> <img class="editIcon" src="images/edit.png" /> <img class="deleteIcon" src="images/delete.png" /> </div> </li> </ul> <br /> <br /> <br />
Edit - 
Delete - 
Edit - Delete -