tags:

views:

6

answers:

0
Q: 

Dynamically re-positioning div layer base on ordering setting.

I have 3 div layers (divContentA, divContentB, divContentC) with different contents (can have textbox or label). User is allowed to set the ordering base on their preference.

E.g divContentA set to 2, divContentB set to 1 and divContentC set to 3. These ordering setting will be store in DB.

I have 3 empty div layers (divBox1, divBox2, divBox3 -relative position) which will be used to keep the divContentX. I am just wondering can we move the content layer to the empty layer base on the ordering using dom/javascript/css/jquery/json? I may hv up to 10 empty and content layers each.

  • divBox1 contains divContentB
  • divBox2 contains divContentA
  • divBox3 contains divContentC

Many thanks : )

related questions

CSS for container divs and falling to the next line
CSS div element - how to show horizontal scroll bars only?
Jquery changing background of parent div.
Why doesn't dynamically generated content change the height of containing div?
How do you create non scrolling div at the top of an HTML page without two sets of scroll bars
How do I align spans or divs horizontally?
How can I have a sliding menu div that doesn't move unless the page is scrolled down past a certain point.
Div Positioning Problem
Overflow to left instead of right
How can I center content between a header and footer div?
How to create div to fill all space between header and footer div
HTML footer problem
IE Chopping off left of DIV
Div 100% height works on Firefox but not in IE. What to do?
Determining the height of an HTML table that is dynamically filled
How to force a DIV block to extend to the bottom of a page, even if it has no content?
DIV with overflow:auto and a 100% wide table problem
Make a <div> fade away nicely after a given amount of time
Make a div fill the remaining screen space
div class vs id
Best way to implement a 3-column website using <DIV> tags?
CSS - Placement of a div in the lower left-hand corner
How do you get the footer to stay at the bottom of a Web page?
Setting the height of a DIV dynamically
Scrolling Overflowed DIVs with JavaScript