Buenas otra ves estoy en un proyecto con una web que cualquiera que entra en ella puede mover los iconos y esta debiera generar un cookie donde se almacene la posición donde el usuario dejo el icono....
Hasta el momento solo e logrado que dicho icono se pueda mover pero carezco de conocimiento para la elaboración del cookie y por esto solicito ayuda...
Los plug in que he utilizado son: Jquery 1.6.2.min.js <-- la vercion mas nueva...
Jquery.easydrag.js <-- Para el Drag & Drop
------- He aquí el INDEX.HTML
Código HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pagina de Inicio JTKM6 Beta1</title>
<style type="text/css">
#notas{
Background:yellow;
Padding:10px;
Width:250px;
Border:solid 1px #ccc;
}
</style>
</head>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easydrag.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(function(){
$("#notas").easydrag();
$("#notas").ondrop();
});
});
</script>
<body>
<div id="notas"><a href="http://jtkm6.dyndns-web.com"> Probando Drag and drop </a></div>
</body>
</html> Buscando me encontré con el siguiente código que utiliza el plug-in "jquery.cookie.js"
y este es el codigo:
Código HTML:
<!-- Codigo para la creacion de Cookie -->
// Get items
function getItems(id)
{return $('#' + id + '-list').sortable('toArray').join(',');}
// Load items from cookie
function loadItemsFromCookie(name)
{if ( $.cookie(name) != null )
{renderItems($.cookie(name));}
else{alert('Cookie "' + name + '" is not set');}
}
// Render items
function renderItems(id, itemStr)
{var list = $('#' + id + '-list');var items = itemStr.split(',')
for ( var i in items )
{html = '<li class="sortable-item';
if ( id == 'splash' )
{html += ' col3 left';}
html += '" id="' + items[i] + '"><div class="loader"></div></li>';list.append(html);
// Load html file
$('#' + items[i]).load('content/' + items[i] + '.html');}
}
// Load items from cookie or defaults
var defaults = [];
defaults['splash'] = 'mission,event,follow';
var splashSource = ( $.cookie('splash-cookie') == null ) ? defaults['splash'] : $.cookie('splash-cookie');
renderItems('splash', splashSource);
Pero les ruego me ayuden a adaptarlo para que me funcione!!! ya que en el mundo del diseño web soy un novato