JQuery glisser, déposer et enregistrer via cookie - comment?

Question

Désolé d'être de retour les gens, mais les gars & filles semblent savoir beaucoup plus sur ce que je fais ... de toute façon, voici ma question/problème

Je veux utiliser glisser-déposer, trier (le interface plugin me fait même si j'ai lu c'est démodé? mais j'ai regardé UI et pour être honnête n'est pas clair et pour moi apparaît plus lourd que l'interface?)

De toute façon, comment puis-je définir un cookie pour enregistrer des positions à partir de ceci:

$(document).ready(
function() { 
    $('a.closeEl').bind('click', toggleContent); 
    $('div.groupWrapper').Sortable(
     { 
      accept: 'groupItem', 
      helperclass: 'sortHelper', 
      activeclass : 'sortableactive', 
      hoverclass : 'sortablehover', 
      handle: 'div.itemHeader', 
      tolerance: 'pointer', 
      onChange : function(ser) 
      { 
      }, 
      onStart : function() 
      { 
       $.iAutoscroller.start(this, document.getElementsByTagName('body')); 
      }, 
      onStop : function() 
      { 
       $.iAutoscroller.stop(); 
      } 
     } 
    ); 
} 

);

var toggleContent = function(e) 
{ 
    var targetContent = $('div.itemContent', this.parentNode.parentNode); 
    if (targetContent.css('display') == 'none') { 
     targetContent.slideDown(300); 
     $(this).html('[-]'); 
    } else { 
     targetContent.slideUp(300); 
     $(this).html('[+]'); 
    } 
    return false; 
}; 

var ser = function (s) { 
    serial = $.SortSerialize(s); 
    alert(serial.hash); 
}; 

qui est la démonstration de l'interface « standard », PLUS

Comment puis-je obtenir alors de lire ce cookie de sorte que lorsque ma prochaine visite à la page de l'ordre est comme je l'ai mis dans le cookie?

Espérons que je peux travailler sur le reste .......?

Merci de votre aide à l'avance.

Answer 1

Cela pourrait vous aider: Remembering a jQuery draggable tool palette position between page refreshes

Answer 2

Voici le code entièrement travail que je me sers pour mon panneau d'administration.

http://jsfiddle.net/Frenki/7dr6a/2/

Ajouter class = « ItemDrag » à div que vous voulez faire glisser, vous pouvez avoir autant de divs l'intérieur que vous le souhaitez. et gardez # id-drop-esquarda tel quel, et cela fonctionnera pour vous. Aussi chaque nouveau div que vous ajoutez doit avoir class = "itemDrag" + un identifiant unique et c'est tout, vous pouvez en avoir autant que vous voulez, n'oubliez pas d'inclure le plugin jquery cookie, jquery UI et jccccuse jquery