Ao atualizar a pagina nao perder os dados...

[weslleysolo 0]

boa tarde a todos.

 

Estou desenvolvendo uma palicação de drag and drop, onde a pessoa seleciona, no caso, as fotos que estao em uma div esquerda e arrasta pra outra div a direita e caso queira retirar uma foto ela faz o inverso.

 

Se for muitas fotos (+200) a pagina demora um pouco a carregar, entao resolvi paginar, deixando aparecer 50 fotos por páginas. O problema é que as fotos ja escolhidas são perdidas conforme eu avanço a paginação.

 

Minha pergunta é, existe um meio de "guardar" as fotos na div as fotos já escolhidas? se fosse em PHP seria apenas criar campos hiddens depois resgata-los, mas em JS como fazer, tipo guardar em sessão??? :mellow:

 

eis o script JS

<script type="text/javascript">
function dropItems(idOfDraggedItem,targetId,x,y)
{
	if(targetId=='colunaImagensSelecionadas'){
		var obj = document.getElementById(idOfDraggedItem);
		if(obj.parentNode.id=='colunaImagensSelecionadas')return;		
		document.getElementById('colunaImagensSelecionadas').appendChild(obj);
	}
	if(targetId=='colunaImagens'){
		var obj = document.getElementById(idOfDraggedItem);
		if(obj.parentNode.id=='colunaConteudo')return;	
		document.getElementById('colunaConteudo').appendChild(obj);
	}
	
}

function onDragFunction(cloneId,origId)
{
	self.status = 'Elemento com erro = ' + cloneId;

	var obj = document.getElementById(cloneId);
	obj.style.border='1px solid #26fa10';
}
var dragDropObj = new DHTMLgoodies_dragDrop();
dragDropObj.addSource('foto1',true,true,true,false,'onDragFunction');
dragDropObj.addSource('foto2',true,true,true,false,'onDragFunction');
dragDropObj.addSource('foto3',true,true,true,false,'onDragFunction');
dragDropObj.addSource('foto4',true,true,true,false,'onDragFunction');
dragDropObj.addSource('foto5',true,true,true,false,'onDragFunction');
dragDropObj.addTarget('colunaImagensSelecionadas','dropItems');
dragDropObj.addTarget('colunaImagens','dropItems');
dragDropObj.init();
</script>

targetId=='colunaImagensSelecionadas' é a div onde ficará as fotos selecionadas;

 

Obrigado, e espero ter sido claro.

 

Weslley D.

[klaygomes 0]

Você pode salvar o ID das imagens em uma variável global (se estiver usando ajax) ou então usar hiddens.