Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Reorder 5 divs dynamically...Right now i am able to swap between two divs using jquery....I want to reorder divs as per wish...For instance if there are 5 divs as div1,div2,div3,div4,div5 etc i must be able to reposition as any order (div4,div3,div2,div5,div1 etc or div3,div2,div5,div4,div1 etc).....I tried many javascript mentioned but none worked....Provide a correct complete code at the earliest..
Code used:
script src="jquery-1.4.2.min.js" type="text/javascript">
Posted 12-Jan-13 5:01am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Provide a correct complete code at the earliest..
Is that not too demanding? Show some courtesy atleast.
 

About your problem, if you can, try HTML5 Drag-drop feature. If not, then for reordering, easiest would be to change markup at runtime. Place the div chosen at a desired location. Something like:
$("#div4").insertAfter("#div2");
You need to use the even of reorder to use the above code.
 
Now, try out and post specific issue you get stuck. Do share what you try.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 BillWoodruff 330
1 Mathew Soji 309
2 Maciej Los 295
3 DamithSL 225
4 Afzaal Ahmad Zeeshan 217
0 OriginalGriff 6,369
1 Sergey Alexandrovich Kryukov 5,973
2 DamithSL 5,183
3 Manas Bhardwaj 4,673
4 Maciej Los 4,025


Advertise | Privacy | Mobile
Web03 | 2.8.1411019.1 | Last Updated 13 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100