En cours

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

Compétences : AJAX, Javascript, jQuery / Prototype, PHP, Architecture Logicielle

Voir plus : div swappable, jquery swappable div, ajax html swappable div, this class jquery, jquery class, jquery 2.1 0, jquery 2.0 3, jquery 2, div 1 a, swappable div, swappable jquery, jquery end, make two, div, php javascript class, jquery ajax post form php, 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

Concernant l'employeur :
( 3 commentaires ) Vennesla, Norway

N° du projet : #1651566

Décerné à :

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 en 2 jours
(36 Commentaires)
4.9

10 freelance ont fait une offre moyenne de 101 $ pour ce travail

toinnisfree

quick pro help. ftp and escrow required.

115 $ USD en 2 jours
(538 Commentaires)
7.9
zainy01

Hi! I'm ready to do it

100 $ USD en 2 jours
(75 Commentaires)
6.9
SSADeveloper

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

100 $ USD en 2 jours
(31 Commentaires)
5.1
abalkrish

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

150 $ USD en 1 jour
(4 Commentaires)
3.5
abshuna

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

100 $ USD en 1 jour
(2 Commentaires)
2.8
trenxtrenx

Hello i would like to help you with this.

90 $ USD en 1 jour
(2 Commentaires)
1.0
mihaiandreicut

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

80 $ USD en 1 jour
(1 Commentaire)
1.0
masterix21

Please see the PM

150 $ USD en 1 jour
(0 Commentaires)
0.0
arulananth

its easy for me..

50 $ USD en 1 jour
(0 Commentaires)
1.5