In Progress

Make div's swappable with jQuery

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?).

Skills: AJAX, Javascript, jQuery / Prototype, PHP, Software Architecture

See more: div swappable, jquery swappable div, ajax html swappable div, jquery 2, swappable div, swappable jquery, jquery end, make two, div, jquery post, javascript post request, jquery post form, ajax jquery div html, container html, ajax jquery post form, javascript swap, widgets jquery, php jquery ajax form, jquery container, post form jquery, html container, jquery widgets, form widget javascript, php html jquery javascript, form php widget

About the Employer:
( 3 reviews ) Vennesla, Norway

Project ID: #1651566

Awarded to:

pixecs

Dear sir, i can help you with this project. I sent you a demo, please check the PM. I have over 6 years of experience with Html + Css + Javascript and over 2 years with jQuery.

$75 USD in 2 days
(36 Reviews)
4.9

10 freelancers are bidding on average $101 for this job

toinnisfree

quick pro help. ftp and escrow required.

$115 USD in 2 days
(538 Reviews)
7.9
zainy01

Hi! I'm ready to do it

$100 USD in 2 days
(75 Reviews)
6.9
SSADeveloper

hello i have gone through your requirement check my pm for further info thank u

$100 USD in 2 days
(31 Reviews)
5.1
abalkrish

I have good experience in Jquery and using drag and drop functionality. Please also check PM

$150 USD in 1 day
(4 Reviews)
3.5
abshuna

Hi, I am much interested in this project as I could complete it on time

$100 USD in 1 day
(2 Reviews)
2.8
trenxtrenx

Hello i would like to help you with this.

$90 USD in 1 day
(2 Reviews)
1.0
mihaiandreicut

hey, i can do the script, easy and will work fine For more details PM Mihai

$80 USD in 1 day
(1 Review)
1.0
masterix21

Please see the PM

$150 USD in 1 day
(0 Reviews)
0.0
arulananth

its easy for me..

$50 USD in 1 day
(0 Reviews)
1.5