DIV position swaping

[Swinrrr]

Ξέρει κανείς πως μπορώ να κάνω αυτό το swaping?(με η χωρίς Drag and Drop).

 

Και τους έχω έτσι:

<div>

<div id="div1">

</div>

<br>

<div id="div2">

</div>

 

</div>

[egoeimai1]

Με drag-drop χρησιμοποιωντας jquery-ui, η με css3 χρησιμοποιωντας τη παραμετρο web-kit-group. Googlare να δεις πως δουλευουν.

[defacer]

Προγραμματιστικά γίνεται σε μία γραμμή με jQuery ή το πολύ σε 2-3 χωρίς. Με drag/drop από jQuery UI πάλι γίνεται σε μία γραμμή (για να σετάρεις το drag/drop).

 

Δε σκοπεύω όμως να σου πω πώς γιατί δε θα καταφέρω τίποτα παρά να σου δώσω κι άλλο θάρρος να συνεχίσεις στο ίδιο μοτίβο.

[thanocaster]

Τώρα γίνεσαι κακός ρε defacer. =ρ

 

Σουίνρ, δες εδώ κι εδώ.

[Swinrrr]

Δεν νομίζω ότι είναι όλα έτσι εύκολα, αν θα ήταν απλά drag and drop δεν θα σήκωνα το θέμα, κοιταχτε το κώδικα μου δεν

λέει πουθενά για το position των elements είναι απλά ένα μετά τo αλλο, και δεν έχει ανάγκη απαραίτητα με drag and drop και με απλό button pressing μπορούσε να γίνει(και φανταστιτε ότι έχει και 3 divs). Λοιπών παίδες τι λέτε?

Επεξ/σία 21 Ιουνίου 2012 από Swinrrr

[thanocaster]

Αν δεν σε ενδιαφέρει το drag & drop > .before

Αν σε ενδιαφέρει > .draggable

[0verc0me]

Εισαι τυχερος μιας και χρειαστηκα και εγω κατι τετοιο προσφατα οποτε το εχω ετοιμο.

Λοιπον, θες:

(Με χρηση drag and drop):

 

1. Jquery

2. Jquery UI custom με core,widget,mouse,draggable,droppable.

3. Αυτην την συναρτηση:

 

>
jQuery.fn.swap = function({ 
   b = jQuery([0]; 
   var a = this[0]; 
   var t = a.parentNode.insertBefore(document.createTextNode(''), a); 
   b.parentNode.insertBefore(a, ; 
   t.parentNode.insertBefore(b, t); 
   t.parentNode.removeChild(t); 
   return this; 
};

 

 

Και απο κει και περα αναλογα με αυτο που θες να κανεις προσαρμοζεις το παρακατω στις αναγκες σου:

 

Εστω

>
<div class="mdiv" id="div1"></div>
<div class="mdiv" id="div2"></div>
<div class="mdiv" id="div3"></div>
<div class="mdiv" id="div4"></div>
κλπ..

 

 

>
$(".mdiv").draggable({ //τα options που θες εδω
});

$(".mdiv").droppable({ 
//διαφορα events που χρειαζεσαι ,
drop: function( event, ui ) {

var draggable = ui.draggable, droppable = $(this);

draggable.swap(droppable);

}

 

και εισαι ετοιμος

[Swinrrr]

Super , μπράβο βρε Ρεμπαρα!

[0verc0me]

Super , μπράβο βρε Ρεμπαρα!

 

Τι ειναι αυτο; :whistle:

[Swinrrr]

^_^ Ρεμπαρα - REMBO hot blood. Τον Ρεμπο δεν έχεις στην εικονίδιο σου?Και τι να πω για τον αλλονα που έχει

στο εικονίδιο την γκόμενα του.

[0verc0me]

^_^ Ρεμπαρα - REMBO hot blood. Τον Ρεμπο δεν έχεις στην εικονίδιο σου?Και τι να πω για τον αλλονα που έχει

στο εικονίδιο την γκόμενα του.

 

οχι, ο sogoku ειναι

[Swinrrr]

Κρίμα, μπορεί να συγκριθεί κανείς με το Ρεμπο ? Αυτοι είναι ήρωες ...

[thanocaster]

Και τι να πω για τον αλλονα που έχει στο εικονίδιο την γκόμενα του.

 

http://www.youtube.com/watch?v=583zhKnsDjI

[defacer]

 

 

Δεν υπάρχει περίπτωση να το κάνει κατα λάθος έτσι;

 

Και να κυκλοφορεί ελεύθερος;;;

 

ΕΤΣΙ;;;;;;

 

Εκτός αν είναι 8 χρονών οπότε μιλάμε για ταλέντο.

 

 

[thanocaster]

 

 

Και για 35 χρωνών να μιλάμε, πάλι ταλέντο είναι.