Witam, mam dylemat, jak zrobić zapisywanie pozycji kilku okienek do bazy? klase box ma kilka okienke na stronie, którymi można swobodnie poruszać.

[HTML] pobierz, plaintext 
$(document).ready(function() {
    $( "div[name='box']" ).draggable();
});
[HTML] pobierz, plaintext 

Przyklad:

[PHP] pobierz, plaintext 
<div class="moveInside">
    <span id="dragThis">xDdDdDdDdD</span>
</div>
<ul>
    <li id="left"></li>
    <li id="top"></li>
</ul>
<script>
    $('#dragThis').draggable(
        {
            drag: function () {
                $('#left').text('left: ' + $(this).css('left'));
                $('#top').text('top:' + $(this).css('top'));
            },
            containment: ".moveInside"
        });
 
 
</script>
[PHP] pobierz, plaintext 

Hmm, ja wiem jak sprawdzić na jakiej pozycji jest div, chodzi mi o dodanie do bazy (w którym momecie i jak)

drop i pozniej ajax.

W ten sposób?

[HTML] pobierz, plaintext 
<div class="moveInside">
    <span id="dragThis">xDdDdDdDdD</span>
</div>
<ul>
    <li id="left"></li>
    <li id="top"></li>
</ul>
<script>
    $('#dragThis').draggable(
        {
            drag: function () {
                var _x = $('#left').text('left: ' + $(this).css('left'));
                var _y = $('#top').text('top:' + $(this).css('top'));
 
                $.post('plik.php', {x: _x, y: _y }, function(request){
 
                });
            },
            containment: ".moveInside"
        });
 
 
</script>
[HTML] pobierz, plaintext 

Ehh, jednego nie rozumiem, mam kilka divów jeśli każdy będzie w innym miejscu to będzie kilka wartości left i top, jak mam to zapisać, myślę że w tablicy, tylko pytania jak to wrzucić w tablice te pozycje?

no przeciez kazdy z tych divow bedzie mial swoje pozycje, this oznacza inaczej TEN div, Wiec nie wiem jaki jest problem mozesz nawet miec 100 div

Rozumiem, ale co ja mam wysłać ajaxem? mógłbyś mi wskazac co przypisać do zmiennej?

Jasne ze mozesz tylko jednym poruszac skoro uzywasz ID a nie class, class mozna uzywac wielokrotnie

Okej, to działa już pieknie, teraz kwestia zapisu pozycji kazdego z osobna diva (do tablicy chyba) zebym mógł sobie wprowadzić do bazy potem i z niej odczytać to położenie dla kazdego boxa osobno.

Mozesz dac do tablicy ewentualnie zapisac jako obiekt i kazdy obiekt w kolejnosci wywylac z zapytaniem przez ajaxa.

Bardziej chodzi mi w jaki sposób ja wyjmę te pozycje dla kazdego z osobna, bo na razie pokazuje mi tylko współrzędne ostatnio przesuniętego diva, jak mogę zrobić aby pokazywał współrzędne kazdego diva np. po przecinku?

np {156,124,412,451} <- wysokosc i szerokosc pierwsze drugiego diva itd.

Ktoś może mi pomóc?

KOD:

[PHP] pobierz, plaintext 
<div class="moveInside">
    <span class="dragThis">xDdDdDdDdD</span>
</div>
<ul>
    <li id="left"></li>
    <li id="top"></li>
</ul>
<script>
    $('#dragThis').draggable(
        {
            drag: function () {
                var _x = $('#left').text('left: ' + $(this).css('left'));
                var _y = $('#top').text('top:' + $(this).css('top'));
 
                $.post('plik.php', {x: _x, y: _y }, function(request){
 
                });
            },
            containment: ".moveInside"
        });
 
 
</script>
[PHP] pobierz, plaintext