Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> draggable z zapisem do bazy
nowy16
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 0
Dołączył: 29.08.2009

Ostrzeżenie: (0%)
-----


Witajcie! Szukam gotowego skryptu draggable z zapisem do bazy aby osoba po powtórnym wejściu nie musiała od nowa ustawiać tylko byłoby tak jak zostawiła. Jeżeli ktoś ma taki skrypt lub zna stronki, gdzie to jest to bardzo bym prosił. Zależy mi na czasie. Z góry dziękuję smile.gif

Lub skrypty, które działałyby w podobny sposób smile.gif

Odświeżam post.
Więc znalazłem coś takiego:
  1. <!-- Script by hscripts.com -->
  2. <!-- Copyright of HIOXINDIA -->
  3. <!-- More scripts @www.hscripts.com -->
  4.  
  5. <script type="text/javascript">
  6. var ie=document.all;
  7. var nn6=document.getElementById&&!document.all;
  8. var isdrag=false;
  9. var x,y;
  10. var dobj;
  11. function movemouse(e)
  12. {
  13. if (isdrag)
  14. {
  15. dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
  16. dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
  17. return false;
  18. }
  19. }
  20. function selectmouse(e)
  21. {
  22. var fobj = nn6 ? e.target : event.srcElement;
  23. var topelement = nn6 ? "HTML" : "BODY";
  24. while (fobj.tagName != topelement && fobj.className != "dragme")
  25. {
  26. fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  27. }
  28. if (fobj.className=="dragme")
  29. {
  30. isdrag = true;
  31. dobj = fobj;
  32. tx = parseInt(dobj.style.left+0,10);
  33. ty = parseInt(dobj.style.top+0,10);
  34. x = nn6 ? e.clientX : event.clientX;
  35. y = nn6 ? e.clientY : event.clientY;
  36. document.onmousemove=movemouse;
  37. return false;
  38. }
  39. }
  40. document.onmousedown=selectmouse;
  41. document.onmouseup=new Function("isdrag=false");
  42.  
  43. <!-- Script by hscripts.com -->
  44.  
  45. <style type="text/css">
  46. .dragme{position:relative;}
  47.  
  48. <table><tr><td align="center">
  49. <img src="./flower.jpg" width="270" height="203" alt="drag-and-drop image script" style="cursor:move;" title="drag-and-drop image script" class="dragme"><a href="http://hscripts.com" style="text-decoration:none;cursor:pointer;font-size:12px;color:green;">H</a>
  50. </td></tr></table>
  51.  


I moje pytanie. Czy dałoby radę aby w formularzu pokazały się współrzędne obrazka? chodzi, że w jednym polu width a w drugim input height

Ten post edytował nowy16 16.12.2010, 21:33:29
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Kostek.88
post
Post #2





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Cześć, odnośnie draggable... pod linkiem http://www.webresourcesdepot.com/dynamic-d...jquery-and-php/ masz fajny artykuł na ten temat. Co ciekawe, wykorzystujesz gotową bibliotekę jQuery i plugin do niej. W tutku masz dokładnie opisane jak to zaimplementować oraz ładne demko smile.gif

PS. Ew. http://www.blaineehrhart.com/blog/ajax-dra...p-list-ordering i demko http://www.blaineehrhart.com/demo/dnd-dojo-demo.php

Ten post edytował Kaloryfer 20.12.2010, 00:27:01
Go to the top of the page
+Quote Post
nowy16
post
Post #3





Grupa: Zarejestrowani
Postów: 71
Pomógł: 0
Dołączył: 29.08.2009

Ostrzeżenie: (0%)
-----


Tylko, że to nie ma być menu tylko opcja meblowania mieszkania, więc osoba może sobie gdzie chce umieścić obrazek, dlatego najlepiej aby było coś w stylu skryptu, który podałem powyżej. Dobrze by było, aby wymiary były podane w formularzu, a wtedy to sobie poradzę.

ponawiam temat i dalej szukam rozwiązania mojego problemu.

ponawiam ponownie ten temat, może jednak ktoś pomoże?
Go to the top of the page
+Quote Post
thek
post
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




takie coś jest podobne do przykładu już wrzuconego. Ty masz jednak zapisywać współrzędne. Potem najlepiej byłoby je gdzieś zapisać, może być AJAX i zapis do bazy. przy zdarzeniu ondragend lub coś w ten deseń.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
nowy16
post
Post #5





Grupa: Zarejestrowani
Postów: 71
Pomógł: 0
Dołączył: 29.08.2009

Ostrzeżenie: (0%)
-----


Tak. Resztę mam ogarniętą. Mam tylko dylemat z tym o to skryptem, bo potrzebuje współrzędne zapisać do bazy. Dysponuje takim kodem, ale on działa na zasadzie kliknięcia, a chciałbym aby była możliwość przesuwania, bo mówiąc prawdę jest ona wygodniejsza. Jakby ktoś wiedział jak to zrobić to prosze o pomoc smile.gif z góry dziękuje smile.gif

ponawiam temat. Nie sądziłem, że to będzie trudne...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 17:06