Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/07/2011, 10:04
Avatar de jtkm6
jtkm6
 
Fecha de Ingreso: abril-2011
Mensajes: 19
Antigüedad: 10 años, 6 meses
Puntos: 1
Pregunta Guardar cambios en Drag & Drop

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

Última edición por jtkm6; 23/07/2011 a las 21:23 Razón: Modificacion