jquery drag&drop ulozenie pozicie

Gepid

Ahojte!
Ako by sa dalo poriešiť uloženie aktualnej polohy elementu keď ho užívatel premiestnil?
Ale toto zobrazenie sa uloží len jemu. Takže druhý ho už bude mať uložené podľa seba

Napadla ma databáza, ale prišlo by mi zbytočne zložité.
Potom ma napadá ešte cookies, ale neviem ako by som zistil aktuálnu polohu elementu.

Kód: Vybrať všetko

<script type='text/javascript'>
/* <![CDATA[ */
var quicktagsL10n = {

};
try{convertEntities(quicktagsL10n);}catch(e){};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.gepid.sk/wp-admin/load-scripts.php?c=1&load=jquery,utils,quicktags&ver=b64ae9a301a545332f1fcd4c6c5351b4'></script>
</head>
<body class="wp-admin no-js  index-php">
<script type="text/javascript">
//<![CDATA[
(function(){
var c = document.body.className;
c = c.replace(/no-js/, 'js');
document.body.className = c;
})();
//]]>
</script>

<script type='text/javascript'>
/* <![CDATA[ */

var wpListL10n = {
	url: "http://www.gepid.sk/wp-admin/admin-ajax.php"
};

/* ]]> */
</script>
<script type='text/javascript' src='http://www.gepid.sk/wp-admin/load-scripts.php?c=1&load=hoverIntent,common,jquery-color,wp-ajax-response,wp-lists,jquery-ui-core,jquery-ui-resizable,admin-comments,jquery-ui-sortable,postbox,dashboard,plugin-install,thickbox,media-upload&ver=678e1505aa95fa2e2bc5e32f8227d388'></script>

odkazy.php

Kód: Vybrať všetko

<div id="dashboard_incoming_links" class="postbox " >
<div class="handlediv" title="Prepnúť zobrazenie"><br /></div><h3 class='hndle'><span>Test </span></h3>
<div class="inside">
<p class="widget-loading hide-if-no-js">Test…</p><p class="describe hide-if-js">Zapni JavaScript</p></div>
</div>

Pouzil som to z wordpressu.

stačí to do onload eventu tej stránky dať funkciu, ktorá načíta tie hodnoty (left a top) z cookies a presunie tam daný element. Teda iba zavoláš nejakú funkciu toho jquery. Ja robím skôr so scriptaculous tak neviem čo na to jquery používa ale mal by na to niečo mať

Ja by som to spravil tak, že by som pozíciu uložil za pomoci event stop nasledovne:

Kód: Vybrať všetko

$("#id_elementu").draggable(
    {
      stop: function(event, ui) {
        saveCoords(ui.absolutePosition.left, ui.absolutePosition.top, ui.helper.attr('id'));
      }
    });

a funkcia saveCoords, ktorá všetko v spolupráci s pluginom uloží do cookie:

Kód: Vybrať všetko

function saveCoords(x, y, el) {
 $.cookie({ 'top':'x', 'left':'y', 'element':'el' });
return false;
}

No a potom už len načítať cez .draggable() option cursorAt potrebné pozície z cookie. Ináč, je to všetko pekne popísané v dokumentácii... http://jqueryui.com/demos/draggable/