Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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() {$(".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 !!!!
Carregando comentários...