Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][AJAX]d&d zapisywanie.
Forum PHP.pl > Forum > Przedszkole
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ć.

  1. $(document).ready(function() {
  2. $( "div[name='box']" ).draggable();
  3. });
goartur
Przyklad:

  1. <div class="moveInside">
  2. <span id="dragThis">xDdDdDdDdD</span>
  3. </div>
  4. <ul>
  5. <li id="left"></li>
  6. <li id="top"></li>
  7. </ul>
  8. <script>
  9. $('#dragThis').draggable(
  10. {
  11. drag: function () {
  12. $('#left').text('left: ' + $(this).css('left'));
  13. $('#top').text('top:' + $(this).css('top'));
  14. },
  15. containment: ".moveInside"
  16. });
  17.  
  18.  
  19. </script>
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?

  1. <div class="moveInside">
  2. <span id="dragThis">xDdDdDdDdD</span>
  3. </div>
  4. <ul>
  5. <li id="left"></li>
  6. <li id="top"></li>
  7. </ul>
  8. $('#dragThis').draggable(
  9. {
  10. drag: function () {
  11. var _x = $('#left').text('left: ' + $(this).css('left'));
  12. var _y = $('#top').text('top:' + $(this).css('top'));
  13.  
  14. $.post('plik.php', {x: _x, y: _y }, function(request){
  15.  
  16. });
  17. },
  18. containment: ".moveInside"
  19. });
  20.  
  21.  


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

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.
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:

  1. <div class="moveInside">
  2. <span class="dragThis">xDdDdDdDdD</span>
  3. </div>
  4. <ul>
  5. <li id="left"></li>
  6. <li id="top"></li>
  7. </ul>
  8. <script>
  9. $('#dragThis').draggable(
  10. {
  11. drag: function () {
  12. var _x = $('#left').text('left: ' + $(this).css('left'));
  13. var _y = $('#top').text('top:' + $(this).css('top'));
  14.  
  15. $.post('plik.php', {x: _x, y: _y }, function(request){
  16.  
  17. });
  18. },
  19. containment: ".moveInside"
  20. });
  21.  
  22.  
  23. </script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.