Witam.

Mam skrypt Drag & Drop który wykorzystuje dane pobrane z bazy danych. I nie wiem jak po zmianie kolejności (po kliknięciu na przycisk) zapisać nową kolejność w bazie danych.

Przeszukałem wszystkie podobne tematy na tym i innych forach gdzie nie znalazłem jasnej odpowiedzi.


  1. <script type="text/javascript" src="mootools.js"></script>
  2.  
  3.    <script type="text/javascript">
  4.        var controls, s;
  5.        window.addEvent('domready', function(){
  6.            //s = new Sortables($('list-1'), {
  7.            //s = new Sortables('list-3', {
  8.            s = new Sortables(['list-3'], {
  9.                cloneOpacit:.2,
  10.                handl: 'span',
  11.                clon: $('clone-box').checked,
  12.                rever: $('revert-box').checked,
  13.                constrai: $('constrain-box').checked,
  14.                initializ: function(){
  15.  
  16.                    this.element.scrollTo(0, y);
  17.                    this.addEvent('onStart', function(){ this.scroller.start(); });
  18.                    this.addEvent('onComplete', function(){ this.scroller.stop(); });
  19.                    
  20.                    
  21.                    
  22.                }
  23.                
  24.            });
  25.            
  26.            controls = new Fx.Slide('controls').hide();
  27.        });
  28.    </script>
  29.  
  30.    
  31.        
  32. <div style="margi: 0px; overflo: hidden; heigh: 0px;"><div style="margi: -166px 0px 0px;" id="controls">
  33. <label for="clone-box">clone elemen:<input id="clone-box" checked="checked" onchange="s.options.clone = this.checked" type="checkbox"></label>
  34. <label for="revert-box">revert effec:<input id="revert-box" checked="checked" onchange="s.options.revert = this.checked" type="checkbox"></label>
  35. <label for="constrain-box">constrai:<input id="constrain-box" onchange="s.options.constrain = this.checked" type="checkbox"></label>
  36. </div></div>
  37.  
  38. <div id="lists">
  39. <ul id="list-3">
  40.  
  41. <?php while ($buddies = mysql_fetch_array($fetch_buddies)) { ?>
  42.  
  43.  
  44. <div id="<?php echo $buddies['buddy_id'];?>" style="wi:70px; hei:80px;" align="center">
  45. <img height="64" width="64" src="<?php echo user_picture($buddies['buddy_buddy']);?>" />
  46. <br />
  47. <a class="tooltiph" style="font-s:9px;" href="profil.php?username=<?php echo $buddies['buddy_buddy'];?>"> <?php echo $buddies['buddy_buddy'];?></a>
  48. </div>
  49.  
  50. <?php } } ?> 
  51.  
  52.    
  53. </ul>
  54. </div>
  55.  
  56.  
  57. <style>  
  58.    #lists ul { floa:left; }    
  59.    #list-3 {  }
  60.    #list-3 div { floa:left; }


Ciekawy link
Nie wiem za bardzo jak z tego skorzystać i podczepić pod swój skrypt.