[AJAX] - Jquery sort

[dragonzzzz]

Hey all,

Ben nu bezig met een website waar je je "windows" net als portlets kan verslepen. (voorbeeld)

Alleen vroeg me nu af of het ook mogelijk is om met 2 buttons (up / down) de volgorde te veranderen.
Ik kan het in jquery (ui) niet vinden. Misschien bestaat er wel een functie ofzo.

Kan iemand mij helpen?
Alvast bedankt!

[Blaise]

Dit zet box 1 na box 2:

JavaScript:

$("#box2").after( $("#box1") );

Zie de voorbeelden bij http://docs.jquery.com/Manipulation/after en http://docs.jquery.com/Manipulation

[dragonzzzz]

Blaise schreef op woensdag 13 mei 2009 @ 21:55:
Dit zet box 1 na box 2:

JavaScript:

$("#box2").after( $("#box1") );

Zie de voorbeelden bij http://docs.jquery.com/Manipulation/after en http://docs.jquery.com/Manipulation

JavaScript:

$(function() {
    $("#down").click(function() {          
        $("#box1").after( $("#box2") );
    });

});

Zoiets? Want het werkt niet of ik doe iets verkeerd...

[Verwijderd]

Blaise schreef op woensdag 13 mei 2009 @ 21:55:
Dit zet box 1 na box 2:

JavaScript:

$("#box2").after( $("#box1") );

Zie de voorbeelden bij http://docs.jquery.com/Manipulation/after en http://docs.jquery.com/Manipulation

Dat verplaatst de div in de DOM. Is dat wel de bedoeling?
Als ik zo even snel de sortable documentatie bekijk zit er inderdaad geen functie in om zelf dingen te verplaatsen...

dragonzzzz schreef op woensdag 13 mei 2009 @ 22:59:

JavaScript:

$(function() {
    $("#down").click(function() {          
        $("#box1").after( $("#box2") );
    });

});

Zoiets? Want het werkt niet of ik doe iets verkeerd...

Misschien werkt het nadat je .sortable( 'refreshPositions' ) aanroept?

[ Voor 47% gewijzigd door Verwijderd op 13-05-2009 23:07 ]

[dragonzzzz]

Even op google gezocht maar daar vind je dus ook haast niks.

Heb wel een jquery script gevonden:

JavaScript:

function up(eventObject){
        var curr = $(this).parent().attr('id');
        var prev = $("#"+curr).prev().attr('id');

        // swap
        $("#"+prev).insertAfter("#"+curr);

}

function down(eventObject){
        var curr = $(this).parent().attr('id');
        var next = $("#"+curr).next().attr('id');

        // Swap
        $("#"+next).insertBefore("#"+curr);

} 

Alleen kan hem niet aanroepen

Edit:
Ik heb het al aan de praat gekregen
Thnx anyways

(slotje plz)

[ Voor 6% gewijzigd door dragonzzzz op 14-05-2009 00:30 ]

[TheDane]

Edit:
Ik heb het al aan de praat gekregen
Thnx anyways

(slotje plz)

Nee geen slotje plz. Hoe heb je 't aan de praat gekregen? Zou misschien wel fijne info zijn voor medetweakers...

[XangadiX]

inderdaad, je TS is al aan de zwakke kant, dus je kunt ten minste even je oplossing posten, dan hebben we nog wat aan deze thread

[HuHu]

Ik ben op zich ook wel benieuwd waar het AJAX gedeelte in dit probleem zit?

[Cartman!]

Vooral in het hoofd van de TS heet dit AJAX denk ik HuHu, daarmee houdt t wel weer n beetje op