Completed

Make div's swappable with jQuery

This project was successfully completed by pixecs for $75 USD in 2 days.

Get free quotes for a project like this
Employer working
Completed by:
Project Budget
$30 - $250 USD
Completed In
2 days
Total Bids
10
Project Description

I have this html structure:

<div id="container" class="container"><!-- start container -->

<!-- Section 1 -->
<div id="sectionid_1" class="section">

<!-- widgets holder -->
<div class="widgets_holder">

<!-- widget holder for size 33 -->
<div class="widget33_holder">
<div id="widgetid_1" class="widget widgetsize33"></div>
</div>

<!-- widget holder for size 33 -->
<div class="widget33_holder">
<div id="widgetid_2" class="widget widgetsize33"></div>
</div>

<!-- widget holder for size 33 -->
<div class="widget33_holder">
<div id="widgetid_3" class="widget widgetsize33"></div>
</div>

</div>

</div>

<!-- Section 2 -->
<div id="sectionid_2" class="section">

<!-- widgets holder -->
<div class="widgets_holder">

<!-- widget holder for size 33 -->
<div class="widget33_holder">
<div id="widgetid_4" class="widget widgetsize33"></div>
</div>

<!-- widget holder for size 66 -->
<div class="widget66_holder">
<div id="widgetid_5" class="widget widgetsize66"></div>
</div>

</div>

</div>

<!-- Section 3 -->
<div id="sectionid_3" class="section">

<!-- widgets holder -->
<div class="widgets_holder">

<!-- widget holder for size 100 -->
<div class="widget100_holder">
<div id="widgetid_6" class="widget widgetsize100"></div>
</div>

</div>

</div>

</div><!-- end container -->

And i need a jQuery function to do the following:

-. Each widget33_holder can only contain one(1) widgetid_(n).
-. widgetid_(n) form all widget33_holder's should be swappable with other widgetid_(n) from other widget33_holder's.
-. When a swap/switch have been made, the two swapped widgetid_(n) id's should be posted to '[url removed, login to view]' with a jquery post request (ajax?).

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online