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 OriginalGriff 190
1 PIEBALDconsult 150
2 BillWoodruff 148
3 DamithSL 140
4 Jochen Arndt 125
0 OriginalGriff 5,695
1 DamithSL 4,506
2 Maciej Los 4,007
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,190


Advertise | Privacy | Mobile
Web04 | 2.8.141216.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