Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Loko da Web

[Resolvido] Adicionar aos favoritos

Recommended Posts

Boa noite !

 

Estou tentando desenvolver um sistema d add produtos aos favoritos utilizando cookies,.... consegui desenvolver 95%.

 

O problema e qdo clico sobre add, ele muda o icone (mostrando um icone d ativado), porem qdo atualizo a pagina, ele retorna o icone d desativado, o q na verdade queria q permanecesse ativado.

 

 

Um exemplo daonde estou desenvolvendo e atrtavs deste site Imovel aonde o usuario clicando sobre a estrela, pode ser add aos favoritos. A primeira vista a estrela esta desativada, mas, qdo clico sobre ele, e ativado. E qdo dou refresh na pagina, o icone continua ativado. Era exatamente isso q falta pra mim.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1;charset=windows-1252" />
<meta http-equiv="content-language" content="pt" />
<meta http-equiv="expires" content="-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<title>Add Fav</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="http://www.foxter.com.br/inc/js/jquery.js"></script>
<script type="text/javascript" src="http://www.foxter.com.br/inc/js/jquery.ui.js"></script> 
<script type="text/javascript">
$(document).ready(function() {
//favoritos
$(".numfav").load('favoritos.php?act=qtd');
$("a.fav").click(function(){
	var codigo = $(this).attr("rel");
	var fav = $(this);
	if ($(this).hasClass("favon")) {
		$.get("favoritos.php?act=del&delid="+codigo,
			function(data){ fav.removeClass("favon").html("Adicionar aos favoritos"); $(".numfav").load('favoritos.php?act=qtd'); }
		);
	} else {
	 $.get("favoritos.php?act=add&addid="+codigo,				
			function(data){ fav.addClass("favon").html("Remover dos favoritos"); $(".numfav").load('favoritos.php?act=qtd'); }
		);
	}
	return false;
});
});
</script>
</head>
<body>
<table border="1">
<tr>
	<td>
		<strong>Favoritos (<span class="numfav">...</span>)</strong>
	</td>
</tr>
<tr>
	<td>
		Produto 01


		<a href="#" class="fav" rel="01">Favoritos</a>			
	</td>
	<td>
		Produto 02


		<a href="#" class="fav" rel="02">Favoritos</a>
	</td>
	<td>
		Produto 03


		<a href="#" class="fav" rel="03">Favoritos</a>
	</td>
	<td>
		Produto 04


		<a href="#" class="fav" rel="04">Favoritos</a>
	</td>
</tr>
<tr>
	<td>
		Produto 05


		<a href="#" class="fav" rel="05">Favoritos</a>
	</td>
	<td>
		Produto 06


		<a href="#" class="fav" rel="06">Favoritos</a>
	</td>
	<td>
		Produto 07


		<a href="#" class="fav" rel="07">Favoritos</a>
	</td>
	<td>
		Produto 08


		<a href="#" class="fav" rel="08">Favoritos</a>
	</td>
</tr>
</table>
</body>
</html>

 

So q nao consigo achar o problema, entao preciso da ajuda d vcs pra ver aonde esta o erro. Vlw !!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

você precisa 'lembrar'.. usando um banco de dados, cookies, session...

 

enfim.. qq coisa.. mas só com javascript, sem nenhum 'arquivo' para armazenar será impossível.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entao Bruno, cm eu disse estou armazenando nos cookies (favoritos), e por sinal esta armazenando corretamente. Cm você pode ver estou utilizando PHP para fazer esse trabalho.

 

Agora cm eu faco pra 'lembrar' q o produto foi selecionado ?!!?!?

Compartilhar este post


Link para o post
Compartilhar em outros sites

desculpe, mas não vi onde você trabalhou com 'cookies' ali.

 

se tiver, antes de trazer a página, leia o teu cookie, e marque oque o cookie mandar, só isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Loko da Web que bom que resolver seu problema, mas seria bom você postar como você resolveu o seu problema, pois a sua dúvida passada , será a dúvida de outros usuários..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.