Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: draggable z zapisem do bazy
Forum PHP.pl > Forum > Gotowe rozwiązania
nowy16
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
Kostek.88
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
nowy16
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?
thek
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ń.
nowy16
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...
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-2024 Invision Power Services, Inc.