[PHP][AJAX]d&d zapisywanie. Opcje

[MeGusta]

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 

Ten post edytował MeGusta 25.09.2015, 15:47:36

[goartur]

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 

[MeGusta]

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

[rad11]

drop i pozniej ajax.

[MeGusta]

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?

Ten post edytował MeGusta 25.09.2015, 16:52:31

[goartur]

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

[MeGusta]

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



Ten post edytował MeGusta 26.09.2015, 14:02:06

[goartur]

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

[MeGusta]

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.

Ten post edytował MeGusta 25.09.2015, 17:42:03

[goartur]

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

[MeGusta]

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 

Ten post edytował MeGusta 26.09.2015, 14:02:39